.offer-section,
.media-section,
.student_case_section {
    padding: 60px 0;
}

.media-section {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 700px;
}
.media-section.lazyloaded{
    background-image: url(../images/student_case/video-bg.png);
}

.offer-section .tab {
    justify-content: center;
    gap: 100px;
}

.student_case_section {
    padding-top: 0px;
}

.offer-section .tab .tab-item {
    overflow-wrap: break-word;
    color: rgba(44, 44, 44, 1);
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(246, 245, 245, 1);
    border-radius: 30px;
    /* height: 60px; */
    /* width: 210px; */
    padding: 8px 0;
    box-sizing: border-box;
    width: 170px;
    cursor: pointer;
}

.offer-section .tab .tab-item.active,.offer-section .tab .tab-item:hover {
    background-color: #FF4500;
    color: #fff;
}

.offer-section .section-title {
    margin: 25px auto 10px;
}

.offer-section .tab-content .container-lg {
    display: none;
}


.offer-section .tab-content .container-lg.active {
    display: block;
}

.offer-section .offer-item-list {
    margin-top: 20px;
}

.offer-item-list .item{
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    overflow: hidden;
    display: block;
}

.offer-section .offer-item-list>div {
    margin-bottom: 30px;
}



table.table_offer thead tr td {
    background: rgba(255, 69, 0, 1);
    color: #fff;
    border-radius: 8px;
}

table.table_offer tr td {
    text-align: center;
    font-size: 16px;
    color: #666;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    background: #fff;
    border: 2px solid #f7f7f7;
}

table.table_offer tr td a {
    display: block;
    color: #666;
}

.table-wrapper {
    height: 522px;
    overflow: auto;
}

.table-wrapper::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}


.table-wrapper::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.table-wrapper::-webkit-scrollbar-button:end:increment,
.table-wrapper::-webkit-scrollbar-button:start:decrement,
.table-wrapper::-webkit-scrollbar-button:vertical:end:decrement,
.table-wrapper::-webkit-scrollbar-button:vertical:start:increment {
    display: none
}

.table-wrapper::-webkit-scrollbar-button:horizontal:end:decrement,
.table-wrapper::-webkit-scrollbar-button:horizontal:end:increment,
.table-wrapper::-webkit-scrollbar-button:horizontal:start:decrement,
.table-wrapper::-webkit-scrollbar-button:vertical:end:increment,
.table-wrapper::-webkit-scrollbar-button:vertical:start:decrement {
    display: none;
}

.table-wrapper::-webkit-scrollbar-button:vertical:end:increment {
    width: 7px;
    height: 7px;
    background-position: -2px -10px
}

.table-wrapper::-webkit-scrollbar-button:vertical:end:hover {
    background-position: -1px 0
}

.table-wrapper::-webkit-scrollbar-button:vertical:start:decrement {
    background-position: -12px -12px;
    height: 7px;
    width: 7px
}

.table-wrapper::-webkit-scrollbar-button:vertical:start:hover {
    background-position: -12px -2px
}

.table-wrapper::-webkit-scrollbar-track-piece:vertical:end,
::-webkit-scrollbar-track-piece:vertical:start {
    background: #fff
}

.table-wrapper::-webkit-scrollbar-thumb:vertical {
    background: #ccd5d9;
    border-radius: 4px
}

.table-wrapper::-webkit-scrollbar-thumb:vertical:hover {
    background: #a7d9f8
}

.table-wrapper::-webkit-scrollbar-button:horizontal:end:decrement {
    background-position: -30px -11px;
    height: 7px
}

.table-wrapper::-webkit-scrollbar-button:horizontal:end:hover {
    background-position: -30px -1px
}

.table-wrapper::-webkit-scrollbar-button:horizontal:end:increment {
    background-position: -31px -11px;
    height: 7px;
    width: 7px
}

.table-wrapper::-webkit-scrollbar-button:horizontal:start:decrement {
    background-position: -23px -11px;
    width: 7px
}

.table-wrapper::-webkit-scrollbar-button:horizontal:start:hover {
    background-position: -23px -1px
}

.table-wrapper::-webkit-scrollbar-track-piece:horizontal:end,
::-webkit-scrollbar-track-piece:horizontal:start {
    background: #fff
}

.table-wrapper::-webkit-scrollbar-thumb:horizontal {
    background: #ccd5d9;
    border-radius: 4px
}

.table-wrapper::-webkit-scrollbar-thumb:horizontal:hover {
    background: #a7d9f8
}

.table-wrapper table thead{
    position: sticky;
    top: -1px;
}