/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
} 

.wrapper{
  text-align:center;
  margin:50px auto;
}

.tabs{
  margin-top:50px;
  font-size:15px;
  padding:0px;
  list-style:none;
  background:#fff;
  box-shadow:0px 5px 20px rgba(0,0,0,0.1);
  display:inline-block;
  border-radius:50px;
  position:relative;
}

.tabs a{
  text-decoration:none;
  color: black;
  text-transform:uppercase;
  padding:10px 20px;
  display:inline-block;
  position:relative;
  z-index:1;
  transition-duration:0.6s;
}

.tabs a.active{
  color:#fff;
}

.tabs a i{
  margin-right:5px;
}

.tabs .selector{
  height:100%;
  display:inline-block;
  position:absolute;
  left:0px;
  top:0px;
  z-index:1;
  border-radius:50px;
  transition-duration:0.6s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  
  background: #05abe0;
  background: -moz-linear-gradient(45deg, #05abe0 0%, #8200f4 100%);
  background: -webkit-linear-gradient(45deg, #05abe0 0%,#8200f4 100%);
  background: linear-gradient(45deg, #05abe0 0%,#8200f4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#8200f4',GradientType=1 );
}

.banner {
    background: -webkit-linear-gradient(right, #1d3ede, #01e6f8);
    background: -ms-linear-gradient(right, #1d3ede, #01e6f8);
    background: -moz-linear-gradient(right, #1d3ede, #01e6f8);
    background: -o-linear-gradient(right, #1d3ede, #01e6f8);
    background-size: cover;
    min-height: 00px;
    padding-top: 1em;
    height: 10em;
}
.banner h2 {
    text-align: center;
    color: #fff;
    font-size: 45px;
    text-transform: capitalize;
}
.banner p {
    text-align: center;
    font-size: 18px;
    margin: 1em 0;
    color: #eee;
}
.banner p a{
    margin-right: 1em;
    color: #000;
}

.redP p {
}
.redP span {
    color: black;
    font-weight: 450;
}
.radio-group label {
   overflow: hidden;
} .radio-group input {
    /* This is on purpose for accessibility. Using display: hidden is evil.
    This makes things keyboard friendly right out tha box! */
   height: 1px;
   width: 1px;
   position: absolute;
   top: -20px;
} .radio-group .not-active  {
   color: #3276b1;
   background-color: #fff;
}