.sport-heading-wrap h1 {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 600;
    display: block;
    margin-bottom: 22px;
}

.artical-content-item:not(:last-child) {
    margin-bottom: 50px;
}

.article-content {
    background-color: #FFFFFF;
    padding: 26px;
    border: 1px solid #CBCBCB;
    border-radius: 10px;
    margin-bottom:41px;
    overflow-x: auto;
}
.artical-content-item h2 {
    font-size: 26px;
    line-height: 1;
    font-weight: 600;
}
.article-content h3 {
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 18px;
}
.sport-individual-section table {
    border: 1px solid #DADADA;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 0 1px #dadada;
    overflow: hidden;
    border-style: hidden;
    min-width: 400px;
}
.sport-individual-section table thead {
    background: #F4F4F4;
}
.sport-individual-section table tr {
    border-bottom: 1px solid #DADADA;
}
.sport-individual-section tfoot td, .sport-individual-section thead td, .sport-individual-section thead th,
.sport-individual-section td{
    border: none;
}
.sport-individual-section thead th, .sport-individual-section td {

    font-size: 14px;
    line-height: 21px;
}
.article-content thead th, .article-content td {
    width: 33.33%;
}
.sport-individual-section thead th {
    padding: 18px 20px;
}
.sport-individual-section td {
    padding: 20px;
    font-weight: 600;
    border-color: inherit;
}
.artical-body-wrap {
    background-color: #fff;
    padding: 25px 28px;
    border-radius: 10px;
    border: 1px solid #cbcbcb;
    overflow-x: auto;
}
#ActiveGYM .artical-body-wrap table, #Swimming .artical-body-wrap table {
    min-width: 640px;
}
.sport-individual-section .artical-content-item td {
    font-weight: 500;
}

.artical-body-wrap h4 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 18px;
}
.active .artical-body-wrap {
    background: #B10C2C;
    border-color: #B10C2C;
}
.active .artical-body-wrap p {
    color: #f2f2f2;
}

.active .artical-body-wrap h4 {
    color: #fff;
}
.tab-items-wrapper {
    margin-bottom: 20px;
}
.tab-items-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.tab-items-wrapper ul li {
    display: flex;
    align-items: center;
    row-gap: 10px;
    margin: 0 10px 10px 0px;
}

.tab-items-wrapper ul li a {
    background: #FFFFFF;
    border: 1px solid #B10C2C;
    border-radius: 56px;
    padding: 4px 18px;
    font-weight: 500;
    font-size: 14px;
    transition: .3s all ease-in-out;
}
.tab-items-wrapper ul li a:hover,
.tab-items-wrapper ul li a.active{
    background: #B10C2C;
    border: 1px solid #B10C2C;
    color: #fff;
}
@media (max-width: 767px) {
    .tab-items-wrapper {
	   position: sticky;
	   top: 0;
	   background-color: #fff;
	   z-index: 3;
	   padding-bottom: 10px;
	   padding-top: 20px;
	   margin-top: -20px;
	   overflow-x: auto;
	   margin: -20px -15px 20px;
    }

    .tab-items-wrapper ul {
	   flex-wrap: nowrap;
	   white-space: nowrap;
	   padding: 0 20px;
    }

    .tab-items-wrapper::-webkit-scrollbar{height:5px;}.tab-items-wrapper::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px;}.tab-items-wrapper::-webkit-scrollbar-thumb:hover{background:#888;}
}
@media (max-width: 640px) {
    .artical-body-wrap tbody {
	   word-break: initial;
    }  
}
}