@charset "UTF-8";
#card-block {
  display: flex;
  text-align: left;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}
#card-block.paddingTopMedium {
  padding-top: 60px;
}
#card-block.paddingTopLarge {
  padding-top: 120px;
}
#card-block.paddingTopNone {
  padding-top: 0;
}
@media (max-width: 1200px) {
  #card-block.paddingTopMedium {
    padding-top: 60px;
  }
  #card-block.paddingTopLarge {
    padding-top: 120px;
  }
}
@media (max-width: 991px) {
  #card-block.paddingTopMedium {
    padding-top: 60px;
  }
  #card-block.paddingTopLarge {
    padding-top: 120px;
  }
}
@media (max-width: 767px) {
  #card-block.paddingTopMedium {
    padding-top: 40px;
  }
  #card-block.paddingTopLarge {
    padding-top: 80px;
  }
}
@media (max-width: 479px) {
  #card-block.paddingTopNone {
    padding-top: 0;
  }
  #card-block.paddingTopMedium {
    padding-top: 40px;
  }
  #card-block.paddingTopLarge {
    padding-top: 40px;
  }
}
#card-block.paddingBottomMedium {
  padding-bottom: 60px;
}
#card-block.paddingBottomLarge {
  padding-bottom: 120px;
}
#card-block.paddingBottomNone {
  padding-bottom: 0;
}
@media (max-width: 1200px) {
  #card-block.paddingBottomMedium {
    padding-bottom: 60px;
  }
  #card-block.paddingBottomLarge {
    padding-bottom: 120px;
  }
}
@media (max-width: 991px) {
  #card-block.paddingBottomMedium {
    padding-bottom: 60px;
  }
  #card-block.paddingBottomLarge {
    padding-bottom: 120px;
  }
}
@media (max-width: 767px) {
  #card-block.paddingBottomMedium {
    padding-bottom: 40px;
  }
  #card-block.paddingBottomLarge {
    padding-bottom: 80px;
  }
}
@media (max-width: 479px) {
  #card-block.paddingBottomNone {
    padding-bottom: 0;
  }
  #card-block.paddingBottomMedium {
    padding-bottom: 40px;
  }
  #card-block.paddingBottomLarge {
    padding-bottom: 40px;
  }
}
#card-block.white {
  color: #222222;
}
#card-block.white h1, #card-block.white h2, #card-block.white h3, #card-block.white h4, #card-block.white h5, #card-block.white h6 {
  color: #165968;
}
#card-block.blue {
  background: #2d9ab2;
  color: #ffffff;
}
#card-block.blue h1, #card-block.blue h2, #card-block.blue h3, #card-block.blue h4, #card-block.blue h5, #card-block.blue h6 {
  color: #ffffff;
}
#card-block.turquoise {
  background: #165968;
  color: #ffffff;
}
#card-block.turquoise h1, #card-block.turquoise h2, #card-block.turquoise h3, #card-block.turquoise h4, #card-block.turquoise h5, #card-block.turquoise h6 {
  color: #ffffff;
}
#card-block .inner-grid {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}
#card-block .card {
  width: calc(33% - 10px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 50px 30px 30px 30px;
  border-radius: 0.75rem;
  box-shadow: 2px 2px 12px 2px rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
}
#card-block .main-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#card-block .card-image {
  width: 280px;
  height: 160px;
  object-fit: cover;
}
#card-block .icon-heading {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 10px;
}
#card-block .card-icon {
  width: 44px;
  height: 44px;
  object-fit: contain;
}
#card-block .card-heading {
  color: #165968 !important;
  text-transform: uppercase;
  font-size: 24px;
}
#card-block .card p {
  margin: 0px;
  color: #646262;
}
#card-block .card-link {
  align-self: flex-end;
  color: #165968;
  font-weight: 600;
}
#card-block .card-link::after {
  content: \" »\";
}
#card-block .card-link:hover {
  color: #2d9ab2;
}

@media (max-width: 1200px) {
  #card-block .card {
    width: calc(50% - 20px);
  }
}
@media (max-width: 767px) {
  #card-block .inner-grid {
    flex-direction: column;
    align-content: center;
  }
  #card-block .card {
    width: 100%;
  }
}