body {
    font-family: Arial, Helvetica, sans-serif;
}

.w-100 {
    width: 100% !important;
}

/* ================================================================ */
/* ============================ HEADER ============================ */
/* ================================================================ */
.header {
    position: relative;
}

.header .logo figure .header-logo-glp {
    display: block;
}

.header .logo figure .header-logo-pace {
    display: none;
}

@media (min-width: 769px) {
    .header .logo figure .header-logo-glp {
        display: none;
    }

    .header .logo figure .header-logo-pace {
        display: block;
    }
}

.header-bg-color {
    background: url(../images/header-bg-color.png) no-repeat 50% 50%;
    background-size: cover;
}

.header-bg-img {
    /* background: url(../images/image1.svg) no-repeat;
    background-size: auto;
    background-position-x: right;
    background-position-y: top; */
}

.header-bg-img .banner-img {
    display: flex;
    justify-content: center;
}

.header-bg-img .banner-img img {
    max-width: 600px;
}

.header .container {
    padding-bottom: 70px;
}

.header .col-left,
.header .col-right {
    padding: 30px 0 40px 0;
}

.header .col-left {
    padding-right: 30px;
}

.header .col-right {
    padding-left: 30px;
}

.header .logo {
    padding: 40px 0 0 100px;
}

.header .banner-text {
    padding: 25px 0 0 0;
}

.header .banner-text p {
    font-size: 28px;
    font-weight: 500;
    font-family: Barlow, Arial, Helvetica, sans-serif;
    text-align: center;
    color: #ffffff;
    line-height: 32px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.header .banner-opening {
    margin-top: 30px;
}

.header .banner-opening-title {
    color: #fff;
    font-size: 22px;
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    text-align: center;
    margin-bottom: 10px;
    text-transform: none;
}

.header .banner-opening-items {
    display: flex;
    justify-content: center;
    gap: 14px;
    margin-bottom: 20px;
}

.header .banner-opening-item {
    display: inline-block;
    background-color: #061b4d;
    border: 1px solid #0fcfff;
    border-radius: 19px;
    padding: 8px 30px;
    text-align: center;
    min-width: 260px;
}

.header .banner-opening-item,
.header .banner-opening-item a {
    color: #ffe699;
    font-size: 22px;
    font-family: Barlow, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.header .text-opening {
    color: #ffec1f;
    font-size: 21px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

.header .banner-button {
    text-align: center;
    margin-top: 40px;
}

.header .banner-button-item {
    color: #002851;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    padding: 10px 20px;
    min-width: 225px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    margin: 0 10px;
    /* transition: all 0.2s ease-in-out; */
}

.header .banner-button-item.brochure {
    color: #FFF;
    background-color: #10a630;
    border: 3px solid #10a630;
}

.header .banner-button-item.brochure:hover {
    color: #ffc30c !important;
    background-color: #FFF;
    border-color: #ffc30c;
}

.header .banner-button-item.register {
    color: #000000;
    background-color: #ffc30c;
    border: 3px solid #ffc30c;
}

.header .banner-button-item.register:hover {
    color: #10a630 !important;
    background-color: #FFFFFF;
    border: 3px solid #10a630;
}

/* .header .banner-button a:hover {
    background-color: #FFF;
} */

@media screen and (max-width: 767px) {
    .header .banner-text p {
        font-size: 24px;
    }

    .header .banner-opening-items {
        gap: 8px;
    }

    .header .banner-opening-item {
        font-size: 18px;
        padding: 4px 15px;
        min-width: 200px;
    }

    .header .banner-button {
        margin-top: 15px !important;
    }
}

.header-navigation {
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 21px 0px rgba(0, 78, 119, 0.35);
}

.header-navigation .container {
    padding: 22px 0 26px;
}

.header-navigation .nav-item {
    text-align: center;

    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.header-navigation .nav-icon {
    display: flex;
    justify-content: center;
    text-align: center;
}

.header-navigation .nav-icon a {
    display: flex;
    width: 86px;
    height: 86px;
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.header-navigation .nav-icon a:hover {
    border-color: #ffbf00;
    background-color: #FFF;
}

.header-navigation .nav-icon figure {}

.header-navigation .nav-icon img {
    width: 100%;
    max-width: 55px;
    max-height: 45px;
}

.header-navigation .nav-text {}

.header-navigation .nav-text h2,
.header-navigation .nav-text a {
    color: #022851;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}

.header-navigation .nav-text a:hover {
    text-decoration: underline;
}

/* ================================================================ */
/* ============================= MAIN ============================= */
/* ================================================================ */

.main.is-navigation {
    /* padding-top: 195px; */
}

.header[data-isnav="false"] .container {
    padding-bottom: 0;
}

.global-partner {
    padding-top: 15px;
    padding-bottom: 50px;
    background-image: -moz-linear-gradient(90deg, rgb(219, 234, 247) 40%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(219, 234, 247) 40%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(219, 234, 247) 40%, rgb(255, 255, 255) 100%);
    background: #dff6ff;
}

.global-partner .title {
    text-align: center;
    margin: 55px 0 30px;
}

.global-partner .title h3,
.global-partner .title h2 {
    color: #003570;
    font-size: 42px;
    font-weight: 400;
    font-family: "Montserrat";
    margin: 0;
}

.global-partner .title h2 {
    font-weight: bold;
}

.global-partner .col-item {
    margin-bottom: 14px;
    padding-right: 7px;
    padding-left: 7px;
}

.global-partner .partner-item {
    width: 100%;
    height: 100%;
    padding: 20px 20px 30px;
    background-color: #FFF;
}

.global-partner .partner-logo {
    width: 100%;
    height: 145px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
}

.global-partner .partner-logo a {
    display: inline-block;
    cursor: pointer;
}

.global-partner .partner-desc {}

.global-partner .partner-desc p {
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
}

.programme {
    padding: 70px 0;
}

.programme .row:not(:last-child) {
    margin-bottom: 70px;
}

.programme .col-left {
    padding-right: 25px;
}

.programme .col-right {
    padding-left: 25px;
}

.programme-item {}

.programme-item .title {
    text-align: center;
    padding-bottom: 20px;
    position: relative;
}

.programme-item .title::after {
    content: "";
    width: 100%;
    height: 10px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background: url(../images/ellipse.png) no-repeat;
    background-position: center;
}

.programme-item .title h3 {
    color: #003570;
    font-size: 42px;
    font-family: "Montserrat";
    margin: 0;
}

.programme-item .icon {
    text-align: center;
    margin: 25px auto;
}

.programme-item .icon img {}

.programme-item .desc {}

.programme-item .desc ul {}

.programme-item .desc li {
    color: #333333;
    font-size: 16px;
    font-weight: normal;
    padding-left: 37px;
    margin-bottom: 30px;
    text-align: justify;
    background: url(../images/icons/arow-right.png) no-repeat;
    background-position-x: left;
    background-position-y: 0;
}

.programme-img {}

.programme-img img {
    width: 100%;
    height: auto;
}

.block-leader {}

.block-leader-bg {
    margin-top: 15px;
    padding-top: 55px;
    background: #fff url(../images/earth-background.png) no-repeat;
    background-size: auto;
    background-position: 50% 0;
}

.block-leader .block-title {
    padding-bottom: 20px;
    margin-bottom: 40px;
    position: relative;
}

.block-leader .block-title::after {
    content: "";
    display: block;
    width: 80px;
    height: 3px;
    background: #ffbf0f;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.block-leader .block-title .title {
    color: #0163bf;
    font-size: 42px;
    font-weight: 400;
    font-family: "Montserrat";
    text-align: center;
    margin: 0;
}

.block-leader .block-body {
    padding-bottom: 65px;
}

.block-leader .block-body p {
    color: #333333;
    font-size: 18px;
    margin: 15px 0;
    text-align: center;
}

.block-leader-v1 {
    margin-top: 50px;
}

.block-leader-v1 .block-title {
    width: 92.59%;
    max-width: 950px;
    height: 120px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 10px;
    background: url('../images/block-leader-title.png') no-repeat;
    background-position: center;
    background-size: auto;
}

.block-leader-v1 .block-title .title {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    font-family: "Montserrat";
    text-align: center;
    margin: 0;
}

.block-leader-v1 .block-logo {
    text-align: center;
    padding-top: 48px;
    margin: auto;
}

.block-leader-v1 .block-body {
    padding-bottom: 65px;
}

.block-leader-v1 .block-body p {
    color: #333333;
    font-size: 18px;
    margin: 15px 0;
    text-align: center;
}

.ideologies {
    background-color: #ebf5ff;
    padding: 60px 0 70px;
}

.ideologies .col-left {
    -ms-flex: 0 0 540px;
    flex: 0 0 540px;
    max-width: 540px;
    padding-right: 30px;
}

.ideologies .col-right {
    -ms-flex: 0 0 calc(100% - 540px);
    flex: 0 0 calc(100% - 540px);
    max-width: calc(100% - 540px);
    padding-left: 30px;
}

.ideologies-item .title {
    color: #002851;
    font-size: 21px;
    font-weight: bold;
    text-align: justify;
}

.ideologies-list {
    padding-left: 18px;
}

.ideologies-list>div {
    margin-top: 35px;
    gap: 20px;
}

.ideologies-list .img {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background-color: #FFF;
}

.ideologies-list .desc {
    width: calc(100% - 65px);
}

.ideologies-list .desc h3 {
    color: #002851;
    font-size: 21px;
    font-weight: bold;
    margin: 0;
    text-align: justify;
}

.ideologies-list .desc p {
    color: #002851;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    text-align: justify;
}

.block-glp1 {
    background-color: #eeeeee;
}

.block-glp1 .bg-img {
    height: 375px;
    background: url(../images/block-glp1-bgimg.png) no-repeat !important;
    background-position-x: right;
    background-position-y: top;
}

.block-glp1 .bg-img.has-bg {
    background: var(--bg-img) no-repeat center center / cover !important;
}

.block-glp2 .bg-img.has-bg {
    background: #8acaf0 var(--bg-img) no-repeat center center / cover;
}

.block-glp1 .container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.block-glp1 .desc {
    width: 100%;
    max-width: 945px;
    color: #ffffff;
    font-size: 42px;
    font-weight: normal;
    text-align: justify;
    margin: auto;
}

.glp-system {
    padding: 70px 0 60px;
}

.block-glp2 {}

.block-glp2 .bg-img {
    width: 100%;
    height: 490px;
    background: #8acaf0 url(../images/bg1.png) no-repeat;
    background-position: right;
    background-position-x: center;
}

.block-glp2 .container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: left;
    align-content: center;
}

.block-glp2 .desc {
    width: 870px;
    color: #00356b;
    font-size: 36px;
    font-weight: normal;
    text-align: justify;
    margin: auto;
    margin-left: 0;
}

.ustrip .container {
    margin-top: -80px;
}

.ustrip .ustrip-item {
    width: 82.83%;
    margin: -80px auto 0;
    background-color: #FFF;
    box-shadow: 0px 0px 21px 0px rgba(0, 78, 119, 0.35);
    position: relative;
}

.ustrip .ustrip-logo {
    -ms-flex: 0 0 38.66%;
    flex: 0 0 38.66%;
    max-width: 38.66%;
    min-height: 205px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ustrip .ustrip-desc {
    -ms-flex: 0 0 61.34%;
    flex: 0 0 61.34%;
    max-width: 61.34%;
    color: #002851;
    font-size: 18px;
    padding: 20px 60px 20px 20px;
    display: flex;
    justify-content: left;
    align-items: center;
}

.ustrip .ustrip-desc>div {
    margin: auto;
    margin-left: 0;
}

.ustrip .ustrip-desc p {
    color: #002851;
    font-size: 18px;
    margin: 0 0 10px 0;
}

.ustrip .ustrip-desc p {
    color: #002851;
    font-size: 18px;
    margin: 0 0 10px 0;
}

.ustrip .ustrip-desc ul {
    padding-left: 25px;
}

.ustrip .ustrip-desc li {
    color: #002851;
    font-size: 18px;
    margin-bottom: 10px;
    list-style-type: disc;
}

.leading-intelligence {}

.leading-intelligence .container {
    margin: 55px auto;
}

.leading-intelligence .container:not(:last-child) {
    padding-bottom: 45px;
    border-bottom: 2px solid #cbd7e4;
}

.leading-intelligence .title,
.leading-intelligence .desc {
    max-width: 82.83%;
    margin: auto;
}

.leading-intelligence .title {
    position: relative;
    padding-bottom: 25px;
    text-align: center;
}

.leading-intelligence .title::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background: url(../images/ellipse.png) no-repeat;
    background-position: bottom;
}

.leading-intelligence .title h2 {
    color: #003570;
    font-size: 42px;
    font-family: "Montserrat";
    font-weight: bold;
    text-align: center;
    margin: 0;
}

.leading-intelligence .desc {
    margin: 35px auto 25px auto;
}

.leading-intelligence .desc p {
    color: #333333;
    font-size: 16px;
    text-align: justify;
}

.leading-intelligence .image {
    width: 63.17%;
    margin: auto;
}

.leading-intelligence .image>div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.leading-intelligence .image>div:last-child {
    justify-content: flex-end;
}

.leading-intelligence .list-items {
    margin-top: 50px;
}

.leading-intelligence .list-items .col-left {
    padding-right: 17px;
}

.leading-intelligence .list-items .col-right {
    padding-left: 17px;
}

.leading-intelligence .list-items .img img {
    width: 100%;
    height: auto;
}

.leading-intelligence .list-items .desc {
    padding: 20px;
    margin: auto;
    margin-left: 0;
    max-width: none;
}

.leading-intelligence .list-items .desc>* {
    color: #333333;
    font-size: 16px;
    line-height: 22px;
    padding-left: 40px;
    text-align: justify;
}

.leading-intelligence .list-items .desc li:not(:last-child) {
    margin-bottom: 13px;
}

.leading-intelligence .list-items .name {
    color: #002851;
    font-size: 21px !important;
    font-weight: bold !important;
    text-align: justify;
    line-height: 30px;
    margin: 15px 0 16px 0;
    background: url(../images/icons/arow-right.png) no-repeat;
    background-position-x: left;
    background-position-y: top;
}

.books {
    padding: 40px 0;
    background-color: #f7fafd;
}

.books .container {}

.books .container .title {}

.books .container .title h4,
.books .container .title h2 {
    color: #003570;
    font-size: 42px;
    font-weight: normal;
    font-family: "Montserrat";
    text-align: center;
    margin: 0;
}

.books .container .title h2 {
    font-weight: bold;
}

.books .container .desc {
    margin: 20px 0;
}

.books .container .desc p {
    color: #333333;
    font-size: 18px;
    text-align: justify;
    margin: 0;
}

.books-list {}

.books-list .col-book {}

.books-list .book-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 25px auto;
    transition: all .3s ease-in-out;
}

.books-list .book-item:hover a {
    text-decoration: underline;
}

.books-list .book-item .picture {}

.books-list .book-item .picture a {
    display: inline-block;
}

.books-list .book-item .name {
    margin: 20px 0 6px 0;
}

.books-list .book-item .name h3,
.books-list .book-item .name a {
    color: #13639e;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 0;
}

.books-list .book-item .author {
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    max-width: 190px;
}

.program-glp {
    padding: 55px 0;
    background: #002c6d url(../images/muc_dau_tu_bg.png) center center;
}

.program-glp .col-left {
    -ms-flex: 0 0 59.87%;
    flex: 0 0 59.87%;
    max-width: 59.87%;
    padding-right: 25px;
}

.program-glp .col-right {
    -ms-flex: 0 0 40.13%;
    flex: 0 0 40.13%;
    max-width: 40.13%;
    padding-left: 25px;
}

.program-glp .program-item * {
    color: #FFF;
}

.program-glp .program-item:not(:last-child) {
    margin-bottom: 40px;
}

.program-glp .program-item h2 {
    color: #FFF;
    font-size: 32px;
    font-weight: bold;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    text-align: left;
    margin: 0 0 15px 0;
}

.program-glp .program-item .desc {
    padding-left: 40px;
    background: url(../images/icons/arrow-right-3.png) no-repeat;
    background-position-x: left;
    background-position-y: top;
    margin-bottom: 15px;
    font-size: 18px;
}

.program-glp .program-item .desc:not(:first-child) {
    margin-top: 15px;
}

.program-glp .program-item .line {
    width: calc(100% - 40px);
    height: 1px;
    margin: auto;
    margin-right: 0;
    background-color: #8f9a71;
}

.program-glp .program-box {
    width: 435px;
    height: 465px;
    padding: 45px 30px;
    border-radius: 15px;
    background-color: #ffffff;
    margin-left: auto;
    display: flex;
    align-items: center;
}

.program-glp .program-box .info {
    color: #333333;
    font-size: 16px;
    text-align: center;
    margin: 0;
}

.program-glp .program-box h2 {
    color: #00356b;
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    margin: 30px 0 25px 0;
}

.program-glp .program-box .contact>div {
    text-align: center;
    margin-bottom: 15px;
}

.program-glp .program-box .contact a {
    color: #00356b;
    font-size: 18px;
    font-weight: normal;
    display: inline-block;
    position: relative;
    padding-left: 30px;
}

.program-glp .program-box .contact .email a::before {
    content: "";
    display: inline-block;
    background: url(../images/icons/earth.png) no-repeat;
    background-position: left;
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
}

.program-glp .program-box .contact .phone a::before {
    content: "";
    display: inline-block;
    background: url(../images/icons/phone.png) no-repeat;
    background-position: left;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 21px;
}

.program-glp .program-box .buttons {
    width: 100%;
    text-align: center;
    margin-top: 45px;
}

.program-glp .program-box .buttons a {
    color: #002851;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    padding: 10px 20px;
    min-width: 225px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    margin: 7px 0;
}

.program-glp .program-box .buttons .btn-brochure {
    color: #FFF;
    background-color: #10a630;
    border: 3px solid #10a630;
}

.program-glp .program-box .buttons .btn-brochure:hover {
    color: #ffc30c !important;
    background-color: #FFF;
    border-color: #ffc30c;
}

.program-glp .program-box .buttons .btn-register {
    color: #000000;
    background-color: #ffc30c;
    border: 3px solid #ffc30c;
}

.program-glp .program-box .buttons .btn-register:hover {
    color: #10a630 !important;
    background-color: #FFFFFF;
    border: 3px solid #10a630;
}

.block-glp3 {
    margin: 50px 0 25px;
}

.block-glp3 .container {
    background-color: #002e72;
}

.block-glp3 .col-left {
    padding-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.block-glp3 .col-right {
    padding-left: 0;
}

.block-glp3 .block-info {
    padding: 35px;
}

.block-glp3 .block-info h4 {
    color: #FFF;
    font-size: 21px;
    font-weight: bold;
    text-align: justify;
    margin: 0 0 22px 0;
}

.block-glp3 .block-info p {
    color: #FFF;
    font-size: 16px;
    font-weight: normal;
    text-align: justify;
}

.block-glp3 .block-image img {
    width: 100%;
    height: auto;
}

.form-register {}

.form-register .container {
    margin-bottom: 60px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 27px 0px rgba(0, 54, 92, 0.15);
}

.form-register .title {
    margin: 0;
    background-color: #d9eeff;
    border-bottom: 4px solid #ffbf00;
}

.form-register .title h3,
.form-register .title h1 {
    color: #002851;
    font-size: 21px;
    font-weight: normal;
    margin: 0;
    text-align: center;
}

.form-register .title h1 {
    font-size: 45px;
    font-weight: bold;
}

.form-register .title-item {
    width: 100%;
    height: 100%;
    min-height: 145px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.form-register .col-left .title-item {
    padding-left: 55px;
}

.form-register .col-right .title-item {
    justify-content: center;
}

.form-register .title-item .info {
    width: 230px;
    margin: auto;
    text-align: center;
    color: #002851;
}

.form-register .title-item .info .date {
    color: #702500;
    font-size: 28px;
    font-weight: bold;
    margin-top: 3px;
}

.form-register .title-item .info .date {
    color: #702500;
    font-size: 28px;
    font-weight: bold;
}

.form-register .forms {
    padding: 45px 55px;
}

.form-register .forms .col-fixed {
    -ms-flex: 0 0 110px;
    flex: 0 0 110px;
    max-width: 110px;
}

.form-register .forms .col-option {
    -ms-flex: 0 0 calc(100% - 110px);
    flex: 0 0 calc(100% - 110px);
    max-width: calc(100% - 110px);
}

.form-register .forms .col-6:first-child {
    padding-right: 35px;
}

.form-register .forms .col-6:last-child {
    padding-left: 35px;
}

.form-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 44px;
    margin-bottom: 30px;
}

.form-group.form-inline {
    gap: 30px;
}

.form-group .form-input {
    padding: 12px 20px;
    border-radius: 6px;
    border: 1px solid #c9c9c9;
    outline: none;
    width: 100%;
    background-color: #FFF;
}

.form-group .form-input[type="radio"],
.form-group .form-input[type="checkbox"] {
    width: auto !important;
}

.form-group .form-checkbox {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.form-group .form-input::placeholder {
    color: #c9c9c9;
    font-style: italic;
}

.form-group .form-label {}

.form-group .form-label.required::after {
    content: " *";
    color: red
}

.form-register .private {
    color: #333333;
    font-size: 16px;
    font-style: italic;
    padding: 15px 24px;
    background-color: #d9eeff;
}

.form-register .form-buttons {
    text-align: center;
    margin: 40px 0 20px 0;
}

.form-register .btn-submit {
    color: #002851;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 28px;
    background-color: #ffbf00;
    transition: all .3s ease-in-out;
}

.form-register .btn-submit:hover {
    filter: brightness(85%);
}

.form-register .form-note {
    width: 100%;
    text-align: center;
    margin: auto;
}

.form-register .form-note p {
    color: #686868;
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
    text-align: center;
    margin: 0;
}

.form-register .line {
    width: 100%;
    height: 1px;
    background-color: #686868;
    margin: 35px 0 20px 0;
}

.footer {
    color: #FFF !important;
    background-color: #003450 !important;
    padding-top: 3rem !important;
}

.footer a {
    cursor: pointer;
    color: #FFF !important;
}

.footer .contact-info {
    -ms-flex: 0 0 308px;
    flex: 0 0 308px;
    max-width: 308px;
    padding: 0 !important;
}

.footer .contact-item {
    padding: 16px 13px !important;
    border: 1px solid #7996a6 !important;
}

.footer .contact-item p {
    margin: 0;
}

.footer .pace-units {
    -ms-flex: 0 0 calc(100% - 308px);
    flex: 0 0 calc(100% - 308px);
    max-width: calc(100% - 308px);
    padding-left: 35px;
}

.footer .contact-info .bg-white {
    border: 0;
    border-top: 1px solid;
    color: inherit;
    margin: 20px 0;
    opacity: .25;
    background-color: rgba(255, 255, 255);
}

.footer .place>div {
    font-size: 13px;
    line-height: 23px;
}

.footer .other-contacts>div {
    line-height: 23px;
}

.footer .pace-units h6 {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid #FFF;
    margin-bottom: 1rem !important;
    text-wrap: nowrap;
    line-height: 1.2 !important;
}

.footer .col-first {
    /* -ms-flex: 0 0 280px;
    flex: 0 0 280px;
    max-width: 280px; */
    padding: 0;
}

.footer .col-second {
    -ms-flex: 0 0 320px;
    flex: 0 0 320px;
    max-width: 320px;
    padding: 0;
}

.footer .col-third {
    -ms-flex: 0 0 210px !important;
    flex: 0 0 210px !important;
    max-width: 210px !important;
    padding: 0;
}

.footer .unit-item {
    position: relative;
}

/* .footer .unit-item::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #FFF;
    top: 30px;
    position: absolute;
} */

.footer .unit-item.row {
    margin-left: 0;
    margin-right: 0;
    justify-content: space-between;
}

.footer .pace-units ul {
    padding-left: 15px;
}

.footer .pace-units ul li {
    list-style-type: disc;
    margin-bottom: 10px;
    line-height: 21px;
}

.footer .pace-units ul li a {
    font-size: 13px;
    color: #FFF;
    line-height: 18px !important;
}

.footer .global-units-partner {
    margin-top: 1.5em;
    padding-top: 1.3em;
    border-top: 1px solid #FFF;
}

.footer .global-units-partner>.row {
    justify-content: space-between;
}

.footer .global-units-partner .con-third ul {
    padding-left: 5px;
}

.footer .copyright {
    padding-bottom: 3rem;
    padding-top: 3rem;
    margin-top: 3rem;
    background-color: #012d44;
}

.footer .copyright .d-flex {
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer .copyright .logo {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.footer .copyright .logo a {
    color: #FFF;
}

.footer .copyright .logo img {
    max-height: 75px;
}

.footer .copyright .social {
    display: inline;
    margin-bottom: 0;
}

.footer .copyright .social-item {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin-bottom: 1rem;
}

.footer .copyright .social-title {
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    padding-right: 3rem;
    display: flex;
    align-items: center;
}

.footer .copyright .social-links {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.footer .copyright .social-link a {
    color: #FFF;
    cursor: pointer;
    text-decoration: none;
}

.footer .copyright .facebookEmbedContainer {
    width: 100%;
    height: 125px;
    border: 1px solid #ffffff;
    overflow: hidden;
}

.footer .copyright .newsletter {
    padding-bottom: 0;
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    line-height: 22px;
}

.footer .copyright .newsletter a {
    color: #FFF;
    font-size: 14px;
    text-decoration: none;
}

@media (min-width: 992px) {
    .footer .col-second {
        -ms-flex: 0 0 320px !important;
        flex: 0 0 320px !important;
        max-width: 320px !important;
    }

    .books-list .book-item .picture a {
        height: 390px;
    }

    .books-list .book-item .picture img {
        height: 100%;
    }
}

@media (max-width: 991px) {
    .footer .global-units-partner ul {
        padding-left: 25px !important;
    }

    .footer .col-third {
        -ms-flex: 0 0 210px !important;
        flex: 0 0 210px !important;
        max-width: 210px !important;
        padding: 0;
    }

    .footer .col-first,
    .footer .col-second,
    .footer .col-third {
        padding-right: 0 !important;
    }

    .block-leader-v1 .block-logo {
        width: 60%;
        margin: auto;
    }
}

@media (max-width: 767px) {
    .block-leader-v1 {
        margin-bottom: 45px;
    }

    .block-leader-v1 .block-title {
        padding: 0 15px;
        line-height: 1.25;
    }

    .block-leader-v1 .block-title .title {
        font-size: 22px !important;
    }

    .block-leader-v1 .block-body {
        padding: 0 15px;
    }

    .block-leader-v1 .block-title .title br,
    .block-leader-v1 .block-body p br {
        display: none;
    }

    .footer .copyright .newsletter {
        font-size: 12px;
        align-items: flex-start;
    }
}

@media (max-width: 576px) {
    .footer .pace-units {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .block-leader-v1 .block-title .title {
        font-size: 18px !important;
    }
}

.student-share {
    margin: 35px 0 40px 0;
}

.student-share .container {}

.student-share-box {}

.student-share-box>.row {
    margin-right: 0;
    margin-left: 0;
}

.student-share-slider {
    position: relative;
}

.student-share-slider .slick-arrow {
    font-size: 0;
    color: transparent;
    position: absolute;
    top: 50%;
    left: -55px;
    transform: translate(0, -50%);
    width: 23px;
    height: 36px;
    padding: 0;
    margin: 0;
    background: url(../images/icons/slick-arrow-left.png) no-repeat;
    background-position: center;
}

.student-share-slider .slick-next {
    left: auto;
    right: -55px;
    background: url(../images/icons/slick-arrow-right.png) no-repeat;
    background-position: center;
}

.student-share-box .col-share-box {
    padding-left: 0;
    padding-right: 0;
}

.student-share-box .student-share-item {
    width: 100%;
    /* height: 720px; */
    position: relative;
    overflow: hidden;
}

.student-share-box .student-share-item::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    background: url(../images/black_bg.webp) no-repeat;
    background-size: cover;
    background-position: bottom;
}

.student-share-box .student-picture {}

.student-share-box .student-picture figure {}

.student-share-box .student-picture figure img {
    width: 100%;
    height: auto;
}

.student-share-box .quote {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #ffbf00;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-bottom: 30px;
}

.student-share-box .quote span {
    display: inline-block;
    width: 40px;
    height: 34px;
    background: url(../images/icons/quote.png) no-repeat;
    background-position: center;
}

.student-share-box .student-info {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    padding: 0 15px;
    height: 310px;
    font-size: 19px;
    color: #fffefe
}

.student-share-box .student-info .desc {
    color: #FFF;
    font-size: 19px;
    text-align: center;
    margin-bottom: 20px;
}

.student-share-box .student-info .title {
    text-align: center;
}

.student-share-box .student-info .name {
    font-size: 19px;
    color: #FFF;
    margin: 0;
}

.student-share-box .student-info .title span {
    font-size: 17px;
    color: #FFF;
    font-style: italic;
}

.grecaptcha-badge {
    display: none;
}

.alert.alert-danger {
    padding: 20px;
    border-radius: 10px;
    background-color: #f8d7da;
    border: 1px solid #842029;
    color: #842029;
    font-size: 16px;
    position: relative;
    margin-bottom: 40px;
}

.alert.alert-danger .btn-close {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 10px;
    right: 0;
}

.alert.alert-danger .btn-close::before,
.alert.alert-danger .btn-close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 2px;
    background-color: #666;
}

.alert.alert-danger .btn-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.alert.alert-danger .btn-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.alert.alert-danger .btn-close:hover::before,
.alert.alert-danger .btn-close:hover::after {
    background-color: #000;
}

.alert.alert-danger li:not(:last-child) {
    margin-bottom: 8px;
}

#scrollToTop {
    align-items: center;
    background-color: #0069b5;
    bottom: 21px;
    margin-left: 1rem;
    color: #fff;
    display: flex;
    height: 50px;
    justify-content: center;
    left: 4px;
    opacity: 1;
    position: fixed;
    transition: background-color .3s, opacity .5s, visibility .5s;
    /* visibility: hidden; */
    width: 50px;
    z-index: 999999;
    border-radius: 50%;
}

#scrollToTop:hover {
    background-color: #005e90;
    cursor: pointer
}

#scrollToTop:active {
    background-color: #555
}

#scrollToTop.show {
    opacity: 1;
    visibility: visible
}


.form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
}

.select-custom {
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
}

.select-style {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 8px 20px;
    background-color: #fff;
    border-radius: 3px;
    line-height: 32px;
    height: 46px;
    font-weight: normal;
    border-radius: 6px;
    border: 1px solid #c9c9c9;

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select-style:after {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: black transparent transparent transparent;
    position: absolute;
    top: 19px;
    right: 15px;
}

.select-option {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0 0;
    padding: 0 0;
    list-style: none;
    background-color: #EEEEEE;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    max-height: 300px;
    overflow-y: auto;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #c9c9c9;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select-option li {
    margin: 0 0;
    padding: 10px 25px;
}

.select-option li:hover {
    color: white;
    background-color: #39f;
}

.student-share {
    margin-bottom: 0;
}

.news-express-slider {
    position: relative;
}

.news-express-slider .slick-arrow {
    font-size: 0;
    color: transparent;
    position: absolute;
    top: 50%;
    left: -55px;
    transform: translate(0, -50%);
    width: 23px;
    height: 36px;
    padding: 0;
    margin: 0;
    background: url(../images/icons/slick-arrow-left.png) no-repeat;
    background-position: center;
}

.news-express-slider .slick-next {
    left: auto;
    right: -55px;
    background: url(../images/icons/slick-arrow-right.png) no-repeat;
    background-position: center;
}

@media (max-width: 1310px) {
    .news-express-slider .slick-arrow {
        z-index: 100;
    }

    .news-express-slider .slick-next {
        right: 10px;
    }

    .news-express-slider .slick-prev {
        left: 10px;
    }
}

.news-express {
    padding-bottom: 40px;
    background-color: #f4f7f9;
}

.news-express-subject {
    text-align: center;
    padding: 40px 0;
}

.express-subject-title {
    color: #003570;
    font-size: 26px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    margin: 0;
}

.news-express-item {
    border: 1px solid #c2c4c6;
    background-color: #FFF;
    height: 480px;
    overflow: hidden;
}

.express-picture {
    max-height: 205px;
    overflow: hidden;
}

.express-picture img {
    width: 100%;
}

.express-box-info {
    padding: 0 20px;
    position: relative;
}

.express-info {
    padding: 20px;
    margin-top: -35px;
    background-color: #FFF;
}

.express-info .title,
.express-info .title a {
    color: #231f20;
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    margin: 0;
}

.express-info .title a:hover {
    text-decoration: underline;
}

.express-info .desc {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.express-info .desc p {
    color: #231f20;
    font-size: 16px;
    line-height: 25px;
}

.news-express-buttons {
    text-align: center;
    padding: 22px 0 38px 0;
}

.news-express-buttons .slick-arrow {
    color: #CCC;
    height: 40px;
    padding: 0 25px;
    font-size: 16px;
    text-align: center;
    border: 2px solid #CCC;
    border-radius: 6px;
    font-weight: normal;
    font-size: 15px;
}

.news-express-buttons .slick-arrow:hover,
.news-express-buttons .slick-arrow-active {
    color: #7dcfed;
    border-color: #7dcfed;
}

#news-express-page {
    width: 60px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 6px;
    text-align: center;
    font-size: 15px;
    outline: none;
}

@media (max-width: 767px) {
    .express-subject-title {
        font-size: 18px;
    }

    .news-express-slider>div:not(:last-child) {
        margin-bottom: 15px;
    }

    .news-express-item {
        height: 440px;
    }

    .express-info .desc {
        -webkit-line-clamp: 5;
    }

    .facebookEmbedContainer {
        display: none;
    }
}

.news-videos {
    margin-top: 40px;
    background-color: #fff;
    padding-bottom: 20px;
}

.news-videos-box {}

.news-videos .news-video-item {}

.news-videos .video-picture {}

.news-videos .video-picture img {}

.news-videos .video-info {}

.news-videos .video-info .title {
    color: #004188;
    font-size: 20px;
    font-weight: bold;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    text-align: center;
}

.news-videos-slider .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px 11px;
    border-radius: 20px;
    list-style-type: none;
}

.slick-slider.playing .slick-dots {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.slick-slider.playing:hover .slick-dots {
    opacity: 1;
    visibility: visible;
}

.news-videos-slider .slick-dots li {
    width: 25px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-videos-slider .slick-dots button {
    width: 15px;
    height: 15px;
    font-size: 0;
    line-height: 0;
    border-radius: 50%;
    border: 1px solid #00b2ff;
    padding: 0;
    margin: 0;
    background-color: #FFF;
}

.news-videos-slider .slick-dots li.slick-active button {
    background-color: #00b2ff;
    background-clip: border-box;
}

.slick-dots li:only-child {
    display: none !important;
}

@media (max-width: 767px) {
    .news-videos .video-info-first {
        margin-bottom: 15px;
    }

    .news-videos .video-info .title {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .justify-content-md-center {
        display: flex;
        justify-content: center;
    }
}

.br-or-comma {
    display: inline;
}

.br-or-comma::after {
    content: ", ";
}

@media (min-width: 992px) {
    .br-or-comma {
        display: block;
        width: 100%;
    }

    .br-or-comma::after {
        content: "";
    }
}

@media (max-width: 991px) {
    .br {
        display: none;
    }

    .br::after {
        content: " ";
    }
}

.course-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 18px 0;
}

.course-list .course-card {
    width: 330px;
    padding: 0 20px;
    text-align: center;
    transition: all 0.25s ease;
}

.course-list .course-card:hover {
    transform: translateY(-4px);
}

.course-list .course-card:not(:first-child) {
    border-left: 1px solid #8f9a71;
}

.course-list .course-info {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.course-list .info-item {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
}

.course-list .icon {
    font-size: 18px;
    line-height: 1;
}

.course-list .btn-register {
    display: inline-block;
    padding: 10px 18px;
    background: transparent;
    color: #ffe699;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.25s ease;
    margin: 0;
    border: none;
    background: none !important;
    position: relative;
}

.course-list .btn-register:hover {
    color: #ffffff;
    background: none !important;
}

.course-list .btn-register::before {
    content: "»";
    display: inline-block;
    position: absolute;
    top: 45%;
    left: 0;
    transform: translate(0px, -50%);
    z-index: 1;
}

.course-list .btn-register::after {
    content: "«";
    display: inline-block;
    position: absolute;
    top: 45%;
    right: 0;
    transform: translate(0px, -50%);
    z-index: 1;
}

/* responsive */
@media (max-width: 1024px) {
    .course-list .course-card {
        width: 100%;
        max-width: none;
        text-align: left;
        position: relative;
        padding-left: 0;
    }

    .course-list .course-info {
        gap: 12px;
        justify-content: flex-start;
        margin-bottom: 0;
    }

    .course-list .course-card:not(:first-child) {
        border: none;
        margin-top: 8px;
    }

    /* .course-list .course-card:not(:first-child)::before {
        content: "";
        display: block;
        width: calc(100% - 40px);
        height: 1px;
        background-color: #8f9a71;
        position: absolute;
        top: -17px;
        left: 40px;
    } */

    .course-list .btn-register {
        margin-left: 40px;
    }

    .course-list .info-item:first-child {
        gap: 17px;
    }

    .program-glp .program-item:not(:last-child) {
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .course-list .info-item {
        font-size: 16px;
    }
}

/* ---- Block Slider (chọn nhiều banner từ module Banner) ---- */
.banner-sliders { position: relative; }
.banner-sliders .banner-slide-bg {
    position: relative;
    min-height: 360px;
    background-size: cover;
    background-position: center;
    display: flex !important;
    align-items: center;
}
.banner-sliders .banner-slide-content { max-width: 640px; padding: 40px 0; color: #fff; }
.banner-sliders .banner-slide-title { font-size: 36px; font-weight: 700; margin: 0 0 10px; }
.banner-sliders .banner-slide-subtitle { font-size: 20px; font-weight: 500; margin: 0 0 16px; }
.banner-sliders .banner-slide-desc { margin-bottom: 20px; }
.banner-sliders .banner-slide-link { position: absolute; inset: 0; z-index: 1; }
.banner-sliders .banner-slide-content .banner-button-item { position: relative; z-index: 2; display: inline-block; }
.banner-sliders .slick-dots { position: absolute; bottom: 12px; left: 0; right: 0; text-align: center; margin: 0; padding: 0; list-style: none; z-index: 3; }
.banner-sliders .slick-dots li { display: inline-block; margin: 0 4px; }
.banner-sliders .slick-dots button { font-size: 0; width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .6); }
.banner-sliders .slick-dots .slick-active button { background: #fff; }
@media (max-width: 768px) {
    .banner-sliders .banner-slide-bg { min-height: 240px; }
    .banner-sliders .banner-slide-title { font-size: 24px; }
}

#global-partner-ps-3 {
    padding-left: 5px !important;
}

@media (max-width: 1140px) {
    #global-partner-ps-3 {
        padding-left: 25px !important;
    }
}

.footer .pace-units ul li a {
    white-space: nowrap;
}

#facebookEmbedContainer {
    flex-direction: row;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: 25px !important;
    min-width: 300px !important;
}

#facebookEmbedContainer iframe {
    overflow: hidden;
    border-radius: 8px;
    background: #fff;
}

.footer-policy {
    font-size: 13px !important;
    padding: 0 15px;
    text-align: center;
    margin-bottom: 100px !important;
}

.footer-policy>div {
    margin-bottom: 8px !important;
}

@media(max-width: 768px) {
    .footer .copyright .logo {
        margin-bottom: 30px;
    }

    .footer.use_bootstrap .copyright .logo {
        margin-bottom: 0px !important;
    }

    .footer.use_bootstrap .copyright .d-flex {
        gap: 0 !important;
    }

    .footer.use_bootstrap .copyright .social {
        margin-bottom: 0 !important;
    }

    .footer .copyright .social-item {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-bottom: 0 !important;
    }
}


/* Trang lỗi (404) */
.error-page {
    padding: 60px 0;
    min-height: 40vh;
}

.error-page .error-card {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px;
    background: #ffffff;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
}

.error-page .error-title {
    margin: 0 0 24px;
    color: #002851;
    font-size: 32px;
    font-weight: normal;
    text-transform: uppercase;
}

.error-page .error-desc {
    margin: 0 0 24px;
    color: #002851;
    font-size: 16px;
}

.error-page .error-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.error-page .error-btn {
    display: inline-block;
    padding: 9px 16px;
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
    border: 1px solid #1d6fd8;
    border-radius: 4px;
    background: linear-gradient(90deg, #3fc1dc 0%, #2f86f0 100%);
    transition: filter .3s ease-in-out;
}

.error-page .error-btn:hover {
    color: #ffffff;
    filter: brightness(90%);
}

@media (max-width: 768px) {
    .error-page .error-card {
        padding: 24px;
    }

    .error-page .error-title {
        font-size: 24px;
    }
}