.tab-wrapper{
	text-align: left ;
	display: block;
    padding: 40px 0px;

}
.tabs {
margin: 0;
    padding: 0;
    border-radius: 50px;
    display: inline-flex;
    justify-content: center;
    background: rgba(251, 245, 237, 1);
    box-shadow: 0px 10px 32px -4px rgba(19, 25, 39, 0.1);

}
.tab-link {
    margin: 0 0%;
    list-style: none;
    padding: 12px 36px;
    color: rgba(0, 76, 76, 1);
    cursor: pointer;
    font-weight: 700;
    transition: all ease 0.5s;
    border-bottom: solid 3px r;
    letter-spacing: 0px;
    font-family: Trebuchet MS;
font-size: 16px;

line-height: 20px;

text-align: center;


}
.tab-link:hover {
	color: #999;
	border-color: #999;
}
.tab-link.active {
	color: #333;
	border-color: #333;
}
.tab-link:nth-of-type(1).active {
color: #fff;
    background: rgba(0, 76, 76, 1);
    border-radius: 52px;
}

.tab-link:nth-of-type(2).active {
color: #fff;
    background: rgba(0, 76, 76, 1);
    border-radius: 52px;
}
.tab-link:nth-of-type(3).active {
color: #fff;
    background: rgba(0, 76, 76, 1);
    border-radius: 52px;
}
.content-wrapper {
    padding: 0px 0px 40px;
    float: left;
        width: 100%;
}
.tab-content {
	display: none;

	color: #888;
	font-weight: 300;
	font-size: 15px;
	opacity: 0;
	transform: translateY(15px);
	animation: fadeIn 0.5s ease 1 forwards;
}
.tab-content.active {
	display: block
}
@keyframes fadeIn
	100%
		opacity: 1
		transform: none