:root {
    --primary-color: #00196e;

    --secondary-color: #ffad1d;

    --border-color: #e1e1de;
}

html {
    position: relative;

    /* overflow-x: hidden; */

    /* overflow-y: auto; */
}

body {
    position: relative;

    overflow-x: hidden;
}

p {
    margin: 0;
}

/* header */
.menu__header-title {
    color: #00196e;
    font-size: 20px;
}

.see-more .j_btn-explore {
    margin: 60px auto 0;
}

.line-fade {
    width: 100%;

    height: 1px;

    background: rgb(0, 0, 0);

    background: linear-gradient(90deg, #00196e 0%, #ffffff 100%);

    margin: 60px 0 100px;
}

.fs-22 {
    font-size: 22px;

    line-height: 28px;

    font-weight: 400;
}

.j_btn-explore {
    color: var(--primary-color);

    display: block;

    width: fit-content;
}

.james__block--btn-yellow .j_btn-explore {
    color: #ffad1d;
}

.j_btn-explore::after {
    top: 7px;

    border-top: 2px solid var(--primary-color);

    border-right: 2px solid var(--primary-color);
}

.james__block--btn-yellow .j_btn-explore::after {
    border-top: 2px solid #ffad1d;

    border-right: 2px solid #ffad1d;
}

.text-center {
    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;
}

.text-underline {
    text-decoration: underline;
}

.james__testimonial .j_ff-gara {
    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 7;
    /* number of lines to show */

    line-clamp: 7;

    -webkit-box-orient: vertical;
}

/* news-list */

.news-list .news-item .news-item--img img {
    width: 255px;

    height: 220px;

    object-fit: cover;

    margin: 0;
}

.news-list {
    margin-top: 24px;
}

.news-item {
    display: flex;

    align-items: flex-start;

    gap: 36px;
}

.news-list .row>div:not(:last-child) .news-item {
    margin-bottom: 36px;
}

.news-item .desc a {
    font-size: 22px;

    line-height: 24px;

    font-weight: 400;

    color: #222;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 6;
    /* number of lines to show */

    line-clamp: 6;

    -webkit-box-orient: vertical;
}

.news-item .name {
    font-size: 14px;

    line-height: 20px;

    font-weight: 400;

    color: #8a8a8a;

    margin: 4px 0 8px;

    display: inline-block;
}

/* tabs */

.area-tabs {
    margin-top: 44px;
}

.area-tabs nav {
    max-width: 100%;

    overflow-x: auto;

    display: flex;

    align-items: center;

    gap: 18px 24px;

    padding: 10px 0;

    flex-wrap: wrap;

    margin-bottom: 8px;
}

.area-tabs nav .tab-link {
    font-size: 14px;

    line-height: 20px;

    font-weight: 400;

    color: #8a8a8a;

    position: relative;

    cursor: pointer;

    white-space: nowrap;
}

.area-tabs nav .tab-link.active {
    color: var(--primary-color);

    transition: all 0.3s linear;
}

.area-tabs nav .tab-link.active::after {
    position: absolute;

    content: '';

    display: block;

    bottom: -4px;

    left: 0;

    /* height: 1px; */

    width: 100%;

    background-color: #ffad1d;

    border: 1px solid #ffad1d;
}

.tab-content {
    display: none;

    color: #000;

    opacity: 0;

    transform: translateY(15px);

    animation: tab_fade 0.4s ease 1 forwards;
}

.tab-content p {
    margin: 0px 0 10px;
}

.tab-content.active {
    display: block;
}

.tab_content--list {
    list-style: none;

    padding-left: 0;

    /* display: flex; */

    /* flex-wrap: wrap; */

    /* gap: 24px 32px; */

    margin-top: 36px;

    margin-bottom: 48px;
}

.tab_content--link {
    display: block;

    width: 100%;

    padding: 14px 12px;

    background-color: #ceedf6;

    color: var(--primary-color);

    text-align: center;

    border-radius: 32px;

    cursor: pointer;

    font-size: 14px;

    line-height: 20px;

    transition: all 0.3s linear;
}

.tab_content--link:hover,
.tab_content--link.active {
    background-color: var(--primary-color);

    color: var(--secondary-color);

    transition: all 0.3s linear;
}

.tab_content--item {
    width: 100%;
}

@keyframes tab_fade {
    100% {
        opacity: 1;

        transform: none;
    }
}

@media (max-width: 900px) {
    nav a {
        /* padding: 2rem; */

        display: block;
    }
}

/* slick dots */

.slick-dots {
    display: flex;

    align-items: center;

    justify-content: center;

    list-style: none;

    padding-left: 0;

    margin-top: 60px;

    margin-bottom: 0;
}

.slick-dots li {
    height: 12px;

    width: 12px;

    margin: 0 8px;

    display: flex;
}

.slick-dots li button {
    height: 12px;

    width: 12px;

    color: transparent;

    line-height: 0;

    font-size: 0;

    background: transparent;

    border: 0;

    position: relative;
}

.slick-dots li button::before {
    height: 12px;

    width: 12px;

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    background: #222222;

    opacity: 0.5;

    cursor: pointer;

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transform: translate(-50%, -50%) scale(0.6);

    -webkit-transform: translate(-50%, -50%) scale(0.6);

    -moz-transform: translate(-50%, -50%) scale(0.6);

    -ms-transform: translate(-50%, -50%) scale(0.6);

    -o-transform: translate(-50%, -50%) scale(0.6);
}

.slick-dots li.slick-active button::before {
    transform: translate(-50%, -50%) scale(1);

    -webkit-transform: translate(-50%, -50%) scale(1);

    -moz-transform: translate(-50%, -50%) scale(1);

    -ms-transform: translate(-50%, -50%) scale(1);

    -o-transform: translate(-50%, -50%) scale(1);

    background: #00196e;

    opacity: 1;
}

/* breadcumb */

.breadcumb__global {
    border-bottom: 1px solid var(--border-color);

    position: sticky;

    top: 125px;

    left: 0;

    z-index: 3;

    background-color: #fff;
}

.applying__breadcumb {
    display: flex;

    align-items: center;

    gap: 16px;

    list-style: none;

    padding: 14px 0;

    margin-top: 0;

    margin-bottom: 0;
}

.applying__breadcumb li {
    display: flex;

    align-items: center;

    gap: 16px;

    color: var(--primary-color);
}

.applying__breadcumb li a {
    font-size: 14px;

    line-height: 20px;

    font-weight: 400;

    color: #8a8a8a;

    transition: all 0.3s linear;
}

.applying__breadcumb li a:hover {
    color: var(--primary-color);

    transition: all 0.3s linear;
}

/* history */

.history {
    position: relative;

    margin-top: 36px;
}

.history .history__list {
    padding-left: 0;

    list-style: none;

    position: relative;

    z-index: 2;

    left: 1px;
}

.history .history__sublist {
    list-style: none;
}

.history .history__item,
.history .history__subitem {
    position: relative;

    margin-bottom: 24px;

    width: 352px;

    padding-bottom: 0;
}

.history .history__item .history__header {
    cursor: pointer;

    font-size: 18px;

    line-height: 24px;

    font-weight: 500;

    color: var(--primary-color);

    padding: 10px 24px 12px;

    background-color: #ceedf6;

    border-radius: 0px 8px 8px 0px;

    position: relative;

    transition: all 0.3s linear;
}

.history .history__item .history__header:hover {
    background-color: var(--primary-color);

    color: #fff;

    transition: all 0.3s linear;
}

/* .history .history__item:hover,

.history .history__subitem:hover {

    background-color: var(--primary-color);

    color: #fff;

    transition: all 0.3s linear;

} */

.history .history__item:hover .dropdown {
    filter: brightness(0) invert(1);
}

.history .history__item .dropdown {
    height: 8px;

    width: auto;

    object-fit: cover;

    margin: 0;

    position: absolute;

    top: 50%;

    right: 14px;

    transform: translateY(-50%) rotate(-90deg);

    display: none;
}

.history .history__item .dot {
    width: 24px;

    height: auto;

    object-fit: cover;

    margin: 0;

    position: absolute;

    left: -12px;

    top: 50%;

    transform: translateY(-50%);
}

.history .history__item.active .dropdown {
    display: block;
}

.history .history__item:hover .history__content {
    opacity: 1;

    visibility: visible;

    transition: all 0.3s linear;
}

.history .history__content {
    background-color: var(--primary-color);

    position: absolute;

    z-index: 2;

    top: 0;

    left: calc(100% + 36px);

    width: 352px;

    padding: 24px;

    border-radius: 8px;

    overflow: hidden;

    opacity: 0;

    visibility: hidden;

    transition: all 0.3s linear;
}

.history .history__content .content {
    font-size: 14px;
    line-height: 20px;
}

.history .history__content .content ul li {
    padding-bottom: 0;
}

.history .history__content .content p {
    margin: 5px 0 0;
}

.history .history__content h4 {
    font-size: 24px;

    line-height: 28px;

    color: #fff;

    margin-top: 0;
}

.history .history__content,
.history .history__content p {
    color: #fff;
}

.history .history__content ul {
    padding-left: 36px;

    color: #fff;
}

/* .history .line {

    width: auto;

    height: calc(100% - 76px);

    position: absolute;

    top: 0;

    left: 0;

    margin: 0;

    z-index: 2;

} */

.history .line-group {
    width: auto;

    height: 84px;

    position: absolute;

    margin: 0;

    top: 45%;

    left: 0;

    transform: translateY(-50%);
}

.history .history__sublist {
    position: relative;

    padding-left: 24px;

    margin-left: 18px;
}

.history .history__sublist .history__item {
    position: relative;

    width: 304px;
}

.history-note {
    font-size: 14px;

    line-height: 20px;

    color: #8a8a8a;

    font-weight: 400;

    margin-top: 36px;
}

/* sidebar */
.sidebar__maxwidth {
    width: 100%;
    max-width: 300px;
    padding: 0 15px;
}

.sidebar__sections--title {
    font-size: 16px;

    line-height: 20px;

    font-weight: 500;

    color: #8a8a8a;

    text-transform: uppercase;

    letter-spacing: 2px;

    /* margin-bottom: 16px; */
    margin-bottom: 0;
}

.sidebar {
    padding: 80px 36px 36px 0;

    border-right: 1px solid var(--border-color);

    position: sticky;

    top: 120px;

    left: 0;

    height: calc(100vh - 120px);

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    overflow: auto;
}

/* width */
.sidebar::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.sidebar::-webkit-scrollbar-track {
    background: #f4f4f4;
}

/* Handle */
.sidebar::-webkit-scrollbar-thumb {
    background: var(--border-color) !important;
}

.sidebar .sidebar__sections {
    list-style: none;

    padding-left: 0;

    margin: 0;

    /* min-height: 372px; */

    /* border-bottom: 1px solid var(--border-color); */
}

.sidebar .sidebar__sections--item a {
    display: block;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    color: #8a8a8a;

    margin-bottom: 14px;

    cursor: pointer;

    width: fit-content;

    font-family: 'Halyard Text', sans-serif;

    transition: all 0.3s linear;
}

.sidebar .sidebar__sections--item a.active,
.sidebar .sidebar__sections--item a:hover {
    color: var(--primary-color);

    transition: all 0.3s linear;
}

.sidebar .sidebar__buttons {
    display: flex;

    flex-direction: column;

    /* gap: 12px; */
}

.sidebar__buttons--title {
    /* font-family: 'Halyard Display'; */

    font-size: 16px;

    font-weight: 500;

    line-height: 20px;

    text-transform: uppercase;

    color: #8a8a8a;

    margin: 0;

    padding-bottom: 12px;

    letter-spacing: 2px;
}

.sidebar__buttons .sidebar__buttons--link {
    padding: 8px 0;

    width: 100%;

    border: 1px solid var(--border-color);

    text-align: center;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    margin-bottom: 20px;

    transition: all 0.3s linear;
}

.sidebar__buttons .sidebar__buttons--link:hover {
    background-color: var(--primary-color);

    color: var(--secondary-color);

    transition: all 0.3s linear;
}

.sidebar__buttons--list {
    display: flex;

    flex-direction: column;

    gap: 12px;
}

.sidebar_nav {
    padding: 16px 32px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-top: 1px solid #e1e1de;

    border-bottom: 1px solid #e1e1de;

    display: none;
}

.sidebar_nav span {
    font-size: 28px;

    line-height: 32px;

    font-weight: 400;

    color: var(--primary-color);
}

.sidebar_nav--close img {
    width: auto;

    height: 10px;

    object-fit: contain;
}

.sidebar .sidebar_submenu {
    list-style: none;

    padding-left: 15px;

    display: none;
}

.sidebar .sidebar__submenu--item a {
    padding: 0;
}

/* content */

/* .content__container {
    padding: 80px 0 40px 50px;
} */

.content__container {
    padding: 75px 0 40px 50px;
}

.content__container .content-title,
.content__container h3 {
    font-size: 56px;

    line-height: 60px;

    font-weight: 400;

    max-width: 80%;

    margin: 0;

    margin-bottom: 36px;
}

.content__container .content-sub-title,
.content__container h4 {
    font-family: 'halyard-display', sans-serif;

    font-size: 32px;

    line-height: 36px;

    font-weight: 400;

    color: var(--primary-color);

    margin: 36px 0 16px;
}

.content__container .content p {
    margin-bottom: 10px;
}

.content__container .degrees ul {
    padding-left: 25px;
}

.content__container ul li {
    padding-bottom: 20px;
}

.content__container .content {
    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #222222;
}

.content__container .content img {
    width: 100%;

    height: auto;

    margin: 16px 0;
}

.content__container .note-image {
    font-size: 14px;

    line-height: 20px;

    color: #8a8a8a;

    margin-top: 5px;
}

.content__container section:not(:last-child) {
    padding-bottom: 80px;
}

/* hero */

.hero {
    position: relative;
}

.hero .hero__banner-dk {
    display: block;
}

.hero__banner-tl {
    display: none;
}

.hero .hero__banner-mb {
    display: none;
}

.hero .hero__banner {
    position: relative;
}

.hero .hero__banner img {
    width: 100%;

    height: auto;

    object-fit: cover;
}

.hero .hero__banner::after {
    background: linear-gradient(180deg,
            rgba(0, 0, 0, 0) 0%,

            rgba(0, 0, 0, 0.75) 66.15%,

            #000000 100%);

    background-blend-mode: multiply;

    mix-blend-mode: multiply;

    opacity: 0.6;

    display: block;

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 95%;
}

.hero .hero__content {
    position: absolute;

    bottom: 68px;

    left: 50%;

    transform: translateX(-50%);

    padding: 0;
}

.hero .hero__content .hero__heading {
    font-size: 72px;

    line-height: 72px;

    font-weight: 400;

    color: #fff;

    text-align: center;

    text-shadow: 0.5px 0.5px 24px rgba(0, 0, 0, 0.4);

    margin: 0;

    padding: 0;
}

/* applying */

.applying {
    padding: 38px 0 120px;
}

.applying .applying__breadcumb--home {
    display: none;
}

.applying .applying__breadcumb {
    display: flex;

    align-items: center;

    gap: 16px;
}

.applying .applying__breadcumb .applying__breadcumb--text {
    font-size: 14px;

    line-height: 20px;

    font-weight: 400;

    color: #00196e;
}

.applying .applying__content .hai-heading__global {
    margin: 62px auto 36px;
}

.applying .applying__content--desc {
    font-family: 'halyard-display', sans-serif;

    font-size: 24px;

    line-height: 32px;

    font-weight: 300;

    text-align: center;

    color: #222222;

    max-width: 770px;

    margin: 0 auto;
}

/* looking */

.looking {
    padding-bottom: 120px;
}

.looking .looking__list {
    padding-top: 60px;
}

.looking .looking__list .looking__item {
    padding: 34px;

    height: 524px;

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

    transition: all 0.3s linear;
}

.looking .looking__list .looking__item--content {
    position: relative;

    z-index: 2;
}

.looking .looking__list .looking__item .looking-heading {
    font-family: 'halyard-display', sans-serif;

    font-size: 48px;

    line-height: 48px;

    font-weight: 400;

    color: #fff;

    margin: 0;

    padding: 0;
}

.looking .looking__list .looking__item .looking-desc {
    font-size: 24px;

    line-height: 32px;

    font-weight: 300;

    color: #fff;

    margin: 12px 0 0 0;
}

.looking .looking__list .row>div:nth-child(1) .looking__item {
    background-color: #00196e;
}

.looking .looking__list .row>div:nth-child(3) .looking__item {
    background-color: #ffad1d;
}

.looking .looking__list .row>div:nth-child(3) .looking__item .looking__item--content .looking-heading,
.looking .looking__list .row>div:nth-child(3) .looking__item .looking__item--content .looking-desc {
    color: #00196e;
}

.looking .looking__item--img {
    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;
}

.looking .looking__item--img::after {
    display: block;

    content: '';

    background: #000000;

    mix-blend-mode: multiply;

    opacity: 0.5;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;
}

.looking .looking__item--img img {
    width: 100%;

    height: 100%;
}

/* faq */

.tuition-aid .faq {
    padding-top: 120px;
}

.faq {
    padding-bottom: 120px;
}

.faq .faq__list {
    padding: 0 0 0 0;

    margin-bottom: 0;

    border-bottom: 1px solid #8a8a8a;

    max-width: 930px;

    margin: 0 auto;
}

.faq .faq__desc {
    font-size: 24px;

    line-height: 32px;

    font-weight: 300;

    font-family: 'halyard-display', sans-serif;

    color: #222;

    text-align: center;

    margin: 36px 0;
}

.tuition-aid .faq .faq__desc {
    max-width: 60%;

    margin: 36px auto;
}

.faq__item.active .question {
    color: #00196e;

    transition: all 0.3s linear;
}

.faq__item .question {
    font-family: 'halyard-display', sans-serif;

    margin: 0;

    font-size: 32px;

    line-height: 36px;

    font-weight: 400;

    color: #8a8a8a;

    transition: all 0.3s linear;
}

.faq__item {
    position: relative;

    background: transparent;

    border-radius: 0px;

    overflow: hidden;
}

.faq__item.active {
    margin-bottom: 16px;
}

.faq__item::after {
    content: '';

    border: 7px solid transparent;

    border-top: none;

    position: absolute;

    z-index: -1;

    right: 2px;

    top: 34px;

    border-bottom: none;

    border-top: 8px solid #c8c9c7;

    transform: rotate(0);

    transition: all 0.3s linear;
}

.faq__item.active::after {
    border-bottom: none;

    border-top: 8px solid #00196e;

    transform: rotate(180deg);

    transition: all 0.3s linear;
}

.faq__header {
    position: relative;

    font-size: 22px;

    line-height: 32px;

    font-weight: 500;

    cursor: pointer;

    padding: 13px 0px 20px 0px;

    color: var(--big-title-8c3a19);

    transition: all 500ms ease;

    border-top: 1px solid #8a8a8a;

    padding-right: 200px;
}

.faq__item.active .faq__header {
    background-color: var(--big-title-8c3a19);

    color: #fff;
}

.faq__content {
    position: relative;

    height: 0;

    overflow: hidden;

    transition: height 0.5s ease-in-out;
}

.faq__content p strong {
    color: #000;
}

.faq__content .content {
    position: relative;

    padding: 0px 40px 0px 0;

    background-color: var(--big-title-8c3a19);

    color: #222;

    font-family: 'halyard-display', sans-serif;

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;
}

.faq__content .content p {
    margin-bottom: 8px;
}

.faq__content .content span {
    color: #00196e;

    font-size: 14px;
}

.faq__content .content ul,
.faq__content .content ol {
    list-style-type: disc;
}

.faq__content .content ol li {
    font-weight: bold;
}

.faq__right {
    display: flex;

    flex-direction: column;

    height: 100%;

    justify-content: center;
}

/* contact */

.contact {
    padding-bottom: 120px;
}

.contact .hai-heading__global {
    text-align: left;

    max-width: 90%;
}

.contact .contact__desc {
    font-family: 'halyard-display', sans-serif;

    font-size: 24px;

    line-height: 32px;

    font-weight: 350;

    color: #00196e;

    margin: 12px 0 36px;
}

.contact .contact__form .group-checkbox {
    margin-bottom: 16px;
}

.contact .contact__form label {
    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    color: #8a8a8a;

    text-align: left;
}

/* The label-checkbox */

.label-checkbox {
    display: block;

    position: relative;

    padding-left: 25px;

    cursor: pointer;

    font-size: 22px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;
}

/* Hide the browser's default checkbox */

.label-checkbox input {
    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;
}

/* Create a custom checkbox */

.checkmark {
    position: absolute;

    top: 3px;

    left: 0;

    height: 18px;

    width: 18px;

    background-color: #fff;

    border: 1px solid;
}

/* On mouse-over, add a grey background color */

.label-checkbox:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */

.label-checkbox input:checked~.checkmark {
    background-color: #00196e;
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: '';

    position: absolute;

    display: none;
}

/* Show the checkmark when checked */

.label-checkbox input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */

.label-checkbox .checkmark:after {
    left: 6px;

    top: 2px;

    width: 5px;

    height: 10px;

    border: solid white;

    border-width: 0 2px 2px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);
}

.contact .contact__form input,
.contact .contact__form select {
    width: 100%;

    border: 0;

    margin: 12px 0;

    color: #8a8a8a;

    font-family: 'halyard-display', sans-serif;

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    outline: none;

    padding: 0;
}

.contact .contact__form select {
    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background-color: transparent;

    background-image: url(../images/icon-dropdown.svg);

    background-repeat: no-repeat;

    background-position-x: 90%;

    background-position-y: 15px;
}

.contact .contact__form select option {
    padding-left: 5px;
}

.contact .group-input {
    border-bottom: 1px solid #8a8a8a;

    margin-bottom: 20px;
}

.contact .list-input {
    padding-top: 30px;
}

.contact .contact__form button,
.financial .text-center a,
.james__testimonial .testimonial--button {
    width: fit-content;

    font-family: 'halyard-display', sans-serif;

    font-style: normal;

    font-weight: 500;

    font-size: 18px;

    line-height: 24px;

    color: #00196e;

    padding: 12px 20px;

    border: 1px solid #00196e;

    background-color: #fff;

    margin: 30px 0 32px 0;

    cursor: pointer;

    transition: all 0.3s linear;

    display: block;
}

.contact .contact__form .btn-submit,
.btn-global {
    width: fit-content;

    background: transparent;

    border: 1px solid #00196e;

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    font-size: 18px;

    line-height: 18px;

    padding: 12px 20px;

    color: #00196e;

    font-weight: 500;

    font-family: 'halyard-display', sans-serif;

    cursor: pointer;

    margin-top: 2rem;

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;
}

.btn-global {
    margin: 36px 0;

    display: block;
}

.contact .contact__form button:hover,
.contact .contact__form .btn-submit:hover,
.financial .text-center a:hover,
.james__testimonial .testimonial--button:hover,
.btn-global:hover {
    background-color: #00196e;

    color: #ffad1d;

    transition: all 0.3s linear;
}

.financial li a img {
    /* transition: all 0.3s linear; */
}

.financial li a img:hover {
    filter: invert(73%) sepia(91%) saturate(1607%) hue-rotate(342deg) brightness(102%) contrast(101%);

    /* transition: all 0.3s linear; */
}

.james__testimonial .testimonial--button {
    margin: 0 auto 100px;
}

.financial button {
    margin: 30px auto 32px;
}

.seemore {
    display: flex;

    align-items: center;

    gap: 6px;

    cursor: pointer;

    position: relative;

    z-index: 2;
}

.seemore-text {
    font-style: normal;

    font-weight: 500;

    font-size: 18px;

    line-height: 16px;

    color: #00196e;
}

.seemore img {
    transform: translateY(3px);
}

.contact .contact__form {
    height: 280px;

    overflow: hidden;

    transition: all 0.3s linear;

    margin-bottom: 20px;
}

.contact .contact__form::after {
    display: block;

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 135px;

    background: linear-gradient(180deg,
            #ffffff 0%,

            rgba(255, 255, 255, 0) 100%);

    transform: rotate(180deg);

    opacity: 1;

    visibility: visible;

    transition: all 0.3s linear;
}

.contact .contact__form.active {
    /* max-height: 1000px; */

    transition: all 0.3s linear;
}

.contact .contact__form.active::after {
    opacity: 0;

    visibility: hidden;

    transition: all 0.3s linear;
}

.seemore img {
    transform: rotate(0deg) translateY(3px);

    transition: all 0.3s linear;
}

.seemore.active img {
    transform: rotate(180deg) translateY(-3px);

    transition: all 0.3s linear;
}

/* choosing */

.choosing {
    padding: 100px 0 106px;

    background: #f4f4f4;
}

.choosing .hai-sub-heading__global {
    margin-bottom: 24px;
}

.choosing .choosing__content {
    max-width: 750px;

    margin: 36px auto 0;

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #222222;

    text-align: center;
}

.choosing .choosing__content p {
    margin-bottom: 20px;
}

.choosing .seemore {
    justify-content: center;
}

.choosing .choosing__content {
    position: relative;

    overflow: hidden;

    transition: all 0.3s linear;
}

.choosing .choosing__content.active {
    transition: all 0.3s linear;
}

.choosing .choosing__content::after {
    background: linear-gradient(360deg,
            #f4f4f4 0%,

            rgba(244, 244, 244, 0.458333) 74.48%,

            rgba(244, 244, 244, 0) 100%);

    display: block;

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 60px;

    opacity: 1;

    visibility: visible;

    transition: all 0.3s linear;
}

.choosing .choosing__content.active::after {
    opacity: 0;

    visibility: hidden;

    transition: all 0.3s linear;
}

/* amount */

.amount {
    padding: 100px 0 120px;

    margin-top: 160px;

    border-top: 1px solid #e1e1de;

    position: relative;
}

.amount .amount__logo img {
    background-color: #fff;

    width: 80px;
}

.amount .amount__logo {
    width: 120px;

    text-align: center;

    background-color: #fff;

    position: absolute;

    top: -40px;

    left: 50%;

    transform: translateX(-50%);
}

.amount .amount__list {
    padding-top: 60px;
}

.amount .amount__item {
    width: 90%;

    margin: 0 auto;
}

.amount .amount__item .number {
    /* font-family: "garamond-premier-pro", serif; */

    font: 72px/82px 'garamond-premier-pro', serif;

    font-weight: 400;

    font-size: 72px;

    line-height: 82px;

    color: #00196e;

    text-align: center;

    margin-bottom: 16px;
}

.amount .amount__item .desc {
    font-family: 'halyard-display', sans-serif;

    font-style: normal;

    font-weight: 300;

    font-size: 24px;

    line-height: 32px;

    color: #222222;

    text-align: center;
}

/* happening */

.happening {
    padding-bottom: 120px;
}

.happening .hai-sub-heading__global {
    margin-bottom: 16px;
}

.happening .happening__list {
    padding: 60px 0 66px;
}

.happening .happening__item {
    width: 340px;

    margin: 0 auto;
}

.happening .happening__item--img {
    overflow: hidden;
}

.happening .happening__item--img img {
    width: 100%;

    height: 420px;

    object-fit: cover;

    transition: all 0.3s linear;
}

.happening .happening__item--title {
    font-family: 'halyard-display', sans-serif;

    font-style: normal;

    font-weight: 500;

    font-size: 22px;

    line-height: 28px;

    margin: 20px 0 8px;

    color: #00196e;
}

.happening .happening__item .dated {
    font-family: 'halyard-display', sans-serif;

    font-style: normal;

    font-weight: 400;

    font-size: 14px;

    line-height: 20px;

    color: #222222;
}

.happening__seemore {
    font-family: 'halyard-display', sans-serif;

    font-style: normal;

    font-weight: 490;

    font-size: 18px;

    line-height: 16px;

    color: #00196e;

    display: flex;

    align-items: center;

    gap: 10px;

    justify-content: center;
}

.tuition-aid .happening__seemore {
    margin-top: 42px;
}

.happening__seemore:hover img {
    transform: translateY(2px) translateX(5px);

    transition: all 0.3s linear;
}

.happening__seemore img {
    transform: translateY(2px);

    transition: all 0.3s linear;
}

.happening .happening__item {
    transition: all 0.3s linear;
}

.happening .happening__item:hover .happening__item--img img {
    transform: scale(1.04);

    transition: all 0.3s linear;
}

/* infor */

.infor .infor__item {
    display: flex;

    align-items: center;

    height: 600px;
}

.infor .infor__item:nth-child(even) {
    flex-direction: row-reverse;
}

.tuition-aid .infor .infor__item:nth-child(odd) {
    flex-direction: row-reverse;
}

.tuition-aid .infor .infor__item:nth-child(even) {
    flex-direction: unset;
}

.infor .infor__item:nth-child(1) .infor__content {
    background-color: #00196e;
}

.infor .infor__item:nth-child(2) .infor__content {
    background: #ceedf6;
}

.tuition-aid .infor .infor__item:nth-child(2) .infor__content {
    background-color: #00196e;
}

.tuition-aid .infor .infor__item:nth-child(1) .infor__content {
    background: #ceedf6;
}

.infor .infor__item .infor__item--img {
    height: 100%;

    width: 50%;
}

.infor .infor__item .infor__item--img img {
    width: 100%;

    height: 100%;

    object-fit: cover;
}

.infor .infor__item .infor__content {
    width: 50%;

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 24px;

    padding: 138px 70px 144px;
}

.infor .infor__item .hai-heading__global {
    white-space: inherit;
}

.infor .infor__item:nth-child(1) .infor__content .hai-heading__global,
.infor .infor__item:nth-child(1) .infor__content .hai-sub-heading__global {
    color: #fff;
}

.tuition-aid .infor .infor__item:nth-child(1) .infor__content .hai-heading__global,
.tuition-aid .infor .infor__item:nth-child(1) .infor__content .hai-sub-heading__global {
    color: #00196e;
}

.tuition-aid .infor .infor__item:nth-child(2) .infor__content .hai-heading__global,
.tuition-aid .infor .infor__item:nth-child(2) .infor__content .hai-sub-heading__global {
    color: #fff;
}

.infor .infor__seemore {
    display: flex;

    align-items: center;

    gap: 10px;
}

.infor .infor__seemore:hover img {
    transform: translateY(2px) translateX(5px);

    transition: all 0.3s linear;
}

.infor .infor__seemore img {
    transform: translateY(2px);

    transition: all 0.3s linear;
}

.infor .infor__item .infor__seemore {
    font-family: 'halyard-display', sans-serif;

    font-style: normal;

    font-weight: 500;

    font-size: 18px;

    line-height: 16px;

    margin-top: 20px;
}

.infor .infor__item:nth-child(1) .infor__seemore {
    color: #ffad1d;
}

.infor .infor__item:nth-child(2) .infor__seemore {
    color: #00196e;
}

.tuition-aid .infor .infor__item:nth-child(2) .infor__seemore {
    color: #ffad1d;
}

.tuition-aid .infor .infor__item:nth-child(1) .infor__seemore {
    color: #00196e;
}

.tuition-aid .infor .infor__item:nth-child(2) .infor__seemore img {
    /* filter: invert(78%) sepia(25%) saturate(3040%) hue-rotate(341deg) brightness(100%) contrast(101%); */
}

.apply-us .infor .infor__item:nth-child(2) .infor__seemore img {
    filter: invert(9%) sepia(70%) saturate(5349%) hue-rotate(227deg) brightness(44%) contrast(107%);
}

.tuition-aid .infor .infor__item:nth-child(1) .infor__seemore img,
.communities .infor .infor__item:nth-child(2) .infor__seemore img {
    filter: invert(11%) sepia(40%) saturate(6634%) hue-rotate(224deg) brightness(82%) contrast(111%);
}

.infor .hai-heading__global {
    font-weight: 400;

    font-size: 45px;

    line-height: 48px;
}

.infor .infor__content--text {
    font-family: 'halyard-display', sans-serif;

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    text-align: center;

    color: #222222;

    max-width: 90%;

    margin: 0 auto;
}

.communities .infor .infor__item:nth-child(1) .infor__content--text {
    color: #fff;
}

.communities .infor .infor__item:nth-child(2) .infor__content--text {
    color: #222222;
}

.infor .infor__item:nth-child(2) .infor__content--text {
    color: #fff;
}

.infor-img-dk {
    display: block;
}

.infor-img-tl {
    display: none;
}

/* helping */

.tuition-aid .helping .hai-sub-heading__global {
    text-align: left;

    margin-bottom: 16px;
}

.helping {
    padding: 100px 0;

    background: #ffad1d;
}

.helping .hai-heading__global {
    text-align: left;
}

.helping .helping__button {
    font-family: 'halyard-display', sans-serif;

    font-style: normal;

    font-weight: 500;

    font-size: 18px;

    line-height: 24px;

    color: #00196e;

    padding: 12px 20px;

    border: 1px solid #00196e;

    margin-top: 16px;

    display: block;

    width: fit-content;

    transition: all 0.3s linear;
}

.helping .helping__button:hover {
    background-color: #00196e;

    color: #ffad1d;

    transition: all 0.3s linear;
}

/* financial */

.financial {
    padding-bottom: 48px;
}

.financial .financial__logo {
    text-align: center;

    margin-bottom: 12px;
}

.financial .financial__logo img {
    width: 258px;

    height: auto;

    object-fit: cover;
}

.financial .financial__content {
    max-width: 740px;

    margin: 0 auto;

    text-align: center;
}

.financial .hai-heading__global {
    margin: 24px 0 36px;
}

.financial .financial__desc {
    font-family: 'halyard-display', sans-serif;

    font-style: normal;

    font-weight: 300;

    font-size: 24px;

    line-height: 32px;

    /* or 133% */

    text-align: center;

    /* Black */

    color: #222222;
}

.financial .financial__img {
    margin: 60px 0 30px;

    text-align: center;
}

.financial .financial__img img {
    width: 100%;

    height: auto;

    object-fit: cover;
}

.james__testimonial .hai-heading__global {
    margin: 24px auto 60px;

    /* max-width: 70%; */
}

.communities .james__testimonial {
    padding-bottom: 100px;
}

.tuition-aid .james__connect {
    padding-top: 0;
}

.financial__social--list {
    list-style: none;

    padding-left: 20px;
}

.financial__social {
    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 24px;
}

.financial__social--list {
    display: flex;

    align-items: center;

    gap: 20px;
}

.financial__social--text {
    font-family: 'halyard-display', sans-serif;

    font-weight: 300;

    font-size: 24px;

    line-height: 32px;

    color: #222222;
}

.james__testimonial--line {
    height: 1px;

    background: url(../images/full-line.svg) no-repeat center center / contain;
}

.become {
    padding: 120px 0;
}

.become .become__item img {
    width: 100%;

    height: 100%;
}

.become .hai-heading__global,
.become .hai-sub-heading__global {
    text-align: left;
}

.become .hai-heading__global {
    margin-top: 24px;
}

.become .become__desc {
    font-family: 'halyard-display', sans-serif;

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #222222;

    margin: 36px 0 42px;
}

.become .happening__seemore {
    justify-content: start;
}

.become .slick-dots {
    display: flex;

    justify-content: center;

    margin: 0;

    list-style-type: none;

    position: absolute;

    bottom: 50px;

    left: 50%;

    transform: translateX(-50%);

    padding: 0;
}

.become .slick-list.draggable {
    padding-bottom: 40px;
}

.become .slick-dots li {
    margin: 0 0.25rem;

    width: 15px;

    height: 15px;
}

.become .slick-dots li button {
    display: block;

    width: 6px;

    height: 6px;

    padding: 0;

    border: none;

    border-radius: 100%;

    background: linear-gradient(0deg, #222222, #222222),
        linear-gradient(0deg, #ffffff, #ffffff);

    border: 1px solid #ffffff;

    text-indent: -9999px;
}

.become .slick-dots li.slick-active button {
    width: 12px;

    height: 12px;

    background: #ffffff;

    transform: translateY(-3px);
}

.james__testimonial {
    padding: 80px 0 60px;
}

.james__testimonial--line.show-tl {
    display: none;
}

.james__touch .james__touch--form .j_btn-expand {
    width: auto;
}

.james__touch .james__touch--form .j_btn-expand::before {
    bottom: 2px;
}

.james__touch.james__touch--whypage .title_block {
    max-width: 90%;

    /* margin-left: auto; */

    margin-right: auto;
}

.tuition-aid .james__touch {
    padding-bottom: 100px;
}

.tuition-aid .financial {
    padding-bottom: 60px;
}

.communities .james__touch {
    padding: 0 0 120px;
}

/* @media screen and (max-width: 1200px) {

    .infor .hai-heading__global {

        font-weight: 400;

        font-size: 40px;

        line-height: 48px;

    }

} */

.sidebar__header {
    display: none;
}

.content__container .james__team {
    padding: 0;
}

.social-group {
    display: flex;

    align-items: center;

    /* gap: 20px; */
}

.social-group span {
    font-size: 24px;

    line-height: 32px;

    font-weight: 400;

    padding-bottom: 8px;

    display: block;

    margin-right: 20px;
}

.social-group ul {
    list-style: none;

    padding-left: 0;

    display: flex;

    align-items: center;

    /* gap: 20px; */

    margin: 0;
}

.social-group ul li {
    padding-bottom: 0;
}

.social-group ul li:not(:last-child) {
    margin-right: 20px;
}

.social-group ul li img {
    width: 36px;

    height: 36px;

    object-fit: contain;
}

.admissions .amount {
    margin-top: 120px;

    padding: 40px 0 0;
}

.admissions .james__news .j_btn-explore {
    margin: 60px auto 0;
}

.admissions .contact {
    padding-bottom: 0px;
}

@media screen and (max-width: 991px) {
    .breadcumb__global {
        top: 90px;
    }

    a#back-to-top {
        bottom: 100px;

        right: 20px;
    }

    .icon-up-arrow {
        font-size: 32px;

        font-weight: bold;
    }

    .sidebar__sections--title {
        padding: 16px 24px 0px;
    }

    .fs-22 {
        font-size: 20px;
    }

    .content__container section:not(:last-child) {
        padding-bottom: 60px;
    }

    .sidebar__header {
        display: block;

        padding: 16px 24px;

        display: flex;

        align-items: center;

        justify-content: space-between;

        border-top: 1px solid #e1e1e1;

        border-bottom: 1px solid #e1e1e1;
    }

    .hai-sub-heading__global {
        font-size: 14px;

        line-height: 18px;

        font-weight: 600 !important;
    }

    .hero .hero__content .hero__heading {
        font-size: 60px;

        line-height: 70px;

        width: 90%;

        margin: 0 auto;
    }

    .hai-heading__global {
        font-size: 45px;

        line-height: 48px;

        margin: 0 auto;
    }

    .hero .hero__banner-dk {
        display: none;
    }

    .hero__banner-tl {
        display: block;
    }

    .hero .hero__banner-mb {
        display: none;
    }

    .hero .hero__content {
        width: 100%;

        bottom: 40px;
    }

    .applying {
        padding: 28px 0 80px;
    }

    .applying .icon-arrow img {
        transform: rotate(180deg);
    }

    .applying .applying__breadcumb .applying__breadcumb--text,
    .applying .icon-home {
        display: none;
    }

    .applying .applying__breadcumb--home {
        display: block;

        font-family: 'halyard-display', sans-serif;

        font-style: normal;

        font-weight: 400;

        font-size: 14px;

        line-height: 20px;

        color: #8a8a8a;
    }

    .applying .applying__content--desc {
        font-size: 20px;

        line-height: 28px;

        max-width: 75%;
    }

    .applying .applying__content .hai-heading__global {
        margin: 62px auto 24px;

        max-width: 90%;
    }

    .looking {
        padding-bottom: 100px;
    }

    .looking .looking__list .looking__item {
        width: 265px;

        height: 400px;

        padding: 25px;
    }

    .looking .looking__list .row {
        flex-wrap: nowrap;
    }

    .looking .looking__list .looking__item .looking-heading {
        font-size: 30px;

        line-height: 36px;
    }

    .looking .looking__list .looking__item .looking-desc {
        font-size: 18px;

        line-height: 24px;
    }

    .looking .looking__list {
        overflow-x: auto;

        overflow-y: hidden;

        padding-top: 36px;

        margin-right: -18px;
    }

    .faq .faq__desc {
        max-width: 70%;

        margin: 36px auto 36px;

        font-size: 20px;

        line-height: 28px;
    }

    .faq .faq__list {
        max-width: 85%;
    }

    .contact .contact__img {
        display: none;
    }

    .contact .hai-heading__global {
        text-align: center;
    }

    .contact .contact__desc {
        text-align: center;

        font-size: 22px;

        line-height: 28px;
    }

    .faq__item .question {
        font-size: 24px;

        line-height: 28px;
    }

    .infor .infor__item,
    .tuition-aid .infor .infor__item:nth-child(odd),
    .tuition-aid .infor .infor__item:nth-child(even) {
        flex-direction: column;

        height: fit-content;
    }

    .infor .infor__item .infor__item--img {
        height: 300px;

        width: 100%;
    }

    .infor .infor__item .infor__content {
        width: 100%;

        padding: 52px 18px 58px;

        gap: 12px;
    }

    .infor .infor__item:nth-child(even) {
        flex-direction: column;
    }

    .infor .infor__item .infor__seemore {
        margin-top: 12px;
    }

    .infor .hai-heading__global {
        font-size: 36px;

        line-height: 46px;
    }

    .james__testimonial--slider {
        max-width: 50%;

        margin: 0 auto;
    }

    .james__testimonial .james__testimonial--slider .item {
        width: 314px;
    }

    .james__connect .james__connect--list {
        max-width: 80%;

        margin: 0 auto;
    }

    .happening__list>div>div:last-child {
        display: none;
    }

    .financial .financial__desc {
        font-size: 20px;

        line-height: 28px;

        max-width: 80%;

        margin: 0 auto;
    }

    .tuition-aid .james__touch {
        padding-bottom: 30px;

        padding-top: 0;
    }

    .tuition-aid .faq .faq__desc {
        max-width: 70%;
    }

    .tuition-aid .faq {
        padding-top: 100px;
    }

    .james__touch--img {
        display: none;
    }

    .james__connect .james__connect--line {
        display: none;
    }

    .choosing .hai-sub-heading__global {
        margin-bottom: 12px;
    }

    .communities .james__touch {
        padding-bottom: 20px;
    }

    .communities .infor {
        padding-top: 100px;
    }

    .become .hai-heading__global,
    .become .hai-sub-heading__global {
        text-align: center;
    }

    .become .become__desc {
        max-width: 80%;

        text-align: center;

        margin: 24px auto 24px;
    }

    .become .become__content {
        margin-bottom: 50px;
    }

    .become .happening__seemore {
        justify-content: center;
    }

    .become .become__list {
        max-width: 80%;

        margin: 0 auto;
    }

    .become .slick-dots {
        bottom: 15px;
    }

    .financial .financial__img {
        max-width: 80%;

        margin: 60px auto 30px;
    }

    .communities .james__testimonial {
        padding-top: 30px;
    }

    .james__touch.james__touch--whypage .title_block {
        margin-left: auto;

        margin-right: auto;
    }

    .financial .hai-heading__global {
        max-width: 90%;
    }

    .applying__breadcumb li:not(:nth-child(2)) {
        display: none;
    }

    .applying__breadcumb li img {
        transform: rotate(180deg);
    }

    /* sidebar */
    .row {
        justify-content: center;
    }

    .sidebar__maxwidth {
        max-width: 100%;
    }

    .sidebar {
        /* display: none; */

        height: fit-content;

        position: fixed;

        width: 100%;

        background-color: #fff;

        left: 0;

        z-index: 9;

        top: calc(100% - 66px);

        padding: 0;

        transition: all 0.3s linear;
    }

    .sidebar.active {
        top: calc(100% - 454px);
    }

    .sidebar .sidebar__sections {
        max-height: 220px;
        overflow-y: auto;
        /* border-top: 1px solid #e1e1de; */
    }

    .sidebar .sidebar__header--img img {
        transform: rotate(180deg);

        transition: all 0.3s linear;
    }

    .sidebar.active .sidebar__header--img img {
        transform: rotate(0deg);

        transition: all 0.3s linear;
    }

    .sidebar .sidebar__buttons {
        padding: 24px 32px 120px;

        background-color: #f4f4f4;
    }

    .sidebar__buttons--list {
        flex-direction: column;

        gap: 0px;
    }

    .sidebar__buttons .sidebar__buttons--link:not(:last-child) {
        margin-bottom: 24px;
    }

    .sidebar_nav {
        display: block;
    }

    .sidebar .sidebar__sections {
        padding: 16px 24px;

        margin: 0;
    }

    .sidebar .sidebar__sections--item:last-child a {
        /* margin-bottom: 0; */
    }

    .sidebar .sidebar__sections--item a {
        margin-bottom: 16px;
    }

    .sidebar .sidebar__header span {
        font-size: 28px;

        line-height: 32px;

        font-weight: 400;

        color: var(--primary-color);
    }

    /* content */

    .content__container {
        padding: 60px 0;
    }

    .content__container .content-title,
    .content__container h3 {
        font-size: 45px;

        line-height: 50px;
    }

    .content__container .content-sub-title,
    .content__container h4 {
        font-size: 28px;

        line-height: 32px;
    }

    .news-item {
        flex-direction: column;

        gap: 20px;
    }

    .news-item--img {
        width: 100%;
    }

    .news-list .news-item .news-item--img img {
        width: 100%;

        height: 308px;
    }

    .history .history__content {
        position: relative;

        top: unset;

        left: unset;

        opacity: 1;

        visibility: visible;

        margin-top: 0;

        padding: 0;

        width: 93%;

        margin-left: 24px;
    }

    .history .history__content .content {
        padding: 24px;
    }

    .history .history__content.active {
        margin-top: 24px;
    }

    .history .history__item .history__header:hover {
        background-color: #ceedf6;

        color: var(--primary-color);
    }

    .history .history__item:hover .dropdown {
        filter: unset;
    }

    .history .history__item .history__header.active {
        background-color: var(--primary-color);

        color: #fff;
    }

    .history .history__item .history__header.active .dropdown {
        filter: brightness(0) invert(1);
    }

    .admissions .content__container .content-title,
    .admissions .content__container h3 {
        text-align: center;

        margin: 0 auto 36px;
    }

    .admissions .team .content {
        max-width: 85%;

        margin: 0 auto;

        text-align: center;
    }

    .admissions .team .james__team .james_row {
        justify-content: center;
    }

    .admissions .social-group {
        justify-content: center;
    }

    .admissions .contact {
        padding-bottom: 0;
    }

    .admissions .amount {
        margin-top: 60px;
    }

    .admissions .content__container .james__team {
        max-width: 85%;

        margin: 0 auto;
    }

    .faculty__tab--list {
        max-width: 100%;

        overflow-x: auto;

        flex-wrap: nowrap;

        display: flex;
    }
}


@media screen and (max-width: 768px) {
    .hero .hero__banner {
        height: 320px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .breadcumb__global {
        border: none;

        padding-top: 12px;

        padding-left: 12px;

        position: initial;
    }

    .history {
        width: fit-content;

        margin: 36px auto;
    }

    .james__testimonial--line.show-tl {
        display: block;
    }

    .contact .contact__form {
        max-width: 80%;

        margin: 0 auto;
    }

    .seemore {
        justify-content: center;
    }

    #contact_form {
        text-align: center;
    }

    .choosing .choosing__content {
        max-width: 85%;
    }

    .amount .amount__item .number {
        font: 48px/60px 'garamond-premier-pro', serif;

        margin-bottom: 0;
    }

    .amount .amount__item .desc {
        font-size: 20px;

        line-height: 26px;

        max-width: 60%;

        margin: auto;
    }

    .amount .amount__item {
        margin-bottom: 40px;
    }

    .happening .happening__item {
        width: 100%;

        margin-bottom: 40px;
    }

    .happening .happening__list {
        max-width: 85%;

        margin: 0 auto;

        padding-bottom: 0px;
    }

    .happening {
        padding-bottom: 100px;
    }

    .infor .infor__item .infor__item--img {
        height: 314px;
    }

    .infor .infor__item .infor__content {
        gap: 20px;
    }

    .infor .infor__item .hai-heading__global {
        max-width: 70%;
    }

    .infor-img-dk {
        display: none;
    }

    .infor-img-tl {
        display: block;
    }

    .faq__item::after {
        top: 26px;
    }

    .content_text .j_fs-28 {
        overflow: hidden;

        display: -webkit-box;

        -webkit-line-clamp: 5;

        line-clamp: 5;

        -webkit-box-orient: vertical;

        height: 160px;
    }

    .james__testimonial .james__testimonial--slider .item .content_primary .content_text .j_author {
        height: 40px;
    }

    .choosing {
        /* padding: 100px 0 60px; */

        padding: 60px 0 60px;

        margin-top: 100px;
    }

    .happening .happening__item--title {
        font-weight: 600 !important;
    }

    .james__testimonial .sub_title {
        font-weight: 600;
    }

    .james__testimonial .james__testimonial--wrapper {
        margin-bottom: 40px;
    }

    .james__testimonial .james__testimonial--slider .slick-dots {
        margin-top: 30px;
    }

    .james__testimonial .testimonial--button {
        margin: 0 auto 60px;
    }

    .looking .hai-heading__global {
        max-width: 70%;
    }

    .faq .hai-heading__global {
        /* max-width: 60%; */
    }

    .faq .faq__desc {
        margin: 24px auto 48px;
    }

    .happening .hai-sub-heading__global {
        margin-bottom: 24px;
    }

    .james__testimonial {
        padding: 80px 0 40px;
    }

    .helping {
        padding: 60px 0;
    }

    .contact .contact__desc {
        margin: 18px 0 36px;
    }

    .james__connect .james__connect--list .james_col-4 {
        flex-shrink: 0;

        width: 50%;

        max-width: 50%;

        padding-right: 18px;

        padding-left: 18px;
    }

    .james__touch--form form .james_col-6 {
        flex-shrink: 0;

        width: 50%;

        max-width: 50%;

        padding-right: 18px;

        padding-left: 18px;
    }

    .james__touch .james__touch--form .checkbox_group label {
        text-align: left;
    }

    .tuition-aid .financial .financial__img {
        margin-bottom: 0;
    }

    .infor .infor__content--text {
        max-width: 70%;
    }

    .james__touch {
        padding: 0px 0 50px;
    }

    .tuition-aid .financial {
        margin-top: 100px;
    }
}

@media screen and (max-width: 576px) {

    /* .a#back-to-top {

        bottom: 80px;

        right: 20px;

    } */
    /* sidebar */
    .sidebar.active {
        top: calc(100% - 504px);
    }




    .breadcumb__global {
        border: none;

        position: initial;
    }

    .hai-heading__global {
        font-size: 36px;

        line-height: 42px;

        font-weight: 400;
    }

    .hai-heading__global br {
        display: none;
    }



    .hero .hero__banner {
        height: auto;
    }

    .hero .hero__banner-dk {
        display: none;
    }

    .hero__banner-tl {
        display: none;
    }

    .hero .hero__banner-mb {
        display: block;
    }

    .hero .hero__content .hero__heading {
        font-size: 48px;

        line-height: 52px;
    }

    .tuition-aid .hero .hero__content .hero__heading {
        /* white-space: nowrap; */
    }

    .applying {
        padding: 18px 0 80px;
    }

    .looking .looking__list .looking__item .looking-heading {
        font-size: 30px;

        line-height: 32px;
    }

    .looking .looking__list .looking__item .looking-desc {
        font-size: 16px;

        line-height: 22px;
    }

    .faq {
        padding-bottom: 0px;
    }

    .faq .faq__desc {
        font-size: 18px;

        line-height: 26px;
    }

    .faq__item .question {
        font-size: 24px;

        line-height: 28px;
    }

    .faq__header {
        padding: 12px 0;
    }

    .faq__item {
        margin-bottom: 0;
    }

    .faq__item::after {
        top: 24px;
    }

    .faq__content.active {
        margin-bottom: 20px;
    }

    .contact .contact__img {
        display: none;
    }

    .contact .hai-heading__global {
        text-align: center;

        margin: 0 auto;
    }

    .contact .contact__desc {
        font-size: 18px;

        line-height: 26px;

        text-align: center;

        max-width: 70%;

        margin: 12px auto 43px;
    }

    .contact .list-checkbox {
        padding-left: 40px;
    }

    .contact .list-input {
        max-width: 70%;

        margin: auto;
    }

    .choosing {
        padding: 52px 0 42px;
    }

    .amount .amount__item .number {
        font: 48px/60px 'garamond-premier-pro', serif;

        -webkit-font: 48px/60px 'garamond-premier-pro', serif;

        -moz-font: 48px/60px 'garamond-premier-pro', serif;

        -ms-font: 48px/60px 'garamond-premier-pro', serif;

        -o-font: 48px/60px 'garamond-premier-pro', serif;
    }

    .amount .amount__item .desc {
        font-size: 20px;

        line-height: 26px;
    }

    .amount .amount__item {
        margin-bottom: 36px;
    }

    .amount {
        padding-bottom: 74px;
    }

    .happening {
        padding-bottom: 100px;
    }

    .happening .happening__item {
        max-width: 85%;

        margin: 0 auto 36px;
    }

    .happening .happening__list {
        padding: 60px 0 16px;
    }

    .helping {
        padding: 60px 0;
    }

    .seemore {
        justify-content: center;
    }

    .contact .contact__form form {
        text-align: center;
    }

    .contact .contact__form button {
        padding: 10px 40px;

        border-radius: 0;
    }

    .financial .financial__desc {
        font-size: 18px;

        line-height: 26px;

        max-width: 100%;
    }

    .financial .hai-heading__global {
        margin: 24px 0 24px;
    }

    .tuition-aid .infor .infor__item:nth-child(odd) {
        flex-direction: column;
    }

    .tuition-aid .infor .infor__item:nth-child(even) {
        flex-direction: column;
    }

    .tuition-aid .infor .hai-heading__global {
        font-size: 36px;

        line-height: 40px;
    }

    .tuition-aid .faq {
        padding-top: 100px;
    }

    .tuition-aid .faq .faq__desc {
        max-width: 100%;
    }

    .applying .applying__content .hai-heading__global {
        margin: 62px 0 24px;
    }

    .financial .financial__img {
        margin: 24px 0 0;
    }

    .financial button {
        margin-top: 0;
    }

    .faq .faq__desc {
        margin: 24px 0 36px;
    }

    .become {
        padding: 100px 0;
    }

    .become .hai-heading__global,
    .become .hai-sub-heading__global {
        text-align: center;
    }

    .become .happening__seemore {
        justify-content: center;
    }

    .become .become__desc {
        margin: 24px 0 30px;

        text-align: center;
    }

    .become .become__content {
        margin-bottom: 54px;
    }

    .become .slick-dots {
        bottom: 10px;
    }

    .become .slick-dots li button {
        width: 8px;

        height: 8px;
    }

    .communities .financial {
        padding-bottom: 48px;
    }

    .financial .financial__logo {
        margin-bottom: 24px;
    }

    .financial__social--text {
        font-size: 20px;

        line-height: 26px;
    }

    .contact .contact__form .btn-submit {
        margin: 30px auto;

        padding: 12px 40px;
    }

    .applying .applying__content--desc {
        font-size: 18px;

        line-height: 28px;

        max-width: 100%;
    }

    .applying .applying__content .hai-heading__global {
        margin: 48px auto 24px;
    }

    .faq .hai-heading__global {
        max-width: 90%;
    }

    .looking {
        padding-bottom: 80px;
    }

    .faq .faq__desc {
        max-width: 100%;
    }

    .faq .faq__list {
        max-width: 100%;
    }

    .james__testimonial--slider {
        max-width: 90%;
    }

    .tuition-aid .applying {
        padding: 18px 0 60px;
    }

    .james__touch--form {
        text-align: center;
    }

    .james__touch .james__touch--form .checkbox_group label {
        text-align: left;
    }

    .happening .happening__item--img img {
        height: 360px;
    }

    .tuition-aid .faq {
        padding: 80px 0;
    }

    .james__touch .j_description {
        max-width: 80%;

        margin: 0 auto 36px;
    }

    .tuition-aid .james__touch {
        padding-bottom: 80px;
    }

    .tuition-aid .financial {
        padding-bottom: 48px;
    }

    .james__testimonial .testimonial--button {
        margin-bottom: 40px;
    }

    .content_text .j_fs-28 {
        overflow: hidden;

        display: -webkit-box;

        -webkit-line-clamp: 5;

        line-clamp: 5;

        -webkit-box-orient: vertical;

        height: 160px;
    }

    .james__testimonial .james__testimonial--slider .item .content_primary .content_text .j_author {
        height: 40px;
    }

    .financial .financial__img {
        max-width: 100%;
    }

    .communities .applying {
        padding-bottom: 40px;
    }

    .communities .infor {
        padding-top: 60px;
    }

    .become .become__list {
        max-width: 100%;
    }

    .james__connect .james__connect--list {
        max-width: 100%;

        margin: 0 auto;
    }

    /* major */

    .content__container {
        padding: 40px 0 0;
    }

    .content__container .content-title,
    .content__container h3 {
        font-size: 34px;

        line-height: 40px;

        max-width: 100%;

        margin-bottom: 24px;
    }

    div.content__container .content-title,
    div.content__container h3 {
        max-width: 90%;
    }

    .card_member {
        flex-direction: column;

        gap: 24px;
    }

    .card_member .card_member--content {
        text-align: center;
    }

    .academic__item {
        flex-direction: column;
    }

    .academy__item--content .desc {
        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 4;

        overflow: hidden;
    }

    .academic__item--img img {
        width: 100%;

        height: 308px;
    }

    /* the slides */

    .academic__list .slick-slide {
        margin: 0 15px;
    }

    /* the parent */

    .academic__list .slick-list {
        margin: 0 -15px;
    }

    .fs-22 {
        font-size: 20px;
    }

    .content ul {
        padding-left: 24px;
    }

    .content .table {
        max-width: 100%;

        overflow-x: auto;
    }

    .content__container .content-sub-title,
    .content__container h4 {
        max-width: 100%;

        margin: 24px 0 12px;
    }

    .area-tabs nav .tab-link {
        padding: 6px 0;
    }

    .area-tabs nav .tab-link.active::after {
        bottom: 0;
    }

    .area-tabs {
        margin-top: 0;
    }

    .area-tabs nav {
        gap: 6px 24px;

        padding: 0;
    }

    .faculty__item {
        flex-direction: column;
    }

    .faculty__item .faculty__item--img img {
        width: 100%;

        height: 300px;
    }

    .faculty__item {
        gap: 24px;
    }

    .faculty__item .faculty__item--content .desc {
        -webkit-line-clamp: 4;

        line-clamp: 4;
    }

    .faculty__tab {
        padding: 0;
    }

    .academic__item.custome .desc {
        -webkit-line-clamp: 4;

        line-clamp: 4;
    }

    .tag__container .name {
        font-size: 24px;

        line-height: 28px;

        margin: 24px 0;
    }

    .tag__container ul li a {
        font-size: 14px;

        line-height: 22px;

        padding: 12px 20px;
    }

    .tag__container {
        padding-bottom: 36px;
    }

    .publication__item .name {
        font-size: 24px;

        line-height: 28px;
    }

    .publication__item .desc a,
    .publication__item .desc {
        font-size: 16px;

        line-height: 22px;
    }

    .news-item .desc a {
        -webkit-line-clamp: 4;

        line-clamp: 4;

        line-height: 28px;
    }

    .admissions .content__container .james__team,
    .admissions .team .content {
        max-width: 100%;

        margin: 0 auto;

        position: relative;
    }

    .social-group span {
        font-size: 20px;

        line-height: 26px;
    }

    .admissions .amount {
        margin-top: 120px;
    }

    .admissions .james__team--list .james_col-3:nth-child(5),
    .admissions .james__team--list .james_col-3:nth-child(6),
    .admissions .james__team--list .james_col-3:nth-child(7),
    .admissions .james__team--list .james_col-3:nth-child(8) {
        display: block;
    }

    .admissions .team .james__team .james__team--list .james_row {
        display: grid;

        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;

        grid-gap: 0 24px;

        max-width: 100%;

        width: 100%;

        overflow-x: auto;

        overflow-y: hidden;

        margin: 0;

        justify-content: flex-start;

        padding-right: 40px;
    }

    .admissions .james__team--list {
        padding: 0;
    }

    .admissions .team .james__team .james__team--list .james_row>div {
        width: 116px;

        padding: 0;
    }

    .admissions .content__container .james__team::after {
        background: linear-gradient(90deg,
                rgba(255, 255, 255, 0) 0%,

                rgba(255, 255, 255, 1) 100%);

        content: '';

        display: block;

        position: absolute;

        top: 0;

        right: 0;

        width: 60px;

        z-index: 10;

        height: 100%;
    }

    .admissions .content__container .content-title,
    .admissions .content__container h3 {
        text-align: center;

        margin: 0 auto 24px;
    }


    .see-more .j_btn-explore {
        margin: 24px auto 0;
    }
}

.wp-pagenavi {
    text-align: center;

    font-variant-numeric: diagonal-fractions;
}

.wp-pagenavi a,
.wp-pagenavi span {
    border: 0;

    color: #8a8a8a;

    position: relative;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
    border: 0;

    color: var(--primary-color);
}

.nextpostslink::after {
    position: absolute;

    content: '';

    width: 7px;

    height: 7px;

    border-top: 2px solid #8a8a8a;

    border-right: 2px solid #8a8a8a;

    right: -12px;

    top: 11px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;
}

.previouspostslink::after {
    position: absolute;

    content: '';

    width: 7px;

    height: 7px;

    border-top: 2px solid #8a8a8a;

    border-right: 2px solid #8a8a8a;

    left: -12px;

    top: 11px;

    transform: rotate(-135deg);

    -webkit-transform: rotate(-135deg);

    -moz-transform: rotate(-135deg);

    -ms-transform: rotate(-135deg);

    -o-transform: rotate(-135deg);

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;
}