/* Style the tab */
.tab {
    overflow: hidden;
    border-bottom: 2px solid #353535;
    text-align:center;
	clear: both;
  }
  
  /* Style the buttons inside the tab */
  .tab button {
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    margin: 10px 2px 1px 2px;
    width: 18%;
    font-weight: bold;
    border-top: 3px solid #fff;
	display: inline-block;
  }
  
  /* Change background color of buttons on hover */
  .tab button:hover {
    opacity: 0.6;
  }
  
  /* Create an active/current tablink class */
  .tab button.active {
    border-top: 3px solid #000;
  }
  
  /* Style the tab content */
  .tabcontent {
    display: none;
  }

  /* style tab */
  .tab1 {
      background-color: #F43030;
      color: white;
  }
  .tab2 {
      background-color: #006CFF;
      color: white;
  }
  .tab3 {
      background-color: #F59432;
      color: white;
  }
  .tab4 {
      background-color: #66B73B;
      color: white;
  }
  .tab5 {
      background-color: #2D577D;
      color: white;
  }

/* ************* privacy *********** */
.privacy .tab {
    text-align: left;
    display: inline-flex;
    width: 100%;
    border-bottom: 4px solid #2D577D;
    height: 88px;
}
.privacy .tab button {
    width: 245px;
    letter-spacing: 3px;
    background-color: #fff;
    border: 2px solid #2D577D;
    color: #2D577D;
    align-items: center;
    height: 80px;
}
.privacy .tab button.active {
    background-color: #2D577D;
    color: #fff;
}


   @media only screen and (max-width: 767px) {
    .tab button {
    width:18%;
	box-sizing: border-box;
	display: inline-block;
	min-height: 72px;
	vertical-align: middle;
	padding: 14px 0;
	margin: 0;
	
  }
  .privacy .tab {
    height: 145px;
  }
  .privacy .tab button {
    height: 137px;
  }
}/**/