.tab {
    overflow: hidden; 
    position:relative; 
    font-family: "Montserrat Regular", sans-serif;
        display: flex;
}
.tab:after { 
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #ebebec;
    bottom: 0;
    position: absolute; 
    z-index: -1;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s; 
    position: relative;
    font-family: "Montserrat Regular", sans-serif; 
    font-size: 16px;
    color:#363844;
    padding-top: 17px;
    padding-left: 35px;
    padding-bottom: 45px;
    margin-top: 19px;
    line-height:1.5;
    text-align:left;
}

 
/* Create an active/current tablink class */
 
.tab button:before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 5px;
    transform: translate3d(-50%,-50%,0);
    left: 50%; 
    
     bottom: -2px;
}
.tab button.active:before,.tab button:hover:before{
background-color: #008dd2; 
	}

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