.tabs {
	height: fit-content;
}

.tabs .tabs__nav-wrapper {
	margin: 0;
}

.tabs .tabs__nav {
	margin: 0;
	border: none;
	overflow: visible;
    gap: 10px;
}

.tabs .tab-link {
	margin: 0;
	padding: 0;
	letter-spacing: inherit;
}

.tabs .tab-link:first-child {
    padding-left: 0;
}

.tabs .tab-link a {
    font-family: 'Roboto Condensed';
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: capitalize;
    box-shadow: 1px 1px 10px 0px #cccccc75;
    height: 50px;
    border: none;
    padding: 15px 33px;
}

.tabs .tab-link a::after {
	display: none;
}

.tabs .tab-link.active a {
	background: #262A2C;
    color: #fff;
}

.tab-content-main {
  display: none;
}

.tab-content-main.active {
  display: block;
}

@media (max-width: 400px) {
    .tabs .tab-link a {
        height: 34px;
        font-size: 12px;
        padding: 11px 3px;
    }
}

@media (max-width: 375px) {
    .tabs .tab-link a {
        font-size: 12px;
		padding: 11px 3px;
	}
}