/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.container,
.container-width,
.full-width .ubermenu-nav,
.row {
    /*max-width: 1170px;*/
}

.row-small > .col, .row-small > .flickity-viewport > .flickity-slider > .col {
    margin-bottom: 0;
    padding: 0 9.8px 0px;
}

html {
    
}

.breamBox {
    min-height: 45px;
    align-items: center;
    display: flex;
    position: relative;
    background-color: rgb(241, 241, 241);
    width: 100%;
}

    .breamBox span {
        font-size: .95em;
    }

        .breamBox span a {
            color: black;
        }

.breadcrumb_last {
    font-weight: bold;
    color: black;
}

.ftFooter {
    background-image: linear-gradient(to right, #e78c28, #ed9f2b, #f2b131, #f6c43a, #f9d745);
}

.headPhone {
}

    .headPhone a {
        background: #FFBA03;
        padding: 16.5px 28px;
        color: #193564;
        font-weight: 600;
        border-radius: 40px;
        text-transform: uppercase;
        font-size: 1.1em;
    }

.xBg {
    background: linear-gradient(180deg, rgba(24,27,60,1) 0%, rgba(24,27,60,0.07) 21%, rgba(24,27,60,0) 45%);
}

.ftList {
}

    .ftList ul {
        margin: 0;
        padding: 0;
    }

        .ftList ul li {
            list-style: none;
            margin: 0 0 .6em;
        }

            .ftList ul li a {
                font-weight: bold;
                position: relative;
                padding-left: 15px;
                color: #193564;
                font-size: .9em;
            }

                .ftList ul li a:before {
                    content: "";
                    width: 6px;
                    height: 6px;
                    background: #193564;
                    position: absolute;
                    left: 0;
                    top: 0;
                    bottom: 0;
                    margin: auto;
                    border-radius: 50%;
                }

                .ftList ul li a:hover {
                    /* color: #ffffff; */
                }

                    .ftList ul li a:hover:before {
                    }

.ftMap {
}

    .ftMap iframe {
        border-radius: 10px;
        overflow: hidden;
    }

.ftLogo {
}

.ftLogo {
}

    .ftLogo .img-inner {
    }

        .ftLogo .img-inner img {
            width: auto;
        }

.ftInfo {
}

    .ftInfo h4 {
        color: #193564;
        font-weight: bold;
        font-size: 1.24em;
    }

    .ftInfo ul {
        margin: 0;
        list-style: none;
    }

        .ftInfo ul li {
            color: #193564;
            margin: 0 0 .6em;
            padding-left: 25px;
            font-size: .95em;
        }

            .ftInfo ul li a {
            }

            .ftInfo ul li:nth-child(1) {
                background: url(images/ft1.png) 0px 0px no-repeat;
            }

            .ftInfo ul li:nth-child(2) {
                background: url(images/ft2.png) 0px 3px no-repeat;
            }

            .ftInfo ul li:nth-child(3) {
                background: url(images/ft3.png) 0px 6px no-repeat;
            }

            .ftInfo ul li:nth-child(4) {
            }



.ftSocial ul {
    list-style: none;
    margin: 0;
    display: flex;
    gap: 10px;
}

    .ftSocial ul li {
        margin: 0;
        padding: 0;
    }

        .ftSocial ul li a {
            width: 33px;
            height: 33px;
            display: block;
        }

        .ftSocial ul li:nth-child(1) a {
            background: url(images/so1.png) no-repeat;
            background-size: 33px;
        }

        .ftSocial ul li:nth-child(2) a {
            background: url(images/so2.png) no-repeat;
            background-size: 33px;
        }

        .ftSocial ul li:nth-child(3) a {
            background: url(images/so3.png) no-repeat;
            background-size: 33px;
        }

        .ftSocial ul li:nth-child(4) a {
            background: url(images/so4.png) no-repeat;
            background-size: 33px;
        }

.header-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
}

    .header-wrapper:before {
        content: "";
        background: linear-gradient(180deg, rgba(24, 27, 60, 1) 0%, rgb(24 27 60 / 70%) 21%, rgba(24, 27, 60, 0) 45%);
        height: 359px;
        width: 100%;
        position: absolute;
        top: 0;
        /* z-index: 999; */
    }

.contactInfo {
}

    .contactInfo p {
        font-style: normal;
        font-weight: 300;
        font-size: 1.8em;
        line-height: 1.5;
        color: #193564;
        margin-bottom: 1rem;
    }

    .contactInfo h3 {
        font-style: normal;
        font-weight: 700;
        font-size: 2em;
        line-height: 1.3333333333;
        text-transform: uppercase;
        color: #193564;
    }

    .contactInfo h4 {
        font-size: 16px;
        color: #4f4f4f;
        margin: 0;
        font-weight: bold;
    }

.contactList ul {
}

    .contactList ul li {
        font-style: normal;
        font-weight: 500;
        color: #4f4f4f;
        line-height: 24px;
        margin: 0;
        margin-top: 9px;
        margin-bottom: 9px;
        display: inline-block;
        padding-left: 40px;
    }

        .contactList ul li:nth-child(1) {
            background: url(images/ct1.png) left center no-repeat;
        }

        .contactList ul li:nth-child(2) {
            background: url(images/ct2.png) left center no-repeat;
        }

        .contactList ul li:nth-child(3) {
            background: url(images/ct3.png) left center no-repeat;
        }

.ctForm {
}

.ctForm {
}

    .ctForm .col-inner {
        background: #fff;
        border: 1px solid #fff;
        box-shadow: 0px 2px 25px rgba(0, 0, 0, .1);
        border-radius: 12px;
    }

    .ctForm .wpcf7-form-control {
        display: block;
        border: none;
        padding-bottom: 8px;
        border-bottom: .7px solid #bdbdbd;
        margin-top: 8px;
        margin-bottom: 36px;
        font-weight: 300;
        padding: 0;
        font-size: 16px;
        line-height: 1.375;
        letter-spacing: .01em;
        box-shadow: none !important;
    }

        .ctForm .wpcf7-form-control::placeholder {
            color: #e0e0e5;
        }

    .ctForm .wpcf7-submit {
        width: 224px;
        height: 45px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        color: black;
        border-radius: 4px;
        margin: 0 auto;
        background: #FFBA03;
        border: none;
    }

    .ctForm label {
        /* color: #da271e; */
    }

.wpcf7-spinner {
    display: none;
}

.wpcf7 form .wpcf7-response-output {
    margin: 10px 0 0;
}

.program1 {
}

    .program1 .accordion-item {
        margin-bottom: 10px;
    }

        .program1 .accordion-item .accordion-title {
            display: flex;
            justify-content: space-between;
            width: 100%;
            padding: .6em 0 .6em .6em;
            align-items: center;
            background: #193564;
            border-radius: 8px;
        }

            .program1 .accordion-item .accordion-title .toggle {
                order: 2;
                right: 0;
                left: unset;
                /* margin: auto; */
                top: 0;
                bottom: 0;
                position: relative;
            }

            .program1 .accordion-item .accordion-title span {
                font-weight: bold;
                font-size: 1.4em;
                line-height: unset;
                color: white;
                margin: 0;
                text-transform: uppercase;
                padding-top: 0;
                order: 1;
            }

            .program1 .accordion-item .accordion-title .toggle i {
                color: white;
            }

    .program1 .accordion-inner {
    }

.programIbox {
    margin-bottom: 20px;
}

.program1Heading {
}

    .program1Heading h2 {
        text-transform: uppercase;
        font-size: 1.8em;
    }

    .program1Heading p {
    }

.xProGramTab {
}

    .xProGramTab .img {
        border-radius: 10px;
        overflow: hidden;
    }

.nav-simple {
    border-radius: 10px;
    border: 1px solid #193564;
    background: #fff;
    box-shadow: 0px 7px 16px 0px rgba(15, 18, 22, 0.12);
    padding: 10px;
    width: -moz-fit-content;
    width: fit-content;
    margin: 32px auto;
    display: flex;
    align-items: stretch;
    justify-content: center;
    max-width: 580px;
    width: 100%;
}

    .nav-simple .tab {
        margin: 0;
        border-radius: 10px;
        overflow: hidden;
    }

        .nav-simple .tab a {
            border-radius: 0px 10px 10px 0px;
            color: #828282;
            font-size: 16px;
            line-height: 1.5;
            font-weight: 700;
            text-transform: uppercase;
            padding: 10px 20px;
            background: rgba(0, 0, 0, 0.03);
            display: flex;
            justify-content: center;
            align-items: center;
            flex: 1;
            width: 100%;
            display: block;
        }

            .nav-simple .tab a span {
            }

        .nav-simple .tab.active {
        }

            .nav-simple .tab.active a {
                background: #193564;
                color: #fff;
                border-radius: 10px 0px 0px 10px;
            }

                .nav-simple .tab.active a span {
                }

.xAb {
}

    .xAb h2 {
        position: relative;
        padding-bottom: 10px;
    }

        .xAb h2:before {
            position: absolute;
            content: "";
            width: 132px;
            height: 2px;
            background: #193564;
            bottom: 0;
        }

.postPage {
    padding: 30px 0;
}

.pPageItem {
    margin-bottom: 32px;
    display: flex;
    align-items: flex-start;
    gap: 38px;
    flex-wrap: wrap;
}

.pPageItemThumb {
    flex: 0 0 auto;
    width: 37.6%;
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 4px;
}

    .pPageItemThumb:before {
        content: "";
        display: block;
        padding-bottom: 60.22%;
    }

    .pPageItemThumb:after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 36.36%;
        height: 33.2%;
        background: url(images/hover-deco.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center;
        z-index: 1;
        pointer-events: none;
        transform: translateY(100%);
        transition: all .3s;
    }

    .pPageItemThumb img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        transition: all .3s;
        position: absolute;
        top: 0;
        left: 0;
    }

.pPageItemContent {
    flex: 1;
}

.pPageItemTitle {
}

    .pPageItemTitle a {
        font-weight: 600;
        font-size: 1.6em;
        line-height: 1.2307692308;
        font-style: normal;
        letter-spacing: -0.03em;
        color: #4f4f4f;
        margin-bottom: 14px;
        display: block;
        text-decoration: none;
        transition: all .3s;
        font-family: "Lexend Deca";
    }

.pPageItemDate {
    font-weight: 300;
    font-size: .95em;
    line-height: 1.25;
    letter-spacing: -0.03em;
    color: #bdbdbd;
    font-style: normal;
    margin-bottom: 14px;
}

.pPageItemDescription {
    font-weight: 400;
    font-size: 1em;
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: #828282;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: "Lexend Deca";
}

.pPageItemRead {
    margin-top: 15px;
}

    .pPageItemRead a {
        height: 35px;
        background: #193564;
        border: 1px solid #193564;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 30px;
        padding-left: 1rem;
        padding-right: 1rem;
        font-weight: 700;
        font-size: .775rem;
        text-transform: uppercase;
        line-height: 130%;
        color: white;
        max-width: 110px;
        font-family: "Lexend Deca";
    }

.pPageItem:hover .pPageItemRead a {
    background: white;
    border: 1px solid #193564;
    color: #193564;
}

.pagePostHeading h1 {
    color: #193564;
}

    .pagePostHeading h1 a {
        color: #193564;
    }

.boxPostGrid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 25px;
}

.pPageItemReadMore {
}

    .pPageItemReadMore a {
        background: linear-gradient(110.15deg, #247EDA 5.6%, #81E2A6 95.6%);
        color: white;
        display: block;
        padding: 6px 18px;
        border-radius: 8px;
        overflow: hidden;
        display: inline-block;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 0.8em;
    }

.pPageItem:hover .pPageItemThumb:before {
}

.pPageItem:hover .pPageItemThumb:after {
    transform: translateY(0);
    transition: all .3s;
}

.pPageItem:hover .pPageItemTitle a {
    color: #193564;
}

.pagePostPageDesc {
}

    .pagePostPageDesc p {
        margin-bottom: 20px;
        font-weight: 400;
        font-size: 1em;
        line-height: 1.5714285714;
        letter-spacing: -0.03em;
        color: #828282;
    }





.signPostBoxContent ul, .signPostBoxContent ol {
    padding-left: 17px;
}

.signPostBoxEx {
    flex: 1;
    position: relative;
    padding-right: 38px;
    box-shadow: 10px 4px 20px rgba(0, 0, 0, .05);
    padding-bottom: 38px;
    padding-top: 30px;
}

.signDate {
    display: none;
}

.signPostBoxEx p {
    margin-top: 10px;
}

.signPostBoxTitle h1 {
    margin: 0 0 25px 0;
    line-height: 1.4;
    text-align: center;
    font-size: 1.5em;
    background: linear-gradient(110.15deg, #247EDA 5.6%, #81E2A6 95.6%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

.pagePostDetails {
    padding: 30px 0;
}

.relate-post {
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    font-size: 1.5em;
    color: #193564;
    text-transform: uppercase;
}

.postTwoThumb {
    width: 202px;
    flex-shrink: 0;
    border-radius: .25rem;
    overflow: hidden;
}

.postTwo {
    background-color: white;
    padding: .75rem;
    border-radius: .5rem;
    margin-bottom: 33px;
    display: flex;
    gap: .75rem;
    align-items: center;
}

.postTwoThumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 1s;
    transition-duration: .3s;
}



.postRelate {
    flex-wrap: wrap;
    background: white;
    box-shadow: -2px 3px 20px 0px rgb(0 0 0 / 8%);
    -webkit-box-shadow: -2px 3px 20px 0px rgb(0 0 0 / 8%);
    -moz-box-shadow: -2px 3px 20px 0px rgb(0 0 0 / 8%);
    margin-bottom: 0px !important;
}

    .postRelate .postTwoThumb {
        width: 100%;
        height: 160px;
    }

.postTwoTitle a {
    font-size: 1em;
    color: black;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: bold;
    height: 49px;
    margin-bottom: 5px;
}

.postTwoDescription {
    font-size: 0.90em;
    color: black;
    /* line-height: normal; */
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 48px;
}

.postAsideList {
    width: 100%;
    border: 1px solid #f2f2f2;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: white;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}

.postAsideHomeItem {
    display: flex;
    gap: 10px;
    align-items: center;
}

.postAsideHomeItemThumb {
    height: 60px;
    min-width: 60px;
    max-width: 60px;
    border-radius: 50%;
    overflow: hidden;
}

    .postAsideHomeItemThumb img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

.postAsideHomeItemContent {
}

.postAsideHomeItemTitle {
}

    .postAsideHomeItemTitle a {
        color: black;
        font-size: .95em;
        font-style: normal;
        /* line-height: normal; */
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

.postAsideHomeItemDesc {
    display: none;
}

.postAsideHomeItem:hover .postAsideHomeItemTitle a {
    color: #193564;
}

.signRelateGrid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 25px;
}

.xAsidePostOther {
    position: sticky;
    top: 30px;
}

.relatePost {
    font-style: normal;
    font-weight: 600;
    font-size: 1.4em;
    line-height: 30px;
    letter-spacing: -0.03em;
    color: #193564;
    margin-top: 45px;
    margin-bottom: 30px;
}

.signRelateGrid {
}

.postRelateItem {
}

.postRelateItemThumb {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 20px;
}

    .postRelateItemThumb:before {
        content: "";
        display: block;
        padding-bottom: 55%;
    }

    .postRelateItemThumb img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        transition: all .3s;
    }

.postRelateItemContent {
}

.postRelateItemTitle {
}

    .postRelateItemTitle a {
        font-style: normal;
        font-weight: 500;
        font-size: 1.4em;
        line-height: 125%;
        text-decoration: none;
        letter-spacing: -0.03em;
        color: #4f4f4f;
    }

.postRelateItemDescription {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.03em;
    color: #828282;
    margin-top: 3.5px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.postRelateItem:hover .postRelateItemTitle a {
}

.postRelateItem:hover .postRelateItemThumb img {
}

.signPostHeading {
    position: relative;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 30px;
}

.signPostBoxContent p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    text-align: justify;
    color: #828282;
}

.signPostHeading h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 1.8em;
    line-height: 125%;
    letter-spacing: -0.03em;
    color: #193564;
    margin-bottom: 15px;
    margin-top: 11px;
    /* text-align: right; */
}

.postRelateItemDate {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.03em;
    color: #bdbdbd;
    margin-top: 3.5px;
    margin-bottom: 0;
}

figure img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
}

figure figcaption {
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #828282;
    padding: 0 16px;
    text-align: center;
    margin-top: 8px;
}

.archive_filter {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 70px;
    gap: 30px;
}

    .archive_filter a {
        position: relative;
        display: block;
        font-family: "Lexend Deca";
        font-weight: 400;
        font-size: 18px;
        line-height: 1.2222222222;
        letter-spacing: -0.03em;
        padding-bottom: 10px;
        color: #828282;
        text-decoration: none;
    }

        .archive_filter a:hover {
            color: #193564;
        }

        .archive_filter a.active {
            color: #193564;
        }

        .archive_filter a:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: #193564;
            opacity: 0;
            transition: all .3s;
        }

        .archive_filter a:hover:before, .archive_filter a.active:before {
            opacity: 1;
        }

.menu-item-has-children .sub-menu {
    border: none;
    padding: 0;
}

    .menu-item-has-children .sub-menu > li {
    }

        .menu-item-has-children .sub-menu > li > a {
            margin: 0;
            padding: 10px 10px;
            background: #193564;
            color: white;
            font-size: .85em;
            border-bottom: 1px dashed #ececec7a;
        }

            .menu-item-has-children .sub-menu > li > a:hover {
                color: #ffba03;
            }

.stFaqx .program1 .accordion-item .accordion-title {
    background: white;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

    .stFaqx .program1 .accordion-item .accordion-title.active {
        background: white;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .stFaqx .program1 .accordion-item .accordion-title span {
        color: #193564;
    }

    .stFaqx .program1 .accordion-item .accordion-title .toggle i {
        color: #193564;
    }

.stFaqx .program1 .programIbox .icon-box-text p {
    color: black;
}

.stFaqx .program1 .accordion-inner {
    background: white;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.stFaqx h2 {
    font-size: 1.8em;
}

.defaultBecause {
}

    .defaultBecause h2 {
        text-align: center;
        color: #193564;
        font-weight: 700;
        font-size: 2em;
        letter-spacing: .15px;
        color: #193564;
        margin: 0;
    }

.taisaoItem {
    background-color: #FFD95C;
    border-radius: 20px;
    padding: 10px;
}

    .taisaoItem .box-image {
    }

        .taisaoItem .box-image .image-cover {
            border-radius: 8px;
            overflow: hidden;
        }

            .taisaoItem .box-image .image-cover img {
            }

    .taisaoItem .box-text {
    }

        .taisaoItem .box-text .box-text-inner {
        }

            .taisaoItem .box-text .box-text-inner h4 {
                color: #193564;
                font-size: 1.4em;
                margin-bottom: 10px;
            }

            .taisaoItem .box-text .box-text-inner p {
                text-align: justify;
            }

.formHome {
}

    .formHome h2 {
        color: #FFBA03;
        text-transform: uppercase;
        font-size: 1.8em;
    }

    .formHome .wpcf7-form-control {
        height: 50px;
        border: none;
        box-shadow: none;
        border-radius: 16px;
        background: #D9D9D9;
    }

    .formHome .wpcf7-submit {
        background: linear-gradient(90deg,rgba(230, 137, 39, 1) 0%, rgba(249, 216, 69, 1) 100%);
        width: 100%;
    }

    .formHome .wpcf7-response-output {
        background: white;
    }

.partnerHeading {
}

    .partnerHeading h2 {
        font-size: 1.8em;
        color: #193564;
        margin: 0;
    }

.bgServices {
}

.parallax {
    background-image: url("images/bgClock.png");
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.stTaisaochonk {
    margin-top: -90px;
}

.courseHeading {
}

    .courseHeading h2 {
        font-size: 1.8em;
        color: #193564;
        margin: 0;
        display: flex;
        justify-content: center;
        gap: 23px;
        align-items: center;
    }

        .courseHeading h2:before {
            content: "";
            background: url(images/kline1.png) no-repeat;
            width: 125px;
            height: 13px;
        }

        .courseHeading h2:after {
            content: "";
            background: url(images/kline2.png) no-repeat;
            width: 125px;
            height: 13px;
        }

.postBackHome {
    margin-top: -110px;
    z-index: 99;
}

    .postBackHome .section-bg {
    }

        .postBackHome .section-bg img {
            height: auto;
            left: 0;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: 50% 50%;
            object-position: 50% 50%;
            position: absolute;
            top: 0;
            width: 100%;
        }

.postHeadingHome {
    margin: 0;
}

    .postHeadingHome .section-title {
        border: none;
        font-size: unset;
    }

        .postHeadingHome .section-title .ez-toc-section {
            display: none;
        }

        .postHeadingHome .section-title .ez-toc-section-end {
            display: none;
        }

        .postHeadingHome .section-title b {
            border: none;
        }

        .postHeadingHome .section-title .section-title-main {
            border: none;
            margin: 0;
            padding: 0;
            color: #193564;
            font-size: 1.8em;
        }

        .postHeadingHome .section-title a {
            background: #193564;
            padding: 16px 55px;
            color: #FFBA03;
            border-radius: 40px;
            font-size: 1.2em;
        }

            .postHeadingHome .section-title a i {
                display: none;
            }

.postHomeBox {
}

.postHomeItem {
    width: calc(50% - 50px);
    height: auto;
    margin-bottom: 16px;
    margin-right: 0;
    float: left;
    position: relative;
}

.postHomeItemFlex {
    position: relative;
    display: flex;
    align-items: start;
    overflow: hidden;
    gap: 15px;
    background: #ffffffe0;
}

.postHomeItemThumb {
    max-width: 240px;
    height: 155px;
    overflow: hidden;
    flex: 0 0 auto;
    width: 240px;
}

    .postHomeItemThumb img {
        transition: all 500ms;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.postHomeItemContent {
    padding: 10px 15px 10px 0px;
}

.postHomeItemTitle {
}

    .postHomeItemTitle a {
        color: #000000;
        font-size: 1.1em;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        margin-bottom: 20px;
        font-family: "Lexend Deca";
    }

.postHomeItemReadMore {
}

    .postHomeItemReadMore a {
        color: #193564;
        font-weight: bold;
        background: url(images/lineArrow.png) left center no-repeat;
        height: 40px;
        display: flex;
        align-items: center;
        padding-left: 52px;
    }

.postHomeItem:hover .postHomeItemThumb img {
    transform: scale(1.1);
}

.postHomeItem:hover .postHomeItemTitle a {
    color: #193564;
}

.postHomeItem:hover .postHomeItemReadMore a {
}




.postHomeItem:first-child {
    height: 100%;
    width: calc(50% - 0px);
    float: left;
    position: relative;
    margin-right: 50px;
}

    .postHomeItem:first-child .postHomeItemFlex {
        flex-wrap: wrap;
        width: 100%;
        height: 100%;
        background: transparent;
    }

   .postHomeItem:first-child .postHomeItemThumb {
    min-height: 390px;
    max-height: 390px;
    width: 100%;
    height: 100%;
    border-radius: 0.5em;
    max-width: 100%;
    flex: unset;
}

        .postHomeItem:first-child .postHomeItemThumb img {
            transition: all 500ms;
        }

    .postHomeItem:first-child .postHomeItemContent {
        width: 100%;
        padding: 0 0px;
    }

    .postHomeItem:first-child .postHomeItemTitle {
    }

        .postHomeItem:first-child .postHomeItemTitle a {
            font-size: 1.5em;
            color: #193564;
        }

    .postHomeItem:first-child .postHomeItemReadMore {
    }

        .postHomeItem:first-child .postHomeItemReadMore a {
        }

.postHomeItem:last-child {
    margin-bottom: 0;
}

.stProGramx {
    min-height: unset;
    height: auto;
    position: relative;
    overflow: hidden;
}

.srvHomeList {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
}

.srvHomeItem {
    display: flex;
    gap: 10px;
}

.srvHomeThumb {
    flex: 0 0 645px;
    max-width: 645px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

    .srvHomeThumb img {
        transition: all 500ms; width: 100%;
    height: 100%;
    object-fit: cover;
    }

.srvHomeContent {
    padding: 45px;
}

.srvHomeTitle {
    margin-bottom: 10px;
}

    .srvHomeTitle a {
        font-weight: bold;
        color: #FFBA03;
        font-size: 1.6em;
        text-transform: uppercase;
        display: block;
    }

.srvHomeText1 {
    color: white;
    text-align: justify;
    font-size: .95em;
}

.srvHomeItem:hover .srvHomeThumb {
}

    .srvHomeItem:hover .srvHomeThumb img {
        transform: scale(1.1);
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.srvHomeAsideList {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 45px;
    max-width: 70%;
    position: sticky;
    top: 50px;
    opacity: 1 !important;
    !importan;
    !importa;
    !import;
    !impor;
    !impo;
    !imp;
    !im;
    !i;
    !;
}

.srvHomeAsideItem {
}

.srvHomeAsideTitle {
    max-width: 200px;
}

    .srvHomeAsideTitle a {
        font-weight: bold;
        color: #FFBA03;
        font-size: 1em;
        text-transform: uppercase;
        background: url(images/lineArrow.png) left center no-repeat;
        height: 40px;
        display: flex;
        align-items: center;
        padding-left: 52px;
        opacity: .5;
    }

    .srvHomeAsideTitle.active a {
        opacity: 1;
    }

.srvHomeAsideItem:hover .srvHomeAsideTitle {
}

    .srvHomeAsideItem:hover .srvHomeAsideTitle a {
        opacity: 1;
    }
/*desktop*/
@media only screen and (min-width: 1360px) {
    .container, .container-width, .full-width .ubermenu-nav, .row {
        /*    max-width: 1530px !important;*/
    }

    .header-wrapper {
        padding: 10px 0;
    }
}

@media only screen and (max-width: 48em) {
  .header-wrapper {
    position: relative;
    top: 0;
    width: 100%;
    background: rgba(24, 27, 60, 1);
}

  .header-wrapper:before {
    content: "";
    background: linear-gradient(180deg, rgba(24, 27, 60, 1) 0%, rgb(24 27 60 / 70%) 21%, rgba(24, 27, 60, 0) 45%);
    height: 238px;
    width: 100%;
    position: absolute;
    top: 0;
  
}
    .srvHomeAsideList{display:none;}
    .srvHomeTitle a {
        font-size: 1.4em;
    }
    .srvHomeContent {
        padding: 10px 0;
    }
    .srvHomeItem {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }
    .srvHomeThumb {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
    }
    .partnerHeading h2 {
        font-size: 1.4em;
    }

    .postHeadingHome .section-title .section-title-main {
        font-size: 1.4em;
    }

    .courseHeading h2 {
        font-size: 1.4em;
    }

        .courseHeading h2:before, .courseHeading h2:after {
            display: none;
        }

    .gf-home--program-wrapper {
        position: relative;
        /* height: 100vh; */
        max-height: unset !important;
    }

        .gf-home--program-wrapper .program-content {
            width: 100% !important;
        }

        .gf-home--program-wrapper .program-item-wrapper.program-item-1 .program-image {
            left: 0;
            width: 100% !important;
        }

        .gf-home--program-wrapper .program-item-wrapper {
            left: 0 !important;
        }

            .gf-home--program-wrapper .program-item-wrapper .program-background {
                width: 100% !important;
            }

    .postHomeItem {
        width: 100%;
    }

    .postHomeItemThumb {
        max-width: 165px;
        height: 150px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 240px;
    }

    .postHomeItemTitle a {
        color: #000000;
        font-size: 1em;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        margin-bottom: 20px;
        font-family: "Lexend Deca";
    }

    .postHomeItem:first-child {
        height: 100%;
        width: 100%;
        float: left;
        position: relative;
        margin-right: 0;
    }

        .postHomeItem:first-child .postHomeItemThumb {
            min-height: unset;
            width: 100%;
            height: 100%;
            border-radius: 0.5em;
            max-width: 100%;
            flex: unset;
        }

    .postBackHome .section-bg img {
        height: 100%;
    }
    /* .postBackHome {
        background: linear-gradient(90deg, rgba(230, 137, 39, 1) 0%, rgba(249, 216, 69, 1) 100%);
    }*/
    .signPostBoxEx {
        padding: 0;
        box-shadow: none;
    }

    .signRelateGrid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 25px;
    }

    .pPageItem {
        flex-wrap: wrap;
    }

    .pPageItemThumb {
        max-width: 100%;
        height: 220px;
        width: 100%;
    }

    .program1 .accordion-item .accordion-title span {
        font-weight: bold;
        font-size: 1.1em;
        line-height: unset;
        color: white;
        margin: 0;
        text-transform: uppercase;
        padding-top: 0;
        order: 1;
    }

    .button.icon.is-small {
        background-image: linear-gradient(to right, #e78c28, #ed9f2b, #f2b131, #f6c43a, #f9d745);
        box-shadow: none;
        border: none;
        /* color: black; */
    }
}



.gf-home--program-wrapper {
    position: relative;
    /* height: 100vh; */
    max-height: 650px;
}

    .gf-home--program-wrapper .program-inner {
        position: relative;
        height: 100vh;
        /* max-height: 810px; */
        max-height: 650px;
        overflow: hidden
    }

@media(max-width: 1680px) {
    .gf-home--program-wrapper .program-inner {
        height: 100vh;
    }
}

@media(max-width: 992px) {
    .gf-home--program-wrapper .program-inner {
        /* margin-top: 48px; */
        height: 100%;
        max-height: 100%
    }
}

.gf-home--program-wrapper .program-item-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1
}

    .gf-home--program-wrapper .program-item-wrapper:nth-child(odd) .program-background {
        background: linear-gradient(180deg, rgb(25 53 100 / 70%) 38.54%, rgb(25 53 100 / 30%) 100%);
    }

    .gf-home--program-wrapper .program-item-wrapper:nth-child(even) .program-background {
        background: linear-gradient(180deg, rgb(25 53 100 / 70%) 38.54%, rgb(25 53 100 / 30%) 100%);
    }

    .gf-home--program-wrapper .program-item-wrapper.program-item-1 {
        left: 0
    }

        .gf-home--program-wrapper .program-item-wrapper.program-item-1 .program-image {
            left: 0
        }

        .gf-home--program-wrapper .program-item-wrapper.program-item-1 .program-background {
            left: 0
        }

        .gf-home--program-wrapper .program-item-wrapper.program-item-1 .program-content .content-head-ic::before {
            display: none
        }

    .gf-home--program-wrapper .program-item-wrapper.program-item-2 {
        left: 33.3333333333%
    }

@media(max-width: 992px) {
    .gf-home--program-wrapper .program-item-wrapper.program-item-2 {
        left: 0
    }
}

.gf-home--program-wrapper .program-item-wrapper.program-item-3 {
    left: 66.6666666667%
}

    .gf-home--program-wrapper .program-item-wrapper.program-item-3 .program-content .content-head-ic::after {
        display: none
    }

@media(max-width: 992px) {
    .gf-home--program-wrapper .program-item-wrapper.program-item-3 {
        left: 0
    }
}

@media(max-width: 992px) {
    .gf-home--program-wrapper .program-item-wrapper {
        position: relative
    }
}

.gf-home--program-wrapper .program-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 33.3333333333%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media(max-width: 992px) {
    .gf-home--program-wrapper .program-image {
        position: relative;
        height: 80vh;
        max-height: 810px;
        width: 100%
    }
}

@media(max-width: 767px) {
    .gf-home--program-wrapper .program-image {
        max-height: 541px
    }
}

.gf-home--program-wrapper .program-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 33.3333333333%;
    height: 100%;
    z-index: 1
}

@media(max-width: 992px) {
    .gf-home--program-wrapper .program-background {
        width: 100%
    }
}

.gf-home--program-wrapper .program-content {
    position: absolute;
    width: 33.3333333333%;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
    margin: 0 auto;
    overflow: hidden
}

.gf-home--program-wrapper .program-content--inner {
    position: relative;
    width: 100%;
    padding: 0 14%;
    text-align: center;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column
}

@media(max-width: 767px) {
    .gf-home--program-wrapper .program-content--inner {
        padding: 0 20px
    }
}

.gf-home--program-wrapper .program-content .content-head-ic {
    position: relative;
    max-width: 130px;
    margin: 0 auto 37px
}

    .gf-home--program-wrapper .program-content .content-head-ic img {
        display: block
    }

    .gf-home--program-wrapper .program-content .content-head-ic.show::before, .gf-home--program-wrapper .program-content .content-head-ic.show::after {
        opacity: 0;
        pointer-events: none
    }

    .gf-home--program-wrapper .program-content .content-head-ic::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        width: 50vw;
        height: 2px;
        background: #fff;
        transition: all .2s
    }

@media(max-width: 992px) {
    .gf-home--program-wrapper .program-content .content-head-ic::before {
        display: none
    }
}

.gf-home--program-wrapper .program-content .content-head-ic::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 50vw;
    height: 2px;
    background: #fff;
    transition: all .2s
}

@media(max-width: 992px) {
    .gf-home--program-wrapper .program-content .content-head-ic::after {
        display: none
    }
}

@media(max-width: 1680px) {
    .gf-home--program-wrapper .program-content .content-head-ic {
        max-width: 98px;
        margin: 0 auto 30px
    }
}

@media(max-width: 767px) {
    .gf-home--program-wrapper .program-content .content-head-ic {
        max-width: 80px
    }
}

.gf-home--program-wrapper .program-content .content-head-title {
    font-weight: bold;
    font-size: 1.8em;
    line-height: 1.25;
    text-align: center;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #fff;
    margin: 0
}

@media(max-width: 1680px) {
    .gf-home--program-wrapper .program-content .content-head-title {
        font-size: 24px
    }
}

.gf-home--program-wrapper .program-content .content-main {
    margin-top: 19px;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.4;
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

@media(max-width: 1680px) {
    .gf-home--program-wrapper .program-content .content-main {
        font-size: 16px
    }
}

@media(max-width: 1366px) {
    .gf-home--program-wrapper .program-content .content-main {
        font-size: 14px
    }
}

@media(max-width: 767px) {
    .gf-home--program-wrapper .program-content .content-main {
        margin-top: 30px
    }
}

.gf-home--program-wrapper .program-content .btn-pill {
    margin: 40px auto 0;
    border: 1px solid white;
    background: transparent;
    transition: all .3s;
    color: white;
    font-weight: bold;
    max-width: 250px;
    width: 250px;
    padding: 10px;
    border-radius: 40px;
}

.gf-home--program-wrapper .btn-pill:hover {
    background: #193564;
    color: #FFBA03;
    border-color: #193564;
}

@media(max-width: 767px) {
    .gf-home--program-wrapper .program-content .btn-pill {
        margin: 30px auto 0;
        font-size: 20px
    }
}

@media(max-width: 992px) {
    .gf-home--program-wrapper .program-content {
        width: 100%
    }
}

@media(max-width: 992px) {
    .gf-home--program-wrapper {
        /* padding: 47px 0 70px; */
    }
}


.program-cautruc-wrapper .program-cautruc-title {
    background: #fff
}

.program-cautruc-wrapper .title {
    font-weight: 600;
    font-size: 40px;
    line-height: 1.675;
    letter-spacing: -0.03em;
    color: #765ba7;
    padding: 92px 0 71px;
    margin: 0
}

@media(max-width: 1680px) {
    .program-cautruc-wrapper .title {
        padding: 70px 0 52px;
        font-size: 30px
    }
}

.program-cautruc-wrapper .program-cautruc {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    overflow: hidden
}

    .program-cautruc-wrapper .program-cautruc .cautruc-slider-wrapper {
        flex: 0 0 auto;
        width: 67%;
        height: 90vh;
        position: relative
    }

        .program-cautruc-wrapper .program-cautruc .cautruc-slider-wrapper .swiper {
            height: 100%
        }

        .program-cautruc-wrapper .program-cautruc .cautruc-slider-wrapper .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center
        }

        .program-cautruc-wrapper .program-cautruc .cautruc-slider-wrapper .swiper-pagination .swiper-pagination-bullet {
            width: 40px;
            height: 3px;
            opacity: 1;
            background: #fff;
            border-radius: 0
        }

            .program-cautruc-wrapper .program-cautruc .cautruc-slider-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                background: #19958f
            }

@media(max-width: 1199px) {
    .program-cautruc-wrapper .program-cautruc .cautruc-slider-wrapper {
        width: 100%;
        height: auto
    }
}

.program-cautruc-wrapper .program-cautruc .cautruc-content-wrapper {
    flex: 0 0 auto;
    width: 511px
}

    .program-cautruc-wrapper .program-cautruc .cautruc-content-wrapper .cautruc-title {
        font-weight: 600;
        font-size: 30px;
        line-height: 1.0666666667;
        color: #fff;
        margin-bottom: 21px
    }

        .program-cautruc-wrapper .program-cautruc .cautruc-content-wrapper .cautruc-title.title-right {
            text-align: right
        }

@media(max-width: 1680px) {
    .program-cautruc-wrapper .program-cautruc .cautruc-content-wrapper .cautruc-title {
        font-size: 22px
    }
}

@media(max-width: 1366px) {
    .program-cautruc-wrapper .program-cautruc .cautruc-content-wrapper .cautruc-title {
        font-size: 20px
    }
}

@media(max-width: 1199px) {
    .program-cautruc-wrapper .program-cautruc .cautruc-content-wrapper .cautruc-title {
        font-size: 22px;
        text-align: left !important
    }
}

.program-cautruc-wrapper .program-cautruc .cautruc-content-wrapper ul {
    margin: 0
}

    .program-cautruc-wrapper .program-cautruc .cautruc-content-wrapper ul li {
        font-weight: 500;
        font-size: 18px;
        line-height: 1.5555555556;
        text-align: justify;
        color: #fff
    }

@media(max-width: 1680px) {
    .program-cautruc-wrapper .program-cautruc .cautruc-content-wrapper ul li {
        font-size: 16px
    }
}

@media(max-width: 1366px) {
    .program-cautruc-wrapper .program-cautruc .cautruc-content-wrapper ul li {
        font-size: 14px
    }
}

@media(max-width: 1199px) {
    .program-cautruc-wrapper .program-cautruc .cautruc-content-wrapper ul li {
        font-size: 16px
    }
}

.program-cautruc-wrapper .program-cautruc .cautruc-content-wrapper p {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5555555556;
    text-align: justify;
    color: #fff
}

@media(max-width: 1680px) {
    .program-cautruc-wrapper .program-cautruc .cautruc-content-wrapper p {
        font-size: 16px
    }
}

@media(max-width: 1366px) {
    .program-cautruc-wrapper .program-cautruc .cautruc-content-wrapper p {
        font-size: 14px
    }
}

@media(max-width: 1199px) {
    .program-cautruc-wrapper .program-cautruc .cautruc-content-wrapper p {
        font-size: 16px
    }
}

@media(max-width: 1680px) {
    .program-cautruc-wrapper .program-cautruc .cautruc-content-wrapper {
        width: 400px
    }
}

@media(max-width: 1366px) {
    .program-cautruc-wrapper .program-cautruc .cautruc-content-wrapper {
        width: 350px
    }
}

@media(max-width: 1199px) {
    .program-cautruc-wrapper .program-cautruc .cautruc-content-wrapper {
        width: 100%;
        padding: 50px 15px
    }
}

.program-cautruc-wrapper .program-cautruc.cautruc-reverse {
    flex-direction: row-reverse
}

.program-dacthu-wrapper {
    position: relative;
    padding: 80px 0 0;
    overflow: hidden
}

    .program-dacthu-wrapper .dacthu-title {
        font-family: "Lexend Deca";
        font-weight: 600;
        font-size: 40px;
        line-height: 1.675;
        font-style: normal;
        letter-spacing: -0.03em;
        color: #765ba7;
        margin-bottom: -67px
    }

@media(max-width: 1680px) {
    .program-dacthu-wrapper .dacthu-title {
        font-size: 30px;
        margin-bottom: -50px
    }
}

@media(max-width: 1500px) {
    .program-dacthu-wrapper .dacthu-title {
        margin-bottom: 0
    }
}

@media(max-width: 992px) {
    .program-dacthu-wrapper .dacthu-title {
        margin-bottom: 30px
    }
}

@media(max-width: 767px) {
    .program-dacthu-wrapper .dacthu-title {
        font-size: 24px
    }
}

.program-dacthu-wrapper .dacthu-section {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 113px
}

    .program-dacthu-wrapper .dacthu-section .dacthu-section-content {
        flex: 0 0 auto;
        width: 42.53%
    }

        .program-dacthu-wrapper .dacthu-section .dacthu-section-content .content-title {
            font-family: "Lexend Deca";
            font-weight: 600;
            font-size: 34px;
            line-height: 1.2352941176;
            font-style: normal;
            color: #4f4f4f;
            margin-bottom: 30px
        }

@media(max-width: 1680px) {
    .program-dacthu-wrapper .dacthu-section .dacthu-section-content .content-title {
        font-size: 28px
    }
}

@media(max-width: 767px) {
    .program-dacthu-wrapper .dacthu-section .dacthu-section-content .content-title {
        font-size: 24px;
        text-align: left !important
    }
}

.program-dacthu-wrapper .dacthu-section .dacthu-section-content ul, .program-dacthu-wrapper .dacthu-section .dacthu-section-content p {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5555555556;
    text-align: justify;
    color: #828282
}

@media(max-width: 1680px) {
    .program-dacthu-wrapper .dacthu-section .dacthu-section-content ul, .program-dacthu-wrapper .dacthu-section .dacthu-section-content p {
        font-size: 16px
    }
}

@media(max-width: 767px) {
    .program-dacthu-wrapper .dacthu-section .dacthu-section-content {
        width: 100%;
        order: 0;
        margin-bottom: 30px
    }
}

.program-dacthu-wrapper .dacthu-section .dacthu-section-image {
    flex: 0 0 auto;
    width: 51%;
    position: relative
}

    .program-dacthu-wrapper .dacthu-section .dacthu-section-image::before {
        content: "";
        width: 42.87%;
        height: 42.87%;
        position: absolute;
        bottom: -15%;
        border-radius: 50%;
        background: #765ba7;
        pointer-events: none;
        opacity: 0
    }

    .program-dacthu-wrapper .dacthu-section .dacthu-section-image::after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 17.77%;
        height: 17.77%;
        border-radius: 50%;
        background: #46ad71;
        z-index: 1;
        pointer-events: none;
        opacity: 0
    }

    .program-dacthu-wrapper .dacthu-section .dacthu-section-image .dacthu-img {
        position: relative;
        display: block;
        overflow: hidden;
        border-radius: 50%
    }

        .program-dacthu-wrapper .dacthu-section .dacthu-section-image .dacthu-img img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            transition: all .3s
        }

        .program-dacthu-wrapper .dacthu-section .dacthu-section-image .dacthu-img::before {
            content: "";
            display: block;
            padding-bottom: 100%
        }

    .program-dacthu-wrapper .dacthu-section .dacthu-section-image.deco-right::before {
        right: -15%
    }

    .program-dacthu-wrapper .dacthu-section .dacthu-section-image.deco-right::after {
        left: 10%
    }

    .program-dacthu-wrapper .dacthu-section .dacthu-section-image.deco-left::before {
        left: -15%
    }

    .program-dacthu-wrapper .dacthu-section .dacthu-section-image.deco-left::after {
        left: 10%
    }

    .program-dacthu-wrapper .dacthu-section .dacthu-section-image.deco-2::before {
        opacity: 1
    }

    .program-dacthu-wrapper .dacthu-section .dacthu-section-image.deco-2::after {
        opacity: 1
    }

    .program-dacthu-wrapper .dacthu-section .dacthu-section-image.deco-1-big::before {
        opacity: 1
    }

    .program-dacthu-wrapper .dacthu-section .dacthu-section-image.deco-1-small::after {
        opacity: 1
    }

@media(max-width: 767px) {
    .program-dacthu-wrapper .dacthu-section .dacthu-section-image {
        width: 100%;
        order: 1
    }
}

.program-dacthu-wrapper .dacthu-section.section-reverse {
    flex-direction: row-reverse
}

    .program-dacthu-wrapper .dacthu-section.section-reverse .dacthu-section-content .content-title {
        text-align: right
    }

@media(max-width: 767px) {
    .program-dacthu-wrapper .dacthu-section {
        margin-bottom: 96px
    }
}

@media(max-width: 992px) {
    .program-dacthu-wrapper {
        padding: 50px 0 0
    }
}

@media(max-width: 767px) {
    .program-dacthu-wrapper {
        padding: 30px 0 0
    }
}

.program-ngoaikhoa-wrapper {
    margin-top: 66px;
    position: relative
}

    .program-ngoaikhoa-wrapper .ngoaikhoa-section {
        position: relative
    }

        .program-ngoaikhoa-wrapper .ngoaikhoa-section .ngoaikhoa-bg-image {
            position: absolute;
            top: 0;
            right: 0;
            width: 57.39%;
            height: 100%;
            pointer-events: none;
            opacity: 0;
            background-repeat: no-repeat !important;
            background-position: center !important;
            background-size: cover !important
        }

            .program-ngoaikhoa-wrapper .ngoaikhoa-section .ngoaikhoa-bg-image::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(118,91,167,.88);
                z-index: 1
            }

@media(max-width: 992px) {
    .program-ngoaikhoa-wrapper .ngoaikhoa-section .ngoaikhoa-bg-image {
        width: 100%
    }
}

.program-ngoaikhoa-wrapper .ngoaikhoa-section .ngoaikhoa--inner {
    margin-bottom: 100px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

@media(max-width: 1199px) {
    .program-ngoaikhoa-wrapper .ngoaikhoa-section .ngoaikhoa--inner {
        margin-bottom: 73px
    }
}

@media(max-width: 767px) {
    .program-ngoaikhoa-wrapper .ngoaikhoa-section .ngoaikhoa--inner {
        margin-bottom: 40px
    }
}

.program-ngoaikhoa-wrapper .ngoaikhoa-section .ngoaikhoa-image-wrapper {
    flex: 0 0 auto;
    width: 57.33%;
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 3px
}

    .program-ngoaikhoa-wrapper .ngoaikhoa-section .ngoaikhoa-image-wrapper img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        transition: all .3s
    }

    .program-ngoaikhoa-wrapper .ngoaikhoa-section .ngoaikhoa-image-wrapper::before {
        content: "";
        display: block;
        padding-bottom: 62.79%
    }

@media(max-width: 992px) {
    .program-ngoaikhoa-wrapper .ngoaikhoa-section .ngoaikhoa-image-wrapper {
        width: 100%;
        order: 1
    }
}

@media(max-width: 767px) {
    .program-ngoaikhoa-wrapper .ngoaikhoa-section .ngoaikhoa-image-wrapper {
        width: 100vw;
        margin-left: -12px;
        margin-right: -12px
    }
}

.program-ngoaikhoa-wrapper .ngoaikhoa-section .ngoaikhoa-content-wrapper {
    flex: 0 0 auto;
    width: 480px;
    margin-top: 100px
}

    .program-ngoaikhoa-wrapper .ngoaikhoa-section .ngoaikhoa-content-wrapper .ngoaikhoa-title {
        text-align: right;
        font-weight: 600;
        font-size: 30px;
        line-height: 1.0666666667;
        letter-spacing: -0.01em;
        color: #46ad71;
        margin-bottom: 20px;
        text-transform: uppercase
    }

@media(max-width: 1680px) {
    .program-ngoaikhoa-wrapper .ngoaikhoa-section .ngoaikhoa-content-wrapper .ngoaikhoa-title {
        font-size: 24px;
        line-height: 33px
    }
}

@media(max-width: 992px) {
    .program-ngoaikhoa-wrapper .ngoaikhoa-section .ngoaikhoa-content-wrapper .ngoaikhoa-title {
        text-align: left !important
    }
}

.program-ngoaikhoa-wrapper .ngoaikhoa-section .ngoaikhoa-content-wrapper .ngoaikhoa-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #4f4f4f;
    text-align: justify
}

@media(max-width: 1680px) {
    .program-ngoaikhoa-wrapper .ngoaikhoa-section .ngoaikhoa-content-wrapper .ngoaikhoa-text {
        font-size: 16px
    }
}

@media(max-width: 1680px) {
    .program-ngoaikhoa-wrapper .ngoaikhoa-section .ngoaikhoa-content-wrapper {
        width: 370px
    }
}

@media(max-width: 992px) {
    .program-ngoaikhoa-wrapper .ngoaikhoa-section .ngoaikhoa-content-wrapper {
        width: 100%;
        order: 0;
        margin-bottom: 50px;
        margin-top: 0
    }
}

.program-ngoaikhoa-wrapper .ngoaikhoa-section.ngoaikhoa-bg .ngoaikhoa-bg-image {
    opacity: 1
}

.program-ngoaikhoa-wrapper .ngoaikhoa-section.ngoaikhoa-bg .ngoaikhoa-content-wrapper .ngoaikhoa-title {
    color: #fff
}

.program-ngoaikhoa-wrapper .ngoaikhoa-section.ngoaikhoa-bg .ngoaikhoa-content-wrapper .ngoaikhoa-text {
    color: #fff
}

.program-ngoaikhoa-wrapper .ngoaikhoa-section.ngoaikhoa-bg .ngoaikhoa--inner {
    padding: 80px 0
}

@media(max-width: 1680px) {
    .program-ngoaikhoa-wrapper .ngoaikhoa-section.ngoaikhoa-bg .ngoaikhoa--inner {
        padding: 73px 0
    }
}

@media(max-width: 992px) {
    .program-ngoaikhoa-wrapper .ngoaikhoa-section.ngoaikhoa-bg .ngoaikhoa--inner {
        padding: 40px 0
    }
}

.program-ngoaikhoa-wrapper .ngoaikhoa-section.ngoaikhoa-reverse .ngoaikhoa--inner {
    flex-direction: row-reverse
}

.program-ngoaikhoa-wrapper .ngoaikhoa-section.ngoaikhoa-reverse .ngoaikhoa-content-wrapper .ngoaikhoa-title {
    text-align: left
}

.program-ngoaikhoa-wrapper .ngoaikhoa-section.ngoaikhoa-fwidth {
    height: 100vh;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-bottom: 125px
}

    .program-ngoaikhoa-wrapper .ngoaikhoa-section.ngoaikhoa-fwidth::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 69.47%;
        height: 100%;
        background: linear-gradient(270deg, #765ba7 28.12%, rgba(118, 91, 167, 0) 100%);
        transform: matrix(1, 0, 0, -1, 0, 0)
    }

@media(max-width: 992px) {
    .program-ngoaikhoa-wrapper .ngoaikhoa-section.ngoaikhoa-fwidth::before {
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, #765ba7 28.12%, rgba(118, 91, 167, 0) 100%);
        transform: matrix(1, 0, 0, -1, 0, 0)
    }
}

.program-ngoaikhoa-wrapper .ngoaikhoa-section.ngoaikhoa-fwidth .container {
    height: 100%
}

.program-ngoaikhoa-wrapper .ngoaikhoa-section.ngoaikhoa-fwidth .ngoaikhoa--inner {
    padding: 84px 0;
    height: 100%;
    align-items: flex-end;
    justify-content: flex-end
}

    .program-ngoaikhoa-wrapper .ngoaikhoa-section.ngoaikhoa-fwidth .ngoaikhoa--inner .ngoaikhoa-content-wrapper .ngoaikhoa-title, .program-ngoaikhoa-wrapper .ngoaikhoa-section.ngoaikhoa-fwidth .ngoaikhoa--inner .ngoaikhoa-content-wrapper .ngoaikhoa-text {
        color: #fff
    }

@media(max-width: 992px) {
    .program-ngoaikhoa-wrapper .ngoaikhoa-section.ngoaikhoa-fwidth .ngoaikhoa--inner .ngoaikhoa-content-wrapper {
        margin-bottom: 0
    }
}

@media(max-width: 1500px) {
    .program-ngoaikhoa-wrapper .ngoaikhoa-section.ngoaikhoa-fwidth .ngoaikhoa--inner {
        padding: 20px 0
    }
}

@media(max-width: 1199px) {
    .program-ngoaikhoa-wrapper .ngoaikhoa-section.ngoaikhoa-fwidth {
        max-height: 710px;
        margin-bottom: 73px
    }
}

@media(max-width: 767px) {
    .program-ngoaikhoa-wrapper .ngoaikhoa-section.ngoaikhoa-fwidth {
        margin-bottom: 40px
    }
}

@media(max-width: 1199px) {
    .program-ngoaikhoa-wrapper .ngoaikhoa-section {
        margin-bottom: 73px
    }
}

@media(max-width: 992px) {
    .program-ngoaikhoa-wrapper .ngoaikhoa-section {
        margin-bottom: 40px
    }
}