.kl-learning-section .top-section {
  text-align: center;
  padding-bottom: 111px;
  max-width: 1050px;
  margin: 0 auto;
}
.kl-learning-section .top-section h2 {
  margin-bottom: 24px;
}
.kl-learning-section .cards-container {
  display: flex;
  row-gap: 72px;
  margin: 0 -36px;
  flex-wrap: wrap;
}
.kl-learning-section .type1 .card:nth-child(even){
  width: 40%;
}
.kl-learning-section .type1 .card:nth-child(odd){
  width: 60%;
}

}
.kl-learning-section .type3 .card:nth-child(odd){
  width: 60%;
}
.kl-learning-section .type3 .card:nth-child(even){
  width: 40%;
}

.kl-learning-section .card {
  width: 50%;
  padding: 0 36px;
  height: auto;
}
.kl-learning-section .card .card-inner {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  border-radius: 33px;
  padding: 44px;
}
.kl-learning-section .type1 .card:nth-child(odd) .card-inner {
  padding-left: 57px;
  
}
.kl-learning-section .type3 .card:nth-child(odd) .card-inner {
  padding-left: 57px;

}
.kl-learning-section .card *{
  font-family:'Red Hat Display';
}
.kl-learning-section a.button {min-width: 170px;}
.kl-learning-section .card h3{  font-weight:normal;}
.kl-learning-section .card-content {
  max-width: 361px;
}

.kl-learning-section .card {
  position: relative;
}

.kl-learning-section .card-image {
  position: absolute;
  right:0px;
  top: auto;
  bottom: 0;
  transform: translateY(31px);
  pointer-events: none;
}
.kl-learning-section .cards-container:not(.singal_column) .card-inner:not(.img-under-box) .card-image{
  max-width:calc(100% - 361px);
}
.kl-learning-section .kl-rich-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.kl-learning-section .no-img .card-content {
  max-width: 100%;
  width: 100%;
}
.kl-learning-section .card .card-inner {
  min-height: 400px;
  overflow: hidden;
}

.kl-learning-section .card-content {
  height: 100%;
}
.kl-learning-section .card-inner:not(.no-img) .card-content {padding-right: 20px;}
.kl-learning-section {
  overflow: hidden;
}

/* Under box image  */
.kl-learning-section .card .card-inner.img-under-box {position: relative;}
.kl-learning-section .img-under-box.card-inner:not(.no-img) .card-content {
  max-width: 100%;
  width:100%;
}
.kl-learning-section .img-under-box .card-image {right: 0;left: auto;transform: translateY(32px);}
.kl-learning-section .img-under-box p {
  float: left;
  padding-right: 29%;
}
/* Singal Column */
.kl-learning-section .singal_column .card {  width: 100%;}
.kl-learning-section .cards-container.singal_column { flex-direction: column;}
.kl-learning-section .singal_column .card-inner { height: auto; min-height: unset;}
.kl-learning-section .singal_column .card-content { max-width: calc(100% - 315px);}
.kl-learning-section .singal_column .card h3 { margin-bottom: 15px;}

@media(max-width:1310px){
  .kl-learning-section .singal_column .card-image { right: 0;}
  .kl-learning-section .singal_column .card-inner { position: relative; overflow: visible;}
}
@media(max-width:1278px){
  .kl-learning-section .card-image {
    right: -3%;
    bottom: 0;
  }
  .kl-learning-section .card-inner:not(.no-img) .card-content {
    max-width: 100%;
    width: 66%;
  }
  .kl-learning-section .img-under-box p {
    padding-right:36%;
  }
}
@media(max-width:1150px){
  .kl-learning-section .card-image img {
    max-width: 100%;
    object-fit: cover;
    width: 100%;
  }
  .kl-learning-section .img-under-box .card-image img {
    width: 100%;
    max-width:30vw !important;
  }
  .kl-learning-section .singal_column .card-image img {
    max-width: 100%;
    height: revert-layer !important;
    width:auto;
  }
  .kl-learning-section .cards-container:not(.singal_column) .card-inner:not(.img-under-box) .card-image {
    right: 0;
    max-width: 34%;
  }
  .kl-learning-section .cards-container:not(.singal_column) .card-inner:not(.img-under-box) .card-image img {
    width: 100%;
    height: 100%;
  }
}
@media(max-width:1100px){
  .kl-learning-section .card .card-inner {
    padding: 30px;
  }
  .kl-learning-section .type1 .card:nth-child(odd) .card-inner {
    padding-left: 30px;
  }
  
    }
  .kl-learning-section .type3 .card:nth-child(odd) .card-inner {
    padding-left: 30px;
  }

  .kl-learning-section .cards-container {
    margin: 0 -24px;
  }
  .kl-learning-section .card {
    padding: 0 24px;
  }
  .kl-learning-section .card-image img {
    height: 100% !important;
  }
  .kl-learning-section .card-image {
    right: 0;
  }
  .kl-learning-section .type2 .card-image img {
    max-width: 20vw;
  }
  .kl-learning-section .singal_column  .kl-card__image {
    text-align: right;
  }
}
@media(max-width:920px){
  .kl-learning-section .type1 .card:nth-child(odd), .kl-learning-section .type1 .card:nth-child(2n), .kl-learning-section .card {
    width: 100%;
    padding: 0;
    
    }
@media(max-width:920px){
  .kl-learning-section .type3 .card:nth-child(odd), .kl-learning-section .type3 .card:nth-child(2n), .kl-learning-section .card {
    width: 100%;
    padding: 0; 
    
  }
  .kl-learning-section .cards-container {
    flex-direction: column;
    margin: 0;
    gap: 35px;
  }
  .kl-learning-section .img-under-box p {
    padding: 0;
  }
  .kl-learning-section .card-image {
    display: none;
  }

  .kl-learning-section .card .card-inner {
    min-height: unset;
  }
  .kl-learning-section .top-section {
    padding-bottom: 50px;
  }
  .kl-learning-section .card-inner:not(.no-img) .card-content {
    width: 100%;
    padding: 0;
  }
}