.info-cards{
  color:#001b70;
}

.info-cards__title{
  color:#001b70;
  font-family:var(--font-medium);
  font-size:1.5rem;
  line-height:1.2;
  margin:0 0 1rem;
}
@media screen and (min-width:768px){
  .info-cards__title{
    font-size:2rem;
    margin-bottom:1.25rem;
  }
}
@media screen and (min-width:1200px){
  .info-cards__title{
    font-size:2.5rem;
    margin-bottom:1.5rem;
  }
}

.info-cards__grid{
  display:grid;
  gap:1rem;
  grid-template-columns:1fr;
}
@media screen and (min-width:768px){
  .info-cards__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width:1200px){
  .info-cards__grid{
    gap:1.25rem;
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
}

.info-cards__card{
  background-color:#fff;
  border-radius:.625rem;
  display:grid;
  gap:0;
  grid-row:span 4;
  grid-template-rows:subgrid;
  min-width:0;
}

.info-cards__card--bordered{
  border:1px solid #e0eaf7;
}

.info-cards__card-content{
  display:grid;
  gap:0;
  grid-row:1 /  -1;
  grid-template-rows:subgrid;
  min-height:100%;
  padding:1.25rem;
}
@media screen and (min-width:768px){
  .info-cards__card-content{
    padding:1.5rem;
  }
}

.info-cards__icon{
  align-items:center;
  display:flex;
  grid-row:1;
  justify-content:center;
  margin-bottom:1rem;
  min-height:5.25rem;
  width:100%;
}

.info-cards__icon-image{
  align-self:center;
  display:block;
  margin-inline:auto;
  max-height:5.25rem;
  max-width:6.5rem;
  -o-object-fit:contain;
     object-fit:contain;
  -o-object-position:center;
     object-position:center;
  width:auto;
}

.info-cards__body{
  display:contents;
  flex:1 1 auto;
}

.info-cards__card-title{
  color:#001b70;
  font-family:var(--font-medium);
  font-size:1.25rem;
  grid-row:2;
  line-height:1.25;
  margin:0 0 1rem;
}
@media screen and (min-width:768px){
  .info-cards__card-title{
    font-size:1.375rem;
  }
}

.info-cards__description{
  color:#5a556e;
  font-size:1rem;
  grid-row:3;
  line-height:1.45;
}
.info-cards__description p{
  margin-top:0;
}
.info-cards__description p:last-child{
  margin-bottom:0;
}

.info-cards__author{
  color:#001b70;
  font-family:var(--font-medium);
  font-size:1rem;
  grid-row:4;
  line-height:1.35;
  margin-top:2rem;
}

.info-cards-wrapper--small-width .info-cards__grid{
  gap:.5rem;
  grid-template-columns:1fr;
}
@media screen and (min-width:768px){
  .info-cards-wrapper--small-width .info-cards__grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width:1200px){
  .info-cards-wrapper--small-width .info-cards__grid{
    gap:1rem;
    grid-auto-columns:minmax(0, 1fr);
    grid-auto-flow:column;
    grid-template-columns:none;
  }
}
.info-cards-wrapper--small-width .info-cards__card--compact{
  grid-row:span 2;
}
.info-cards-wrapper--small-width .info-cards__card-content{
  align-items:center;
  display:flex;
  flex-direction:row;
  gap:.75rem;
  padding:.5rem;
}
@media screen and (min-width:768px){
  .info-cards-wrapper--small-width .info-cards__card-content{
    align-items:stretch;
    display:grid;
    flex-direction:column;
    gap:0;
    padding:.75rem;
  }
  .info-cards-wrapper--small-width .info-cards__card--compact .info-cards__card-content{
    align-items:center;
    display:flex;
    flex-direction:column;
    gap:.75rem;
    justify-content:center;
  }
}
.info-cards-wrapper--small-width .info-cards__icon{
  flex:0 0 3.5rem;
  margin-bottom:0;
  min-height:3.5rem;
  width:3.5rem;
}
@media screen and (min-width:768px){
  .info-cards-wrapper--small-width .info-cards__icon{
    margin-bottom:.75rem;
    width:100%;
  }
  .info-cards-wrapper--small-width .info-cards__card--compact .info-cards__icon{
    margin-bottom:0;
    width:100%;
  }
}
.info-cards-wrapper--small-width .info-cards__icon-image{
  max-height:3.5rem;
  max-width:4.5rem;
}
.info-cards-wrapper--small-width .info-cards__body{
  display:block;
  min-width:0;
}
@media screen and (min-width:768px){
  .info-cards-wrapper--small-width .info-cards__body{
    display:contents;
  }
}
.info-cards-wrapper--small-width .info-cards__card--compact .info-cards__body{
  flex:0 1 auto;
}
@media screen and (min-width:768px){
  .info-cards-wrapper--small-width .info-cards__card--compact .info-cards__body{
    display:block;
  }
}
.info-cards-wrapper--small-width .info-cards__card-title{
  font-size:14px;
  margin-bottom:.5rem;
}
@media screen and (min-width:768px){
  .info-cards-wrapper--small-width .info-cards__card-title{
    text-align:center;
  }
}
.info-cards-wrapper--small-width .info-cards__card--compact .info-cards__card-title{
  margin-bottom:0;
}
.info-cards-wrapper--small-width .info-cards__description{
  font-size:.875rem;
  line-height:1.35;
}
.info-cards-wrapper--small-width .info-cards__author{
  flex-basis:100%;
  font-size:.875rem;
  margin-top:1rem;
  padding-left:4.25rem;
}
@media screen and (min-width:768px){
  .info-cards-wrapper--small-width .info-cards__author{
    flex-basis:auto;
    padding-left:0;
  }
}