#home section,
#home section.bg .container-fluid {
    padding: 30px 0;
}

#home section {
    overflow: hidden;
}

#home section.bg {
    padding: 0;
}

#home section.bg.bg-gray .container-fluid {
    background-color: #f5f7f8;
}

@media (min-width: 992px) {
    #home section,
    #home section.bg .container-fluid {
        padding: 40px 0px;
    }
}

@media (min-width: 1200px) {
    #home section,
    #home section.bg .container-fluid {
        padding: 32px 0px;
    }
}

@media (min-width: 1400px) {
    #home section {
        padding: 60px 0px;
    }
}

#home section .section-wrapper {
    margin: 0 -.75rem;
}

#home section .section-wrapper .section-left,
#home section .section-wrapper .section-right {
    padding: 0 .75rem;
}

#home section .section-wrapper .section-left,
#home section .section-wrapper .section-right {
    width: 100%;
}

@media (min-width: 992px) {
    #home section .section-wrapper .section-left {
        width: 75%;
    }

    #home section .section-wrapper .section-right {
        width: 25%;
    }
}

@media (min-width: 1400px) {
    #home section .section-wrapper .section-left {
        width: 993px;
    }

    #home section .section-wrapper .section-right {
        width: calc(100% - 993px);
    }
}

/* Section Title */
#home section .section-title {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.17;
}

/* Section Header & Body */
#home section .section-header {
    margin-bottom: 1.5rem;
}

@media (min-width: 992px) {
    #home section .section-header .section-header-left,
    #home section .section-header .section-header-right {
        width: 50%;
    }
}

#home section .section-header .section-header-right .list-item .item a {
    height: 1.25rem;
}

#home section .section-header .section-header-right .list-item .item:not(:last-child) {
    border-right: 1px solid #394e79;
}

#home section .section-header .section-header-right .list-item .item.active a {
    color: #0054a6;
}

#home section .section-header .section-header-right .scroll.scroll-x {
    overflow-x: scroll;
    overflow-y: hidden;
}

#home section .section-header .section-header-right .scroll.scroll-x::-webkit-scrollbar {
    height: 3px;
}

@media (min-width: 768px) {
    #home section .section-header .section-header-right .list-item .item {
        line-height: 1;
    }

    #home section .section-header .section-header-right .scroll.scroll-x {
        overflow-x: initial;
        overflow-y: initial;
    }
}

#home section .section-header .section-header-right .list-item {
    white-space: nowrap;
}

@media (min-width: 768px) {
    #home section .section-header .section-header-right .list-item {
        white-space: initial;
    }
}

@media (min-width: 992px) {
    #home section .section-header .section-header-right .list-item {
         overflow-x: initial;
    }
}

/* List Article Latest */
#home section .article-latest .wrapper {
    background-color: #f5f7f8;
}

#home section .article-latest .header {
    padding: 1.5rem 1rem .5rem 1rem;
}

@media (min-width: 768px) {
    #home section .article-latest .header {
        padding: 1rem 1rem .5rem 1rem;
    }
}

#home section .article-latest .header .title {
    font-size: 1.25rem;
    line-height: 1.25;
}

#home section .article-latest .body.scroll {
    overflow-y: scroll;
    height: 579px;
}

@media (min-width: 768px) {
    #home section .article-latest .body.scroll {
        height: 450px;
    }
}

@media (min-width: 992px) {
    #home section .article-latest .body.scroll {
        height: 529px;
    }
}

@media (min-width: 1200px) {
    #home section .article-latest .body.scroll {
        height: 586px;
    }
}

@media (min-width: 1400px) {
    #home section .article-latest .body.scroll {
        height: 633px;
    }
}

#home section .article-latest .body .list-item .item:not(:last-child) {
    border-bottom: 1px solid #d8d8d8;
}

#home section .article-latest .body .list-item .item .title {
    font-size: .9375rem;
    line-height: 1.4;
}

#home section .article-latest .body .list-item .item .title:before {
    content: '';
    display: block;
    float: left;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0054a6;
    margin-top: 6px;
}

#home section .article-latest .body .list-item .item .title a {
    padding-left: .875rem;
}

/* Section 1 */
#home .section-1 .image-wrapper:after {
    padding-top: 56%
}

@media (min-width: 768px) {
    #home .section-1 .image-wrapper:after {
        padding-top: 42.85%
    }
}

@media (min-width: 1200px) {
    #home .section-1 .image-wrapper:after {
        padding-top: 26.04%
    }
}

#home .section-1 .article-focus {
    padding: .75rem 0;
    background-color: #f5f7f8;
}

#home .section-1 .article-focus .label {
    padding: 0 .75rem;
    background-color: #0054a6;
    line-height: 35px;
    height: 35px;
    width: 97px;
    float: left;
}

#home .section-1 .article-focus .list-item {
    padding-left: 121px;
}

#home .section-1 .article-focus .list-item .item .title {
    font-size: 1rem;
    line-height: 2.1875;
}

#home .section-1 .article-focus .list-item .item .title:before {
    content: '';
    display: block;
    float: left;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #0054a6;
    margin-top: 13px;
}

/* Section 2 */
@media (min-width: 768px) {
    #home .section-2,
    #home .section-2.bg .container-fluid {
        padding: 16px 0px 40px 0px;
    }
}

#home .section-2 .event {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    #home .section-2 .event {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #home section .event .section-wrapper .section-left {
        width: 75%;
    }

    #home section .event .section-wrapper .section-right {
        width: 25%;
    }
}

#home .section-2 .event .event-1 .image-wrapper:after {
    padding-top: 12.69328493647913%;
}

#home .section-2 .event .event-2 .image-wrapper:after {
    padding-top: 40.42774566473988%;
}

@media (min-width: 1400px) {
    #home .section-2 .event .event-1 .image-wrapper:after {
        padding-top: 12.69349845201238%;
    }

    #home .section-2 .event .event-2 .image-wrapper:after {
        padding-top: 40.19607843137255%;
    }
}

#home .section-2 .article .item-featured {
    background-color: #073244;
}

#home .section-2 .article .item-featured a {
    color: inherit;
}

#home .section-2 .article .item-featured .main-info {
    padding: 1.5rem;
}

@media (min-width: 768px) {
    #home .section-2 .article .item-featured .image-wrapper {
        flex-basis: 58%;
    }

    #home .section-2 .article .item-featured .main-info {
        padding: 2rem 1.5rem;
        flex-basis: 42%;
    }
}

@media (min-width: 1400px) {
    #home .section-2 .article .item-featured .image-wrapper {
        flex-basis: 552px;
    }

    #home .section-2 .article .item-featured .main-info {
        flex-basis: calc(100% - 552px);
    }
}

#home .section-2 .article .item-featured .image-wrapper:after {
    padding-top: 67.39130434782609%;
}

#home .section-2 .article .item-featured .main-info .primary {
    flex-grow: 1;
}

#home .section-2 .article .item-featured .main-info .secondary {
    font-size: .875rem;
    color: #8399a2;
}

#home .section-2 .article .item-featured .main-info .title {
    font-size: 1.25rem;
    line-height: 1.6;
    margin-bottom: .75rem;
}

@media (min-width: 768px) {
    #home .section-2 .article .item-featured .main-info .title {
        line-height: 1.3;
    }
}

@media (min-width: 1200px) {
    #home .section-2 .article .item-featured .main-info .title {
        font-size: 1.5rem;
    }
}

#home .section-2 .article .item-featured .main-info .publish-date {
    color: inherit;
}

#home .section-2 .article .item-featured .main-info .lead {
    font-size: .875rem;
    line-height: 1.4;
    -webkit-line-clamp: 4;
}

@media (min-width: 768px) {
    #home .section-2 .article .item-featured .main-info .lead {
        -webkit-line-clamp: 3;
    }
}

#home .section-2 .article .section-left .list-item:not(.owl-carousel) {
    margin: -.75rem;
}

#home .section-2 .article .section-left .list-item:not(.owl-carousel) .item {
    padding: .75rem;
    float: left;
    width: 33.333333%;
}

#home .section-2 .article .section-left .list-item .item .image-wrapper {
    margin-bottom: .75rem;
}

#home .section-2 .article .section-left .list-item .item .image-wrapper::after {
    padding-top: 56.02605863192182%
}

#home .section-2 .article .section-left .list-item .item .category-name {
    margin-bottom: 5px;
    font-size: .875rem;
    line-height: 1.4;
    color: #0054a6;
}

#home .section-2 .article .section-left .list-item .item .title {
    font-size: 1rem;
    line-height: 1.4;
}

#home .section-2 .article .section-left .list-item .item .publish-date {
    font-size: .875rem;
    line-height: 1.1;
    color: #9ba6bb;
}

#home .section-2 .article .section-left .slide-1 {
    margin-bottom: 1.5rem;
}

/* Section 3 */
#home .section-3 .item-featured {
    margin-bottom: 2.125rem;
}

#home .section-3 .item-featured .image-wrapper {
    margin-bottom: .875rem;
}

@media (min-width: 768px) {
    #home .section-3 .item-featured .image-wrapper {
        flex-basis: 58%;
        margin-bottom: 0;
    }

    #home .section-3 .item-featured .main-info {
        padding-left: 25px;
        flex-basis: 42%;
    }
}

@media (min-width: 992px) {
    #home .section-3 .item-featured .image-wrapper {
        flex-basis: 50%;
    }

    #home .section-3 .item-featured .main-info {
        padding-left: 25px;
        flex-basis: 50%;
    }
}

@media (min-width: 1400px) {
    #home .section-3 .item-featured .image-wrapper {
        flex-basis: 638px;
    }

    #home .section-3 .item-featured .main-info {
        flex-basis: calc(100% - 638px);
    }
}

#home .section-3 .item-featured .image-wrapper:after {
    padding-top: 56.1128526645768%;
}

#home .section-3 .item-featured .main-info .category-name {
    color: #0054a6;
    font-size: .875rem;
    line-height: 1.17;
}

#home .section-3 .item-featured .main-info .title {
    margin-bottom: .75rem;
    font-size: 1.5rem;
    line-height: 1.3;
    -webkit-line-clamp: 3;
}

#home .section-3 .item-featured .main-info .lead {
    font-size: .875rem;
    line-height: 1.4;
    -webkit-line-clamp: 6;
}

@media (min-width: 768px) {
    #home .section-3 .item-featured .main-info .title {
        -webkit-line-clamp: 4;
    }

    #home .section-3 .item-featured .main-info .lead {
        -webkit-line-clamp: 3;
    }
}

#home .section-3 .section-body .list-item {
    border-top: 1px solid #d8d8d8;
}

#home .section-3 .section-body .list-item .item:not(:last-child) .item-wrapper {
    border-bottom: 1px solid #d8d8d8;
}

@media (min-width: 768px) {
    #home .section-3 .section-body .list-item {
        margin: -.75rem;
        border-top: none;
    }

    #home .section-3 .section-body .list-item .item {
        padding: .75rem;
    }
    
    #home .section-3 .section-body .list-item .item:not(:last-child) .item-wrapper {
        border-bottom: none;
    }

    #home .section-3 .section-body .list-item .item .image-wrapper {
        width: 136px;
        float: left;
    }

    #home .section-3 .section-body .list-item .item .main-info {
        padding-left: 153px;
    }
}

@media (min-width: 1200px) {
    #home .section-3 .section-body .list-item .item {
        width: 33.333333%;
    }
}

#home .section-3 .section-body .list-item .item .image-wrapper:after {
    padding-top: 64.70588235294118%;
}

#home .section-3 .section-body .list-item .item .main-info .title {
    font-size: 1rem;
    line-height: 1.3125;
}

#home .section-3 .section-body .list-item .item .main-info .category-name {
    margin-bottom: .3125rem;
    color: #0054a6;
    font-size: .875rem;
    line-height: 1.17;
}

/* Section 4 */
#home .section-4 .section-header {
    z-index: 1;
    background-color: #073244;
}

#home .section-4 .section-header:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 220px;
    background-color: #073244;
    z-index: -1;
}

@media (min-width: 576px) {
    #home .section-4 .section-header:after {
        height: 208px;
    }
}

#home .section-4 .slide-1 {
    margin: -15px;
}

@media (min-width: 576px) {
    #home .section-4 .slide-1 {
        margin: -12px;
    }
}

#home .section-4 .slide-1 .owl-theme .owl-dots {
    padding: 0;
    margin-top: .75rem;
}

#home .section-4 .section-header {
    padding-top: 2rem;
}

#home .section-4 .section-header .section-header-left {
    width: calc(100% - 90px);
}

#home .section-4 .section-header .section-header-right {
    width: 90px;
}

#home .section-4 .list-item .item {
    padding: 15px;
}

@media (min-width: 576px) {
    #home .section-4 .list-item .item {
        padding: 12px;
    }
}

#home .section-4 .list-item .item .item-wrapper {
    padding: 2rem 1.5rem 1.5rem 1.5rem;
    box-shadow: 0 4px 8px 4px rgb(0 0 0 / 5%);
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
}

#home .section-4 .list-item .item .item-wrapper:before,
#home .section-4 .list-item .item .item-wrapper:after {
    position: absolute;
    content: '';
    width: 100%;
    left: 0;
}

#home .section-4 .list-item .item .item-wrapper:before {
    background-color: #0054a6;
    height: 10px;
    top: 0;
}

#home .section-4 .list-item .item .item-wrapper:after {
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 5px;
    top: 5px;
}

#home .section-4 .list-item .item .main-info {
    flex-grow: 1;
    margin-bottom: 2rem;
}

#home .section-4 .list-item .item .main-info .category-name {
    margin-bottom: .75rem;
    padding-top: .625rem;
    padding-bottom: .625rem;
    background-color: #0054a6;
    border-radius: 5px;
    line-height: 1.25;
}

#home .section-4 .list-item .item .main-info .title {
    font-size: 1rem;
    line-height: 1.4375;
}

#home .section-4 .list-item .item .btn-view-more {
    line-height: 1;
}

#home .section-4 .list-item .item .btn-view-more:not(:hover):not(:active):not(:focus) {
    color: #9ba6bb;
}

/* Section 5 */
#home .section-5 .section-body {
    margin: -.75rem;
}

#home .section-5 .section-body-left,
#home .section-5 .section-body-center,
#home .section-5 .section-body-right {
    padding: .75rem;
}

@media (min-width: 768px) {
    #home .section-5 .section-body-left,
    #home .section-5 .section-body-center,
    #home .section-5 .section-body-right {
        float: left;
    }

    #home .section-5 .section-body-left {
        width: 100%;
    }

    #home .section-5 .section-body-center {
        width: 65%;
    }

    #home .section-5 .section-body-right {
        width: 35%;
    }
}

@media (min-width: 992px) {
    #home .section-5 .section-body-left {
        width: 34%;
    }

    #home .section-5 .section-body-center {
        width: 42%;
    }

    #home .section-5 .section-body-right {
        width: 24%;
    }
}

@media (min-width: 1400px) {
    #home .section-5 .section-body-left {
        width: 442px;
    }

    #home .section-5 .section-body-center {
        width: 551px;
    }

    #home .section-5 .section-body-right {
        width: 330px;
    }
}

#home .section-5 .item-featured .image-wrapper:after {
    padding-top: 57.89473684210526%;
}

#home .section-5 .item-featured .title {
    margin-bottom: .6875rem;
    font-size: 1.25rem;
    line-height: 1.25;
    -webkit-line-clamp: 5;
}

#home .section-5 .item-featured .lead {
    font-size: .875rem;
    line-height: 1.4;
    -webkit-line-clamp: 4;
}

@media (min-width: 768px) {
    #home .section-5 .item-featured .title {
        -webkit-line-clamp: 4;
    }

    #home .section-5 .item-featured .lead {
        -webkit-line-clamp: 3;
    }
}

#home .section-5 .list-cover {
    margin: -.75rem;
}

#home .section-5 .list-cover .item {
    padding: .75rem;
}

/* Section 6 */
#home .section-6 .list-item .item .image-wrapper {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#home .section-6 .list-item .item .image-wrapper:after {
    padding-top: 56.42633228840125%;
}

#home .section-6 .list-item .item .main-info .category-name,
#home .section-6 .list-item .item .main-info .publish-date {
    margin-bottom: .75rem;
    font-size: .875rem;
    line-height: 1.14;
}

#home .section-6 .list-item .item .main-info .title {
    margin-bottom: .75rem;
    font-size: 1.25rem;
    line-height: 1.4;
}

#home .section-6 .list-item .item .main-info .publish-date {
    color: #96a2b8;
}

@media (min-width: 768px) {
    #home .section-6 .owl-item:not(.center) .image-wrapper {
        border-radius: 10px;
    }

    #home .section-6 .owl-item:not(.center) .image-wrapper:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 40%);
        z-index: 1;
    }

    #home .section-6 .owl-item:not(.center) .main-info {
        visibility: hidden;
    }
}

/* Section 7 */
#home .section-7 .section-wrapper .section-left {
    padding-bottom: 2rem;
    width: 100%;
}

#home .section-7 .section-wrapper .section-right {
    width: 100%;
}

@media (min-width: 992px) {
    #home .section-7 .section-header .section-header-left {
        width: 40%;
    }

    #home .section-7 .section-header .section-header-right {
        width: 60%;
    }

    #home .section-7 .section-wrapper .section-left {
        width: 66%;
    }

    #home .section-7 .section-wrapper .section-right {
        width: 34%;
    }
}

@media (min-width: 1400px) {
    #home .section-7 .section-wrapper .section-left {
        width: 884px;
    }

    #home .section-7 .section-wrapper .section-right {
        width: 415px;
    }
}

#home .section-7 .section-left .list-item .item .image-wrapper {
    margin-bottom: .75rem;
}

#home .section-7 .section-left .list-item .item .image-wrapper:after {
    padding-top: 131.4720812182741%;
}

#home .section-7 .section-left .list-item .item .title {
    font-size: 1rem;
    line-height: 1.3;
}

#home .section-7 .section-right .section-header {
    margin-bottom: 1rem;
}

@media (min-width: 992px) {
    #home .section-7 .section-right .section-header {
        margin-bottom: 1.5rem;
    }
}

#home .section-7 .section-right .section-body {
    padding: 1.5rem 1rem;
    background-color: #f5f7f8;
}

@media (min-width: 1400px) {
    #home .section-7 .section-right .section-body {
        padding: 1.5rem 1rem 3rem 1rem;
        background-color: #f5f7f8;
    }
}

#home .section-7 .section-right .list-item {
    margin: -.5rem;
}

#home .section-7 .section-right .list-item .item {
    padding: .5rem;
}

#home .section-7 .section-right .list-item .item img {
    width: 30px;
    margin-right: .75rem;
}

#home .section-7 .section-right .list-item .item .title {
    line-height: 1.3125;
}