/******* COMPONENT THREE COLUMN PREVIEW CSS ******/
.container-three-col-group {
  background-color: #06407a;
  padding: 0 20px 72px 20px;
  color: #fff;
  margin-bottom: 22px;
}

.container-three-col-group .group-title {
  color: #fff;
  font-size: 0.9em;
  text-transform: uppercase;
  background-color: #06407a;
  padding: 48px 0 0 0;
}

.three-col-preview a .three-col-title {
  font-size: 32px;
  padding: 0 0 16px 0;
  line-height: 1.25;
}
.three-col-preview a hr {
  transition: all 0.3s ease-in-out;
}
.three-col-preview a:link hr,
.three-col-preview a:visited hr {
  border: 2px solid #ffd704;
  width: 56px;
  margin: 48px 0 16px 0;
}
.container-three-col-group .three-col-preview a hr.three-col-yellow {
  transition: all 0.3s ease-in-out;
}
.container-three-col-group .three-col-preview a:hover hr.three-col-yellow,
.container-three-col-group
  a:focus
  .three-col-preview
  a:focus
  hr.three-col-yellow {
  border: 2px solid #e5eef7;
  margin: 32px 0 36px 0;
  width: 64px;
}

.container-three-col-group .three-col-preview a .three-col-title,
.container-three-col-group .three-col-preview a .card-text,
.container-three-col-group .three-col-preview a:visited .three-col-title,
.container-three-col-group .three-col-preview a:visited .card-text {
  color: #fff;
  text-decoration: none;
}
.container-three-col-group.three-col-preview a:hover .three-col-title,
.container-three-col-group .three-col-preview a:hover .card-text,
.container-three-col-group .three-col-preview a:focus .three-col-title,
.container-three-col-group .three-col-preview a:focus .card-text {
  color: #f5f7fa;
  text-decoration: none;
}