.grey-bar{
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #eaf2f7 100%) 0% 0% no-repeat padding-box;
  /*   opacity: 0.38; */
  padding-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tab-box {
  width: 290px;
  height: 85px;
  line-height: 85px;
  color: #1B2022 !important; 
  display: inline-block;
  text-align: center;
  background: #EAF2F7 0% 0% no-repeat padding-box;
  opacity: 1; 
  border-left: #D1E2EA solid 1px;
  cursor: pointer;

}

.tab-box:nth-child(1) {
  border-left: none; 
} 
.selected-box{
  background-color: white;
}
.center-content{
  display: flex;
  justify-content: center;
}
@media (max-width: 768px){
  .tab-box{
    width: 100%;
  }
}

.section-title h3{
  text-align: center;
  font: normal normal bold 36px/18px Red Hat Display;
  letter-spacing: 0px;
  color: #1B2022;
  opacity: 1;
  margin-top: 130px;
  margin-bottom: 44px;
}
.section-description p{
  text-align: center;
  font: normal normal normal 24px/36px Red Hat Text;
  letter-spacing: 0px;
  color: #1B2022;
  opacity: 1;
  padding: 0 2em;
  margin-bottom: 130px;
}
.list-of-content{
  display: none; 
}
.active-content{
  display: block; 
}
/* Cards */

.full-cards2 .future-card{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  padding: 3em 1.5em;
  box-shadow: 0px 3px 50px #D1E2EA;
  border-radius: 25px; 
  height: 100%;
}
.full-cards2 .future-card-containers{
  padding: 1em 15px; 
  position: relative;
}
/*   @media (min-width: 769px){
.full-cards2 .future-card-containers:nth-of-type(1){
padding-left: 0; 
}
.full-cards2 .future-card-containers:nth-of-type(3){
padding-right: 0; 
}
.full-cards2 .future-card-containers:nth-of-type(1) .card-indicator{
left: calc(50% - 55px); 
}
.full-cards2 .future-card-containers:nth-of-type(3) .card-indicator{
left: calc(50% - 25px); 
}
} */
.full-cards2 .future-card img{
  margin: auto;
  display: block;
  max-height: 100px;
}
.full-cards2 .shadow-image img{
  margin-top: 2em; 
}
.full-cards2 .card-rich-text{
  margin-top: 2em; 
}
.full-cards2 .card-rich-text h2{
  font-size: 30px; 
  font-weight: bold;
}
.full-cards2 .card-rich-text p{
  font-size: 20px; 
}
.full-cards2 .card-indicator{
  border-radius: 9px;
  bottom: 6px;
  height: 18px;
  left: calc(50% - 40px);
  position: absolute;
  width: 80px;
}
.card-rich-text h1, .card-rich-text h2, .card-rich-text h3, .card-rich-text h4, .card-rich-text h5, .card-rich-text h6{
  font-size: 24px!important;
  line-height: 36px!important;
  text-align: center;
}
.card-rich-text p{
  font-size: 18px!important;
  line-height: 28px!important;
  text-align: center;
}

.redbutton-cards a,  .redbutton-cards a:link{
  background: #e63338;
  border-radius: 26px;
  color: #fff; 
  font-weight: 500;
  padding: 16px 29px; 
  font-weight: 500!important;
  font-size: 13px!important;
  line-height: 18px!important;
  font-family: Red Hat Text;
}
.redbutton-cards{
  margin-bottom: 26px!important;
  margin-top: 26px!important;
  text-align: center;
}
.back-shadow{
  height: 85px;
  width: 100%;
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #D1E2EA 100%) 0% 0% no-repeat padding-box;
  position: absolute;
  z-index: 0;
  opacity: .38; 
}
.z-indexed{ 
  z-index: 1;
  display: block;
  position: relative;
}
@media (max-width: 768px){
  .section-title h3{
    line-height: 36px;
  }
}

@media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px) 
  and (orientation : portrait) {
    .tab-box { 
      text-align: center;
      width: fit-content;
      min-width: 25%;
      font-size: 1rem;
    } 
}
@media (max-width: 600px){
  .section-title h3 {
    margin-top: 1.5em;
  }
  .section-description p {
    font: normal normal normal 24px/36px Red Hat Text;
    margin-bottom: 1.5em; 
    padding: 0 2em;
  }