.tab {
    display: flex;
    margin-left: -30px;
}

.tab__button {
    flex: 0 0 37%;
    max-width: 37%;
    border-right: 2px solid var(--blue-1);
    margin-bottom: 50px;
}

.tab__contents {
    flex: 0 0 63%;
    max-width: 63%;
}

.tab__links {
    display: flex;
    font-size: 24px;
    line-height: 31.2px;
    font-weight: 900;
    background-color: inherit;
    color: var(--blue-2);
    padding: 25px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
}

.tab__links-number {
    margin-right: 45px;
}

.capabilities__link{
    color: var(--white);
}

.tab__links:hover,.active {
    background-color: var(--blue-1);
    color: var(--white);
}

.tab__content {
    padding: 0 0 0 60px;
    width: 70%;
    height: 100%;
}

.capabilities__content{
    color: var(--white);
}

.tab__content-head {
    display: flex;
    margin-bottom: 30px;
	align-items: center;
}

.tab__content-head_mb {
    margin-bottom: 60px;
}

.tab__content-head-img{
    height: 117px;
    width: 117px;
	margin-right: 30px;

}

.tab__content-head-img_h{
    height: 87px;
}

.tab__content-head-text{
    font-size: 18px;
    line-height: 23.4px;
    font-weight: 700;
    color: var(--grey-1);
}

.tab__content-column{
    display: flex;
    margin-bottom: 30px;
}

.tab__content-about {
    display: flex;
    flex-direction: column;
}

.tab__content-about-text {
    display: flex;
}

.tab__content-about-img{
    height: 12px;
	margin-right: 16px;
}

.capabilities__content-inside {
    margin-top: 80px;
}

.capabilities__content-inside-head{
    margin: 50px 0 30px 0;
    font-size: 24px;
    line-height: 31.2px;
    font-weight: 900;
}

.capabilities__content-inside-text{
    font-size: 18px;
    line-height: 23.4px;
}

@media screen and (max-width: 1023px) {

    .tab{
        flex-direction: column;
    }

    .tab__button{
        flex: 0 0 100%;
        max-width: 100%;
        border-right: none;
    }

    .tab__contents{
        flex: 0 0 100%;
        max-width: 100%;
    }

}

@media screen and (min-width: 575px) {

	.tab__content-about_mr {
		margin-right: 30px;
	}

}

@media screen and (max-width: 575px) {

    .tab__content-head, .tab__content-column {
        flex-direction: column;
    }

}

@media screen and (max-width: 340px) {

    .tab__links {
        font-size: 21px;
    }

}




