:root {
    /* Colors */
    --bg-color: #ffffff;
    --text-color: #0c0c0c;
    --accent-color: #f8f9fa;
    --border-color: #f0f0f0;
    --primary-color: #0047B3;
    --secondary-color: #666666;
    --third-color: #eb611e;
    --notice-color:#f1ffbd;
    --accent-color: #F1230C;
    --white: #ffffff;
    --gradient-color: linear-gradient(90deg,
            #F00C0C 0%,
            #F47B0B 100%);
    --gradient-color-top-down: linear-gradient(180deg,
            #F00C0C 0%,
            #F47B0B 100%);
    --gradient-button:linear-gradient(0deg, #ff9700 0%, rgba(251, 75, 2, 1) 100%);
    --gradient-hover-button:linear-gradient(0deg, #0d6efd 0%, #0048b3 100%);
    /* Layout */
    /* --container-max-width: 87.5vw; */
    --container-max-width: 1140px;
    --header-logo-height: 70px;
    --header-scrolled-padding: 0;
    --header-container:95vw;

    /* Spacing */
    --section-spacing: 60px;
    --title-margin-bottom: 30px;
    --item-spacing: 50px;
    --grid-gap: 3rem;
    --news-grid-gap: 20px;

    /* Typography */
    --font-main: 'Google Sans Flex', sans-serif;

    --letter-spacing-main: -0.01em;
    --letter-spacing-tight: -0.04em;
    --letter-spacing-heading: 0.1rem;

    /* Transitions & Effects */
    --transition-base: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(255, 255, 255, 0.3);
    --shadow-soft: 0 10px 30px -10px rgba(0, 0, 0, 0.08);
    --shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
    --radius-soft: 2px;

    /* Partner Logos */
    --partner-logo-height: 100px;
    --partner-logo-max-width: 200px;
    --partner-logo-grayscale: 100%;
    --partner-logo-opacity: 0.5;
    /* Custom form */
    --wpforms-button-background-color:#eb611e!important;
    --wpforms-button-size-margin-top: 24px!important;
}
html{
    height: 100vh;
    background: var(--third-color);
}
.qwigley-regular {
  font-family: "Qwigley", cursive;
  font-weight:500;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
}

body {
    line-height: 1.2;
    scroll-behavior: smooth;
}
body:-webkit-full-page-media {
    background-color: var(--third-color);
}
p{
    margin-bottom: 20px;
}
h1,
h2.title-category {
    font-size: 42px;
}

h2 {
    font-size: 38px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 20px;
}
.entry-content h4,.entry-content h3,.bg-content-post h3,.bg-content-post h4,.bg-content-post h2{
    margin-bottom: 20px;
    margin-top: 20px;
}

ul {
    padding-inline: 1.2rem;
    padding-right: 0;
}
ol{
    padding-left: 20px;
}
ol,
ul {
    margin-top: .5rem
}

img {
    max-width: 100%;
    height: auto;
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
    font-family: var(--font-main);
    -webkit-font-smoothing: antialiased;
}
b, strong{
    font-weight: 600;
}
main li,
body li {
    margin-bottom: .5rem;
}
.card{
    color: inherit;
}
/* Screen Reader Text */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

a {
    text-decoration: none;
    transition: var(--transition-base);
}
a.color-inherit{
    color: inherit;
}
footer a,
header a {
    color: inherit;
}

.container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0;
}

.max-w-50-container {
    max-width: calc(var(--container-max-width) / 2);
}
.box-shadow{
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.15);
}
.box-shadow-program{
    box-shadow: 0 5px 32px 0px rgba(0, 0, 0, .15);
    padding: 24px;
    border-radius: 24px;
    padding-bottom: 1px;
    margin-bottom: 30px;
}
.flex-content-border{
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}
.flex-content-border > div{
    border-right: 1px solid #b1abab;
    padding-right: 10px;
    flex: 1;
}
.flex-content-border > :last-child{
    border-right: 0;
    padding-right: 0px;
}
.text-justify,.sish-modal-bio{
    text-align: justify;
}
.site-header {

    /*     background: var(--third-color); */
    transition: var(--transition-base);
    position: sticky;
    top: 0;
    z-index: 99;
    background: white;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.site-header.scrolled {
    background: transparent;
}

.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: var(--header-container);
    padding: 0;
    /* box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    background: white; */
    /* position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 10001;
    transition: var(--transition-smooth); */
}

/* .header-not-fixed .header-container {
    position: sticky;
} */
/* .header-not-fixed .site-header.scrolled .header-container{
    position: absolute;
} */
.header-left {
    transition: var(--transition-smooth);
}

.site-header.scrolled .header-left {
    opacity: 0;
    pointer-events: none;
}
.header-container {
    opacity: 1;
    visibility: visible;
}

.header-container.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
/* .header-not-fixed .site-header.scrolled .header-right {
    position: fixed;
    top: 15px;
    right: max(0px, calc(50vw - (var(--container-max-width) / 2) - 7px));
    z-index: 10002;
}

.header-not-fixed .site-header.scrolled .menu-secondary {
    top: 60px;
} */

.header-right {
    display: flex;
    align-items: center;
    gap: 15px;
    /* background: white; */
    /* padding: 5px 10px 5px 20px; */
    /* border-radius: 24px;
    box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.25);
    transition: var(--transition-smooth); */
    /* fixed by default */
    /* position: fixed;
    right: max(0px, calc(50vw - (var(--container-max-width) / 2) - 7px));
    z-index: 10002;
    transform: translateY(0); */
}
/* .site-header.scrolled .header-right {
    transform: translateY(0);
} */

.header-right.haslogo {
    padding: 0 26px 0 17px;
}

.header-right.haslogo .site-logo {
    margin-right: 15px;
}

.btn-enquiry {
    border-radius: 24px;
    padding: 5px 20px;
    transition: var(--transition-base);
    background: var(--gradient-button);
    color: white;
    cursor: pointer;
    border: none;
    background: var(--gradient-button);
    transition: none;
}
.btn-enquiry:hover,.header-right .btn-enquiry:hover {
    background: var(--gradient-hover-button);
    color: white;
}
.header-container .btn-enquiry i{
    margin-right: 15px;
    font-size: 18px;
}
.header-container .btn-enquiry{
    padding: 7px 20px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.header-container .btn-enquiry.show-tablet{
    display: none;
}
.header-container .btn-enquiry a:hover{
    color: var(--third-color);
}
.btn-arrow {
    background-color: var(--third-color);
    transition: var(--transition-base);
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.btn-arrow:hover {
    background-color: var(--primary-color);
    color: white;
}
.btn-download-file{
    border-radius: 12px;
    padding: 12px 15px;
    background: var(--notice-color);
    color: var(--text-color);
    line-height: 1;
}
.btn-download-file:hover{
    background: var(--third-color);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}
/* .site-logo{
    padding-top: 10px;
} */
.site-logo img {
    display: block;
    max-height: var(--header-logo-height);
    width: auto;
}

.site-title {

    font-weight: 600;
    letter-spacing: -0.02em;
    text-transform: uppercase;
}

.min-h-200 {
    min-height: 0;
    align-content: center;
    padding-top: 48px;
}
.bg-gradient-mesh{
    /* position: relative;
    overflow: hidden;
    isolation: isolate;
    background: #f1ffbd;
    background: linear-gradient(90deg, #ff9700 0%, rgba(251, 75, 2, 1) 100%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top:85px; *
    --blur-bg:linear-gradient(135deg, #ff9700 0%,#ff9700 33%, rgba(241, 255, 189, 0) 100%); */
    text-align: center;
}   
 .bg-gradient-mesh h1,.bg-gradient-mesh h2{
    position: relative;
    z-index: 2;
    text-transform: capitalize;
 }
.bg-breadcrumb{
    background: var(--notice-color);
    padding-top: 1rem;
    padding-bottom: 8px;
}
.bg-breadcrumb .breadcrumb{
    margin: 0;
}
.bg-breadcrumb .container{
    max-width: var(--header-container);
}
.breadcrumb-item+.breadcrumb-item::before {
    content: ">";
    font-weight: normal;
}

.breadcrumb-item+.breadcrumb-item {
    padding-right: 10px;
    padding-left: 0;
}

ol .breadcrumb-item:first-child {
    padding-right: .5rem;
}

/* Main Navigation */
.main-navigation ul {
    list-style: none;
    display: flex;
    gap: 15px;
    margin: 0;
    padding: 0;
    /* text-transform: uppercase; */
}

.main-navigation ul li a {
    text-decoration: none;
    font-weight: 600;
    /* text-transform: uppercase; */
    color: var(--primary-color);
    position: relative;
}
.main-navigation ul li:hover,.main-navigation ul li:hover a {
    color: var(--third-color);
}
/* Submenu / Dropdown Styles */
.main-navigation ul li,
.menu-secondary ul li {
    position: relative;
    cursor: pointer;
}

.main-navigation .menu li ul li {
    padding: 5px;
}
.main-navigation .menu li ul li a{
    background: rgba(255, 255, 255, .18);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 20px;
}
.main-navigation .menu li {
    padding: 30px 0;
    margin-bottom: 0;
    line-height: normal;
    color: var(--primary-color);
}
.main-navigation .sub-menu {
    background: var(--primary-color);
    background-clip: padding-box;
    border-left: 1px solid var(--primary-color);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.main-navigation ul .sub-menu {
    position: absolute;
    top: -8px;
    left: calc(100%);
    z-index: 1000;
    display: flex;
    min-width: 15em;
    width: max-content;
    max-width: 320px;
    padding: 0.5rem 0;
    margin: 0;
    color: var(--white);
    text-align: left;
    list-style: none;
    flex-direction: column;
    gap: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.main-navigation ul#primary-menu > li > .sub-menu{
    top:calc(100%);
    left: unset;
}
/* Secondary Menu Sub-menu: Fly-out to the left */
.menu-secondary ul .sub-menu {
    position: absolute;
    top: -7px;
    right: 100%;
    left: auto;
    z-index: 1000;
    display: flex;
    min-width: 300px;
    /* background: #e2eeff; */
    background-color: #0048b3;
    padding: 7px;
    border-radius: 24px;
    box-shadow: 0 5px 20px rgb(22 27 74 / 50%);
    flex-direction: column;
    opacity: 0;
    transform: translateX(-10px);
    /* Start from left to avoid overlapping parent */
    transition: opacity .3s ease, transform .3s ease;
    pointer-events: auto;
    visibility: hidden;
    list-style: none;
    /* Prevent invisible menu from catching hover */
}
.menu-secondary ul li {
    padding: 0;
    font-weight: 500;
    margin-bottom: 0;
    color: white;
    background: rgba(255, 255, 255, .18);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 20px;
    margin-bottom: 10px;
}
.menu-secondary ul li:last-child{
    margin-bottom: 0;
}
.menu-secondary li.menu-item-has-children::after {
    content: "";
    position: absolute;
    top: 0;
    right: -24px;     /* khoảng hở */
    width: 24px;
    height: 100%;
    background: transparent;
}
/* Hover bridge to prevent losing hover between parent and sub-menu */
.menu-secondary ul .sub-menu::after {
    content: '';
    position: absolute;
    top: 0;
    right: -20px;
    width: 20px;
    height: 100%;
}
.menu-secondary ul#secondary-menu > li:hover > a{
    transform: translateX(10px);
}
.menu-secondary ul li:hover{
    border-color: white;
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
}
.menu-secondary ul li:hover::before{
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: 7px;
    top: 13px;
    background-color: #fdf300;
    border-radius: 50%;
}
.menu-secondary ul li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.main-navigation ul li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    display: block;
}

.main-navigation ul .sub-menu li {
    width: 100%;
}

.main-navigation ul .sub-menu li a {
    display: block;
    width: 100%;
    padding: 10px 12px;
    clear: both;
    color: white;
    text-align: inherit;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    transition: background-color 0.15s ease-in-out;
    text-transform: none;
    letter-spacing: normal;
    
}
.main-navigation ul .sub-menu li:hover > a{
    color: var(--third-color);
}
.main-navigation ul .sub-menu li a:after {
    display: none;
}

/* Nếu bị tràn thì mở sang trái */
 .menu-secondary ul .sub-menu.open-left {
    top: -120px !important;
    right: -18px;
} 
/* Mega Menu Grid Layout */
#menu-secondary{
    display: none;
}
.menu-secondary {
    position: absolute;
    border-radius: 24px;
    /* background-color: #e2eeff; */
    background-color: #0048b3;
    padding: 6px;
    top: 70px;
    right: 0;
    width: 100%;
    max-width: 320px;
    min-width: 320px;
    box-shadow: 0 5px 20px rgb(22 27 74 / 50%);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    display: none;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.menu-secondary a {
    /* border-bottom: 1px solid #e2eeff; */
    display: block;
    cursor: pointer;
    color: white;
    padding: 10px 15px;
}
.menu-secondary li:hover>a {
    color: #fdf300;
    /* border-bottom: 1px solid var(--third-color); */
}
.menu-secondary a:not([href]):not([class]):hover{
    color: #fdf300;
}
.menu-secondary.toggled {
    opacity: 1;
    visibility: visible;
    display: block;
}

#secondary-menu, #menu-mobile {
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

#secondary-menu>li {
    display: flex;
    flex-direction: column;
}

#secondary-menu>li>a::before {
    display: none;
    /* Remove previous bullet */
}

/* Submenu Columns */
#secondary-menu .sub-menu {
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    padding-inline: 7px;
}
#secondary-menu .sub-menu::-webkit-scrollbar,.submenu-scroll::-webkit-scrollbar{
    display: none;
}
.menu-toggle {
    background: none;
    border: none;
    cursor: pointer;
    z-index: 1001;
    position: relative;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hamburger-box {
    width: 24px;
    height: 20px;
    display: inline-block;
    position: relative;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 24px;
    height: 2px;
    background-color: var(--third-color);
    position: absolute;
    left: 0;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.hamburger-inner {
    top: 50%;
    transform: translateY(-50%);
}

.hamburger-inner::before {
    content: '';
    top: -8px;
}

.hamburger-inner::after {
    content: '';
    top: 8px;
}

.menu-toggle[aria-expanded="true"] .hamburger-inner {
    background-color: transparent;
}

.menu-toggle[aria-expanded="true"] .hamburger-inner::before {
    transform: translateY(8px) rotate(45deg);
}

.menu-toggle[aria-expanded="true"] .hamburger-inner::after {
    transform: translateY(-8px) rotate(-45deg);
}

.lang-switcher {
    margin-left: 1.5rem;
}

.polylang-list {
    list-style: none;
    display: flex;
    gap: 12px;
    margin: 0;
    padding: 0;
}

.polylang-list li a {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-color);
    padding: 6px 12px;
    border: 1px solid var(--border-color);
    border-radius: 20px;
    transition: var(--transition-base);
}

.polylang-list li.current-lang a {
    background: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
    text-decoration: none;
}

.polylang-list li img {
    width: 18px;
    height: auto;
    border-radius: 2px;
}

.site-title {

    font-weight: 600;
    letter-spacing: -0.02em;
    text-transform: uppercase;
}

article {
    margin-bottom: calc(var(--section-spacing) + 10px);
}

.post-meta {
    font-size: 0.875rem;
    color: var(--secondary-color);
    margin-bottom: 1rem;
}
.menu-mobile{
    display: none;
}
.menu-mobile > ul{
    list-style: none;
    padding-inline: 0;
    margin-bottom: 0;
}
.menu-mobile .sub-menu{
    margin-top: 0;
}
.menu-mobile li:hover>a{
    transform: translateX(10px);
}
.menu-mobile a.show + .sub-menu a[href] + .sub-menu,.menu-mobile li:hover>a + .sub-menu a[href] + .sub-menu{
    visibility: visible;
    opacity: 1;
    display: block;
    transition: none;
}
/* Home Page Sections */
section {
    padding-bottom: var(--section-spacing);
}

.section-title h2 {
    text-transform: capitalize;
}
.section-title h2 .qwigley-regular{
    font-size: 70px;
    line-height: 1;
}
/* Banner - Always Fullwidth */
.banner-slider .slide-item{
    visibility: hidden;
}
.banner-slider .slide-item:first-child{
    visibility: visible;
}
.banner-slider.slick-slider .slide-item{
    visibility: visible;
}
.slide-item {
    /* 1920x766 ratio */
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.banner-img {
    width: 100vw;
    height: 40vw;
    object-fit: cover;
}

.slide-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.slide-content {
    position: relative;
    z-index: 1;
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 3rem 4rem;
    border-radius: 2px;
    border: 1px solid var(--glass-border);
    box-shadow: var(--shadow-glass);
    color: var(--text-color);
}

.slide-content h1 {

    font-weight: 600;
    letter-spacing: var(--letter-spacing-tight);
    margin-bottom: 0.5rem;
}

.slide-content p {

    font-weight: 300;
    color: var(--secondary-color);
}

.btn-accent {
    background-color: var(--accent-color);
    color: var(--white);
    padding: 15px 25px;
}

.btn-primary {
    background:var(--gradient-button);
    color: var(--white);
    padding: 15px 25px;
    cursor: pointer;
}

.btn-primary:hover {
    background: var(--gradient-hover-button);
}

/* Single Posts */
.singular-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
}

.article-single-post .entry-title {
    font-weight: 300;
    color: var(--text-color);
    margin-bottom: 2rem;
}

.article-single-post .entry-content {
    margin: 0 auto;
}

.article-single-post .entry-content .bg-content-post {
    border-radius: 0;
    background: white;
    padding: 0;
}

.article-single-post .title-post {
    color: var(--text-color);
    font-size: 36px;
    border-left: 4px solid var(--third-color);
    padding-left: 10px;
    margin-bottom: 2rem;
    position: relative;

}

.article-single-post .title-post::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 1;
    animation: animate-title-post 0.5s ease-in-out forwards;
}
.article-single-post .entry-content h2{
    font-size: 24px;
    text-transform: capitalize;
}
.article-single-post .entry-content p{
    text-align: justify;
}
@keyframes animate-title-post {
    0% {
        width: 100%;
    }

    100% {
        width: 0;
    }
}

@keyframes fade-down {
    0% {
        transform: translateY(-10px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.fade-down {
    animation: fade-down 1s ease-in-out forwards;
    opacity: 0;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-timing-function: ease-in-out;
    animation-duration: 0.5s;
    animation-play-state: running;
    animation-name: fade-down;
}

.article-sidebar {
    position: sticky;
    top: 90px;
    padding-left: 30px;
    padding-top: 0;
    margin-top: 55px;
}

.article-sidebar .widget-title {
    color: var(--third-color);
    border-bottom: 2px solid var(--third-color);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.article-sidebar .img-thumbnail {
    border-radius: 0;
    padding: 0;
    border:0;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.article-sidebar .left .img-thumbnail{
    object-position: left;
}
.article-sidebar .right .img-thumbnail{
    object-position: right;
}
.article-sidebar .limit-2line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.article-sidebar .limit-2line:hover {
    color: var(--primary-color);

}

.article-sidebar .img-thumbnail-wrapper {
    width: 85px;
    height: 70px;
    overflow: hidden;
    border-radius: 12px;
    flex-shrink: 0;
}
.article-sidebar ul.list-unstyled{
    padding-inline: 0;
}
.recent-posts li {
    margin-bottom: 15px;
}

.recent-posts li:last-child,.custom-heading p:last-child {
    margin-bottom: 0;
}

.recent-posts a {
    color: inherit;
}

/* Slick Dots Styling */
.slick-dots {
    bottom: -30px;
}

.slick-dots li button:before {
    color: black;
    border-radius: 20px;
    font-size: 0;
    opacity: 0.2;
    background: var(--third-color);
}
.slick-dots li button:before,.slick-dots li button,.slick-dots li{
    width: 30px;
    height: 4px;
}
.slick-dots li.slick-active button:before {
    color: var(--third-color);
    opacity: 1;
}
.slick-dots li:nth-child(n) button:before{
    background: var(--third-color);
}
.slick-dots li:nth-child(2n) button:before{
    background: var(--primary-color);
}
.slick-dots li:nth-child(3n) button:before{
    background: var(--accent-color);
}
/* Courses Grid Section */
.higher-ed-hero{
    padding-top: var(--section-spacing);
    clip-path: ellipse(2560px 94% at 50% 5%);
    padding-bottom: calc(var(--section-spacing) * 2);
}
.courses-list {
    /* padding-top: calc(var(--section-spacing) + 20px); */
    /* padding-bottom: var(--section-spacing); */
}
.courses-list .grid-two-video{
    display: flex;
    gap: 40px;
    justify-content: center;
    align-items: center;
}
.courses-list .grid-two-video .video-wrapper{
    aspect-ratio: 1/1;
    max-height: 70vh;
}
.courses-list .grid-two-video .video-popular{
    width: 100%;
    display: inline-flex;
    justify-content: center;
}
.courses-list .grid-two-video .content-video{
    max-width: 570px;
}
.category-section {
    /* display: flex; */
    gap: 10px;
    /* margin-top: 50px; */
    align-items: center;
}

.category-grid {
    flex: 1;
    display: grid;
    /* grid-template-columns: repeat(3, 1fr); */
    gap:20px;
}
.courses-list .grid-two-video .category-grid{
    max-width: 400px;
    margin: auto;
    padding-bottom: var(--section-spacing);
}
.category-item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 7px 15px;
    border-radius: 50px;
    text-decoration: none;
    color: var(--text-color);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    font-weight: 600;
    min-height: 50px;
}
.category-item span{
    /* overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical; */
}
.category-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
    color: inherit;
}

.category-icon {
    width: 50px;
    height: 50px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.75);
    /* display: none; */
}

/* Per-category color themes — SISH Programmes */
.cat-adv-diploma {
    background-color: #f0f4ff;
    border: 1px solid #d3defc;
}

.cat-adv-diploma .category-icon {
    color: #6366f1;
}

.cat-bachelor {
    background-color: #eef9ff;
    border: 1px solid #c5e7fa;
}

.cat-bachelor .category-icon {
    color: #0284c7;
}

.cat-certificate {
    background-color: #fffbeb;
    border: 1px solid #f8edc2;
}

.cat-certificate .category-icon {
    color: #d97706;
}

.cat-english-language-course {
    background-color: #eef6ff;
    border: 1px solid #bddbfd;
}

.cat-english-language-course .category-icon {
    color: #AA0026;
}

.cat-diploma {
    background-color: #f0fdf4;
    border: 1px solid #b6ffcc;
}

.cat-diploma .category-icon {
    color: #16a34a;
}

.cat-higher-diploma {
    background-color: #fdf4ff;
    border: 1px solid #f2bffd;
}

.cat-higher-diploma .category-icon {
    color: #9333ea;
}

.cat-mba {
    background-color: #fff7ee;
    border: 1px solid #ffd3a1;
}

.cat-mba .category-icon {
    color: #ea580c;
}

.cat-postgrad {
    background-color: #e0f9ff;
    border: 1px solid #99e9fd;
}

.cat-postgrad .category-icon {
    color: #0891b2;
}

.cat-short {
    background-color: #fff0f2;
    border: 1px solid #fab3bc;
}

.cat-short .category-icon {
    color: #e11d48;
}
.cat-year-red{
    background-color: #FE6347;
    color: white;
}
.cat-year-blue{
    background-color: var(--primary-color);
    color: white;
}

.cat-year-yellow{
    background-color: #F59400;
    color: white;
}
.category-grid-three .category-item:hover{
    color:white;
}
/* View All column */
.category-view-all {
    flex-shrink: 0;
    width: 310px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    transition: all 0.5s ease;
}

.category-view-all:hover {
    transform: scale(1.05);
}

.view-all-decoration {
    position: absolute;
    z-index: 2;
    bottom: 60px;
    left: 150px;
    color: white;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.category-view-all:hover .view-all-decoration {
    color: var(--primary-color);
}

.cap-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


.view-all-btn i {
    font-size: 14px;
}

/* News & Events Section */

.news-section-header {
    margin-bottom: 40px;
}

.news-title {
    font-size: 36px;
    font-weight: 800;
    color: #111a24;
    margin-bottom: 10px;
}

.news-title-underline {
    width: 120px;
    height: 12px;
    margin: 0 auto;
}

.news-title-underline svg {
    width: 100%;
    height: 100%;
}

.news-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-top: 30px;
}

.news-card {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: transform 0.5s ease;
    padding: 3px;
    border-radius: 24px;
    position: relative;
    /* border: 2px solid white; */
    /* background: white; */
    background: linear-gradient(to right, #F9DF7B, #ffdb4c, #F9DF7B, #F9DF7B, #F9DF7B, #ffdb4c, #F9DF7B);
    /* box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); */
    /* box-shadow: var(--box-bg); */
}

.news-card-img-link {
    display: block;
    border-radius: 22px 22px 0 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.news-card-img {
    position: relative;
    z-index: 1;
}

.news-card-img img {
    width: 100%;
    height: 275px;
    object-fit: cover;
}

.news-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

.news-card-body {
    display: flex;
    flex-direction: column;
    gap: 25px;
    background: white;
    padding: 24px 16px;
    border-radius:0 0 22px 22px;
}

.news-card-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #888;
}

.news-card-cat {
    color: #888;
}

.news-card-meta-dot {
    font-size: 8px;
}

.news-card-title {
    margin: 0;
    height: 50px;
    font-size: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 1rem;
}

.news-card-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;

}

.news-card-title a:hover {
    color: var(--primary-color);
}

.news-read-more {
    display: inline-block;
    font-weight: 500;
    color: var(--third-color);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s;
    margin-top: 4px;
    width: fit-content;
}

.news-read-more:hover {
    color: var(--primary-color);
}

/* About Section */
.about-section {
    padding-top: calc(var(--section-spacing));
    padding-bottom: calc(var(--section-spacing));
}

.about-inner {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}
.about-content{
    max-width: 450px;
}
/* --- Visual / Left --- */
.about-visual {
    position: relative;
}

.about-photo {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.about-photo img {
    width: 560px;
    height: 560px;
    object-fit: cover;
    display: block;
    border-radius:50%;
}

/* Decorative dot grids */
.about-visual {
    position: relative;
}

.about-visual::after {
    content: '';
    position: absolute;
    width: 36px;
    height: 36px;
    background-color: #DEE339;
    border-radius: 50%;
    top: -15px;
    right: -50px;
    z-index: 1;
}

.about-deco {
    position: absolute;
    z-index: 1;
}

.about-deco--tl {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30px solid #F09222;
    top: 110px;
    left: -70px;
    transform: rotate(45deg);
}

.about-deco--br {
    bottom: 0;
    left: -60px;
    width: 45px;
    height: 45px;
    background-color: #FFCD05;
    border-radius: 50%;
}

.about-deco--br--2 {
    bottom: 90px;
    right: -21px;
    width: 22px;
    height: 22px;
    background-color: #99D6D2;
    border-radius: 50%;
}

.about-deco--outerline-1 {
    border: .1rem dashed #279FDA;
    border-radius: 50%;
    width: 610px;
    height: 610px;
    top: -25px;
    left: -25px;
    pointer-events: none;
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.about-deco--outerline-2 {
    border: 1px dashed #D83729;
    border-radius: 50%;
    width: 400px;
    height: 400px;
    bottom: -10px;
    left: -70px;
    pointer-events: none;
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Floating stat cards */
.about-stat {
    position: absolute;
    z-index: 3;
    background: #fff;
    border-radius: 12px;
    padding: 14px 20px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.10);
    min-width: 130px;
    text-align: center;
}

.about-stat--tr {
    top: 50px;
    right: -10px;
}

.about-stat--bl {
    bottom: 50px;
    left: -10px;
}

.about-stat--dark {
    background: #06b6d4;
    color: #fff;
}

.about-stat__icon {
    font-size: 22px;
    margin-bottom: 6px;
    color: #06b6d4;
}

.about-stat--dark .about-stat__icon {
    color: #fff;
}

.about-stat__number {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
    color: #111a24;
}

.about-stat--dark .about-stat__number {
    color: #fff;
}

.about-stat__label {
    font-size: 12px;
    color: #666;
    margin-top: 2px;
}

.about-stat--dark .about-stat__label {
    color: rgba(255, 255, 255, 0.85);
}

/* --- Content / Right --- */
.about-label {
    font-size: 13px;
    font-weight: 600;
    color: #06b6d4;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.about-heading-line {
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, #facc15, #f97316);
    border-radius: 4px;
    margin-bottom: 20px;
}

.about-desc {
    margin-bottom: 20px;
    max-width: 390px;
    text-align: justify;
}

.about-features {
    list-style: disc;
    margin: 0 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-inline: 20px;
}

.about-features li::marker {
    color: var(--primary-color);
    font-size: 20px;
}

/* .about-feature {
    display: flex;
    gap: 16px;
    align-items: flex-start;
} */

.about-feature__icon {
    flex-shrink: 0;
    font-size: 22px;
    color: var(--primary-color);
    margin-top: 0;
}

.about-feature__text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.about-feature__text strong {
    font-weight: 600;
    color: #111a24;
}

.about-feature__text span {
    color: #666;
    line-height: 1.2;
}

.about-feature__text h4 {
    margin-bottom: .5rem;
    font-size: 18px;
}

.about-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--third-color);
    color: #fff;
    padding: 15px 23.5px;
    border-radius: 12px;
    text-decoration: none;
    transition: background 0.25s ease, transform 0.2s ease;
}

.about-cta:hover {
    background: var(--primary-color);
    transform: translateY(-2px);
    color: #fff;
}

/* Partners Slider */
.partners {
    padding-top: calc(40px + var(--section-spacing));
    padding-bottom: calc(40px + var(--section-spacing));
}

.partner-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 115px;
    transition: transform 0.3s ease;
    /* Container height for alignment */
}

.partner-item img {
    height: var(--partner-logo-height);
    width: auto;
    max-width: var(--partner-logo-max-width);
    object-fit: contain;
    transition: var(--transition-smooth);
}
/* .partner-item:nth-child(2) img,.partner-item:nth-child(3) img{
    transform: translateX(30px);
} */
.partner-item:hover  {
    transform: translateY(-3px);
}
.partner-placeholder {
    font-weight: 600;
    text-transform: uppercase;
    color: var(--secondary-color);
    border: 1px dashed var(--border-color);
    padding: 1rem 2rem;
}

/* Main Content */

.content-wrapper {
    width: 100%;
}

.entry-title {

    font-weight: 600;
    margin-bottom: 2rem;
}

.entry-content {
    /* color: var(--secondary-color); */
}

/* Post Card Grid */
.posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 4rem;
    transition: opacity 0.3s ease;
}

.posts-grid.loading {
    opacity: 0.5;
    pointer-events: none;
}

.post-card {
    position: relative;
    overflow: hidden;
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease;
    border-radius: 12px;
    border: 2px solid white;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

.post-card:hover {
    transform: translateY(-3px);
    border: 2px solid var(--third-color);
}

.post-card-link {
    display: block;
    text-decoration: none;
}

.post-card-image {
    height: 290px;
    background-size: cover;
    background-position: center;
    position: relative;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.post-card-image.bg-position-left,.post-card-image.left{
    background-position-x: left;
}
.post-card-image.bg-position-right,.post-card-image.right{
    background-position-x: right;
}
.post-card-image.bg-position-top,.post-card-image.top{
    background-position-y: top;
}
.post-card-image.bg-position-bottom,.post-card-image.bottom{
    background-position-y: bottom;
}
.post-card-info {
    padding: 20px;
    padding-bottom: 45px;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: background-color 0.3s ease;
}

/* Default / Second & Third card backgrounds */
.post-card .post-card-info {
    color: black;
    background: white;
}
.post-card-title {
    margin-bottom: 15px;
    font-size: 20px;
    min-height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.3s ease;
    color: black;
    font-weight: 600;
    text-transform: capitalize;
}

/* Title colors depending on card position */
.post-card-excerpt {
    font-size: 16px;
    margin-bottom: 1.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex-grow: 1;
    transition: color 0.3s ease;
    min-height: 77px;
}

/* Bottom Meta (Date & Location) */
.post-card-meta {
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
    transition: color 0.3s ease;
    justify-content: space-between;
}
.post-card-meta .arrow{
    visibility: hidden;
    color: #ffe066;
    font-weight: 600;
    font-size: 16px;
}

.post-card:hover .post-card-meta .arrow{
    visibility: inherit;
}
.post-card-btn{
    position: absolute;
    top: -25px;
    left: 20px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--third-color);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    transition: background-color 0.3s ease, transform 0.3s ease;
}
.arrow-hover{
    min-width: 48px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--third-color);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    transition: background-color 0.3s ease, transform 0.3s ease;
}
.post-card:hover .post-card-btn{
    transform: rotateZ(-90deg);
}
.list-style-none{
    list-style: none;
    padding-inline: 0;
}
.list-style-none a{
    display: flex;
    align-items: center;
    gap: 20px;
}
.list-style-none a span{
    color: black;
    font-weight: 600;
    font-size: 18px;
}
.list-style-none a:hover .arrow-hover{
    transform: rotate(-90deg);
}
.list-style-none a:hover span{
    color: var(--primary-color);
}
/* Pagination */
.ajax-pagination {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 2rem;
}

.ajax-pagination .page-numbers {
    background: var(--bg-color);
    border: 1px solid var(--border-color);
    font-weight: 500;
    color: var(--text-color);
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: inline-flex;
    align-content: center;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.ajax-pagination .page-numbers.current {
    background: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
}


/* News & Events Section */
.news-events {
    padding-bottom: 0;
    /* padding: calc(20px + var(--section-spacing)) 0; */
    /* margin-bottom: calc(40px + var(--section-spacing)); */
    /* margin-top: calc(20px + var(--section-spacing)); */
}

.section-header-news {
    margin-bottom: var(--title-margin-bottom);
}

.news-title {

    font-weight: 600;
    letter-spacing: var(--letter-spacing-tight);
    color: var(--text-color);
}

.news-layout {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: var(--news-grid-gap);
    align-items: stretch;
}

.news-featured-link {
    display: block;
    height: 100%;
}

.news-featured {
    position: relative;
    height: 100%;
}

.news-featured-image {
    position: relative;
    width: 90%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #888;
}

.news-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.9;
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.news-featured-date {
    position: absolute;
    bottom: 120px;
    left: 10%;
    background: #b4b4b4;
    color: #444;
    padding: 8px 18px;
    font-size: 0.8rem;
    font-weight: 600;
    z-index: 5;
}

.news-featured-content {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 80%;
    background: #2a2a2a;
    padding: 2.5rem 3rem;
    z-index: 10;
}

.news-featured-title {
    color: #fff;
    font-weight: 600;
    margin-bottom: 0;
}

.news-featured-excerpt {
    display: none;
    /* Matches the clean image look more closely if needed, but let's keep it minimal */
}

.news-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.news-list-items {
    margin-bottom: 1rem;
}

.news-list-item {
    border-top: 1px solid #ccc;
    padding: 20px 0;
}

.news-list-item:first-child {
    border-top: none;
    padding-top: 0;
}

.news-list-item a {
    display: block;
}

.news-item-title {
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--text-color);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-item-date {

    color: #999;
}

.news-view-all {
    margin-top: auto;
    text-align: right;
}

.read-more-news {

    font-weight: 600;
    color: var(--text-color);
    text-decoration: none;
}



/* Footer - dark layout */
.site-footer {
    background-color: var(--third-color);
    color: #fff;
    padding: calc(var(--section-spacing) * 2) 0 30px;
    margin-top: var(--section-spacing);
    clip-path: ellipse(1920px 94% at 50% 100%);
}
.footer-main {
    margin-bottom: 0;
}

.footer-row {
    display: grid;
    grid-template-columns: 310px 1fr 325px;
    gap: 30px;
    align-items: start;
    margin: 0 auto;
    padding: 0;
}

.footer-col-links .footer-nav-list,
.footer-nav .footer-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-col-links .footer-nav-list li,
.footer-nav .footer-nav-list li {
    margin-bottom: 0.5rem;
}


.footer-logo-link {
    display: inline-block;
}

.footer-logo-img {
    height: 103px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
    margin-top: -10px;
}

.footer-heading {
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 1rem;
    color: #fff;
}

.footer-company-name {
    font-weight: 600;
    font-size: 1rem;
    margin: 0 0 1rem;
    color: #fff;
}

.footer-contact-list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 445px;
}

.footer-contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 1rem;

}

.footer-contact-list li:last-child {
    margin-bottom: 0;
}

.footer-contact-list a {
    color: #fff;
    display: inline-block;
}
.footer-contact-list a:hover,.footer-social-list a:hover {
    color: var(--primary-color);
}
.footer-icon,
.footer-svg-icon {
    flex-shrink: 0;
    display: inline-block;
    vertical-align: top;
    color: #fff;
}

.footer-col-contact {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.footer-social-list {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem 2rem;
}
.footer-social-list a {
    display: inline-flex;
    /* align-items: center; */
    gap: 0.5rem;
    color: #fff;

    text-decoration: none;
}

.footer-registration {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.95);
    margin: 0;
    margin-bottom: -82px;
}

.footer-registration p {
    margin: 0 0 0.5rem;
}

.footer-registration p:last-child {
    margin-bottom: 0;
}

.footer-bottom {
    margin: 0 auto;
    padding: 1.5rem 0 0;
    text-align: center;
    margin-left: 340px;
}

.footer-divider {
    border: none;
    border-top: 1px solid var(--third-color);
    margin: 0 0 1rem;
}

.footer-slogan {
    margin: 0 0 1rem;
    color: #fff;
    font-family: "DM Serif Text", serif;
    font-weight: 400;
    font-size: 28px;
}

.footer-legal {
    margin-bottom: 0.75rem;
}

.footer-legal a:hover {
    color: var(--primary-color);
}
.footer-sep {
    margin: 0 0.5rem;
    color: rgba(255, 255, 255, 0.6);
}

.footer-copyright {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
}
.footer-col-contact .book-a-tour a{
    cursor: pointer;
}
.footer-col-contact .book-a-tour:hover {
    color: var(--primary-color);
}
.footer-registration .img-edu-trust{
    max-width: 120px;
    margin-bottom: 15px;
    margin-top: 5px;
}
.footer-logo-wrap{
    margin-top: -10px;
}
.footer-registration h6{
    margin-bottom: 25px;
}
/* Single Course Page */
.course-header-branding,
.bg-third-secondary {
    background-color: var(--third-color);
}

.course-tabs {
    gap: 15px;
    margin-top: 0
}
.course-tabs li{
    margin-bottom: 0;
}
.course-tabs .nav-link,
.category-heading {
    color: var(--text-color);
    background: var(--notice-color);
    border-radius: 12px;
    padding: 12px 15px;
}

.category-heading.active {
    background: var(--third-color);
    color: white;
}
.course-tabs .nav-link:hover{
    color: var(--third-color);
}
.course-tabs .nav-link.active {
    background: var(--third-color);
    color: white !important;
}
.sidebar-2 .course-tabs .nav-link{
    background: var(--notice-color);
}
.sidebar-2 .course-tabs .nav-link.active {
    background: #004190;
    color: var(--third-color) !important;
}
 .sidebar-2 .course-tabs .nav-link:hover span{
    transform: translateX(5px);
    display: inline-block;
    transition: .2s;
    align-items: center;
    color: var(--third-color);
} 
/* .sidebar-2 .course-tabs .nav-link.active span::before{
    content: '';
    display: block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: var(--third-color);
    position: absolute;
    left: -15px;
    top: 3px;
} */
.course-sidebar {
    border-radius: 12px;
    overflow: hidden;
    position: sticky;
    top: 100px;
    background-color: rgb(210 229 252);
    background-color: var(--notice-color);
}
.course-sidebar.sidebar-2{
    background-color: unset;
}
.course-sidebar .card-body{
    padding: 24px;
}
.course-sidebar.sidebar-2 .card-body{
    padding: 0px;
    text-align: center;
}
.course-sidebar .btn-enquiry{
    border-radius: 12px;
}
.course-sidebar .course-tabs{
    padding: 0;
}
.course-sidebar .course-tabs .nav-link,.course-sidebar .course-tabs li{
    width: 100%;
}
.breadcrumb-item a {
    color: var(--text-color);
}
.breadcrumb-item a:hover {
    color: #0a58ca;
}
.breadcrumb-item.active {
    color: var(--primary-color);
    font-weight: 600;
}

.fee-section h6 {

    color: var(--text-color);
}
.sidebar-links{
    border-top: 2px solid #eb611e61;
    padding-top:20px;
}

.sidebar-links li {
    margin-bottom: 8px;
    color: var(--text-color);
}

.note-box {
    border-radius: 12px;
    font-size: 14px;
    background-color:#ffffff7a;
    text-align: justify;
}
.note-box ul{
    list-style: none;
    padding-inline: 0;
}
.note-box ul li:last-child{
    margin-bottom: 0;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

table.alignleft {
    margin-right: 0;
    display: table;
}

.transcript-table {
    margin-bottom: 1rem;
}

/* Accordion Styles */
.sish-accordion {
    margin: 2rem 0;
    border: 1px solid #eee;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.accordion-item {
    border-bottom: 1px solid #eee;
}

.accordion-item:last-child {
    border-bottom: none;
}

.accordion-header {
    padding: 1.25rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: background 0.3s ease;
    background: #fff;
}

.accordion-item.active .accordion-header {
    background: #f8f9fa;
}

.accordion-title {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a1a1a;
}

.accordion-icon {
    width: 20px;
    height: 20px;
    position: relative;
    transition: transform 0.3s ease;
}

.accordion-icon::before,
.accordion-icon::after {
    content: '';
    position: absolute;
    background: #333;
    transition: all 0.3s ease;
}

.sp-easy-accordion>.sp-ea-single>.ea-header a {
    background: white;
    font-size: 18px;
    border-radius: 12px;
    font-weight: 500;
}

.eap-icon-ea-expand-plus {
    color: var(--third-color) !important;
}
.easyaccordion-year .eap-icon-ea-expand-plus{
    color: var(--primary-color) !important;
}
.eap-icon-ea-expand-minus,.easyaccordion-year .sp-easy-accordion .sp-ea-single .ea-header:hover a .eap-icon-ea-expand-plus {
    color: white !important;
}

.sp-easy-accordion>.sp-ea-single {
    border: 0 !important;
    border-radius: 24px;
    background: none !important;
    /* background-image: linear-gradient(90deg, #eef6ff 0%, #e9ecf8 100%)!important; */
}

.sp-easy-accordion .sp-ea-single {
    margin-bottom: 15px !important;
}
.sp-easy-accordion .sp-ea-single:last-child {
    margin-bottom: 0 !important;
}
.course-content-body .sp-easy-accordion .sp-ea-single:last-child{
    margin-bottom: 15px !important;
}
.course-content-body{
    margin-bottom: -15px;
}
.course-content-body p{
    text-align: justify;
}
.course-content-body .flex-content-border p{
    text-align: left;
}
.course-content-body .sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a{
    text-transform: capitalize;
}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body {
    padding: 15px;
    padding-bottom: 0;
    color: var(--text-color) !important;
    text-align: justify;
}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body table {
    text-align: initial;
}
.sp-easy-accordion .sp-ea-single .ea-header a {
    background: white !important;
    border: 1px solid var(--third-color) !important;
    padding: 10px 15px !important;
    color: var(--text-color) !important;
}
.easyaccordion-year .sp-easy-accordion .sp-ea-single .ea-header a{
    background: linear-gradient(174deg, #e8e6e380 0%, #cce2fd 100%)!important;
    border-color: #cce2fd!important;
}
.sp-easy-accordion .sp-ea-single .ea-header a:hover{
    background: var(--primary-color) !important;
    border-color:var(--primary-color) !important;
    color: white!important;
}
.sp-easy-accordion .sp-ea-single .ea-header:hover a{
    padding-left: 20px!important;
}
.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body p,
.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body p:first-of-type {
    margin-bottom: 15px;
}

.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body table p,
.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body table p:first-of-type,.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body>:last-child{
    margin-bottom: 0;
}

.sp-easy-accordion .sp-ea-single.ea-expand .ea-header a {
    color: white !important;
    background: var(--third-color) !important;
    font-weight: 500;
}
.tab-content .sp-easy-accordion .sp-ea-single.ea-expand .ea-header a{
    text-transform: capitalize;
}
.sp-easy-accordion .sp-ea-single.ea-expand .ea-header a:hover{
    border-color:var(--third-color) !important;
}
.sp-easy-accordion .sp-ea-single .ea-body {
    background: none !important;
}

.sp-easy-accordion table {
    margin-left: -15px;
    margin-right: -15px;
    width: stretch !important;
}

table.aeis-table tbody tr:first-child td {
    background: var(--gradient-color);
    color: white;
}
table.aeis-table tbody a {
    color: var(--primary-color);
}
table.aeis-table tbody a:hover {
    color: var(--third-color);
}
/* Horizontal line */
.accordion-icon::before {
    width: 14px;
    height: 2px;
    top: 9px;
    left: 3px;
}

/* Vertical line */
.accordion-icon::after {
    width: 2px;
    height: 14px;
    top: 3px;
    left: 9px;
}

.accordion-item.active .accordion-icon {
    transform: rotate(45deg);
}

.accordion-item.active .accordion-icon::after {
    opacity: 0;
}

.accordion-content {
    background: #fff;
}

.accordion-body {
    padding: 0 1.5rem 1.5rem;
    color: #444;
}

.accordion-body p:last-child {
    margin-bottom: 0;
}

.accordion-item:last-child {
    border-bottom: none;
}

.accordion-header {
    padding: 1.25rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: background 0.3s ease;
    background: #fff;
}

.accordion-item.active .accordion-header {
    background: #f8f9fa;
}

.accordion-title {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a1a1a;
}

.accordion-icon {
    width: 20px;
    height: 20px;
    position: relative;
    transition: transform 0.3s ease;
}

.accordion-icon::before,
.accordion-icon::after {
    content: '';
    position: absolute;
    background: #333;
    transition: all 0.3s ease;
}

/* Horizontal line */
.accordion-icon::before {
    width: 14px;
    height: 2px;
    top: 9px;
    left: 3px;
}

/* Vertical line */
.accordion-icon::after {
    width: 2px;
    height: 14px;
    top: 3px;
    left: 9px;
}

.accordion-item.active .accordion-icon {
    transform: rotate(45deg);
}

.accordion-item.active .accordion-icon::after {
    opacity: 0;
}

.accordion-body {
    padding: 0 1.5rem 1.5rem;
    color: #444;
}

.accordion-body p:last-child {
    margin-bottom: 0;
}

/* Testimonials Page */

.section-title {
    text-align: center;
}

.page-banner-title {
    text-align: center;
}

.category-title {
    font-weight: 600;
    margin-bottom: 40px;
    color: #000;
    text-align: center;
}

.testimonial-card {
    padding:0 20px;
}
.testimonial-section{
    padding-top:30px;
    display: flex;
    gap: 20px;
}
.content-testimonial{
    display: inline;
    width: 66%;
}
.intro-text h2{
    font-size: 20px;
}
.intro-text h2,.intro-text p{
    margin-bottom: 10px;
}
/* The Grey Box */
.testimonial-box {
    --box-bg: #f2f2f2;
    background-color: var(--box-bg);
    padding: 40px;
    border-radius: 0 72px 0 72px;
    position: relative;
    margin-top: 55px;
    margin-left: -100px;
    margin-bottom: -30px;
    padding-left: 140px;
    /* padding-bottom:54px; */
    /* box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); */
}
.testimonial-box.no-img-profile{
    padding: 40px;
    margin:0;
}
.testimonial-box.secondary{
    background: linear-gradient(180deg, #FE701F 0%, #FF9900 100%);
    color: white;
}
.testimonial-box.primary{
    background: linear-gradient(90deg, #003F88 0%, #0088FF 100%);
    color: white;
}
/* The Triangle (Speech Bubble Tail) */
/* .testimonial-box::after {
    content: '';
    position: absolute;
    bottom: -19px;
    left: 55px;
    border-width: 20px 20px 0;
    border-style: solid;
    border-color: var(--box-bg) transparent transparent transparent;
    display: block;
    width: 0;
} */
 .testimonial-box p{
    text-align: justify;
 }
.testimonial-box p:last-child{
    margin-bottom: 0;
}
.testimonial-profile {
    width: 250px;
    height:325px;
    background: var(--notice-color);
    transform: rotate(-8deg);
    position: relative;
    z-index: 1;
    margin-left: 20px;
    margin-top: 20px;
}
.testimonial-profile img{
    transform: rotate(8deg);
    height: 100%;
    width: 100%;
    margin: 5px;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.16);
}
.profile-info .summary{
    font-style: italic;
    font-size: 14px;
}
.profile-info .summary strong{
    font-style: normal;
    font-size: 18px;
    color: var(--third-color);
    margin-bottom: 5px;
    display: inline-block;
}
.profile-img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    /* margin-right: 15px; */
    /* border-radius: 24px; */
}

.profile-info h4 {
    margin: 0;
    font-weight: 600;
    color: #000;
}

/* Left Column for Title/Quote */
.testimonial-intro-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 33%;
}

.intro-quote-icon {
    font-size: 8rem;
    line-height: .9;
    height: 45px;
    color: var(--accent-color);
    margin-bottom: 10px;
}
/* .testimonial-content{
    min-height: 76px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
} */
.summary-testimonial p,.summary-testimonial{
    margin-bottom: 5px;
}
.testimonial-box .read-more{
    visibility: hidden;
    font-size: 14px;
}
.testimonial-box .read-more.show{
    visibility: unset;
    cursor: pointer;
    color: var(--third-color);
}
.testimonial-content.expanded{
    -webkit-line-clamp: unset;
    overflow: visible;
}
.row-testimonial-card{
    display: grid;
    grid-auto-flow: column;
    padding-bottom: 60px;
}
/* Custom Slick Arrows */
.sish-slider-nav {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}

.sish-slider-nav button {
    border: none;
    width: 48px;
    height: 48px;
    background-color: var(--third-color);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 10px;
    border-radius: 50%;
    transition: background-color 0.3s, transform 0.3s;
    color:white;
}
/* .sish-slider-nav .js-testimonial-prev:hover{
    transform: translateX(-2px);
}
.sish-slider-nav .js-testimonial-next:hover{
    transform: translateX(2px);
} */
.sish-slider-progress {
    flex-grow: 1;
    height: 4px;
    background: #e0e0e0;
    border-radius: 2px;
    position: relative;
    max-width: 200px;
}

.sish-slider-bar {
    height: 100%;
    background: var(--third-color);
    width: 10%;
    /* Dynamic */
    border-radius: 2px;
    transition: width 0.3s;
}
.testimonial-intro-col .sish-slider-nav{
    margin-bottom: 80px;
}
/* About DNA Section */
.about-dna {
    background: var(--bg-color);
}

.about-dna__wrapper {
    margin-left: auto;
    margin-right: 0;
    display: flex;
    justify-content: flex-end;
}

.about-dna__content {
    padding-left: calc((100vw - var(--container-max-width)) / 2);
    padding-right: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 40vw;
}

.about-dna__text p:last-child {
    margin-bottom: 0;
}

.about-dna__image {
    background-color: #d9d9d9;
    width: 60vw;
}

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

.about-dna__placeholder {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #b8b8b8;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.3);
}

.about-dna__placeholder svg {
    width: 60px;
    height: 60px;
    color: #a0a0a0;
}

.iti-mobile .iti--container {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999999999;
}

.iti-mobile .iti--container:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00d";
    position: fixed;
    top: 30px;
    right: 30px;
    font-size: 16px;
    z-index: 3;
    width: 30px;
    background: #003DA5;
    text-align: center;
    height: 30px;
    cursor: pointer;
    color: white;
    font-weight: 600;
    border-radius: 50%;
    align-content: center;
}
div.wpforms-container-full .wpforms-form .iti--allow-dropdown .iti__flag-container .iti__country-list{
    border-color: var(--third-color)!important;
    border-width: 2px!important;
    margin-top: -5px!important;
}
div.wpforms-container-full .wpforms-form .iti--allow-dropdown .iti__flag-container .iti__country-list li.iti__country:hover{
    background-color: var(--third-color) !important;
    color: white!important;
}
.pum-container .iti__country-list,.pum-container div.wpforms-container .wpforms-form .iti__country-list,.pum-container div.wpforms-container-full .wpforms-form .iti__country-list{
    position: fixed!important;
}
.pum-container .iti__country-list.iti__country-list--dropup,.pum-container div.wpforms-container .wpforms-form .iti__country-list.iti__country-list--dropup,.pum-container div.wpforms-container-full .wpforms-form .iti__country-list.iti__country-list--dropup{
    position: absolute!important;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-color: white;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: white;
}

.tab-content>.active {
    display: flex;
    flex-direction: column;
}

.flex-direction-column {
    flex-direction: column;
}

.d-content {
    display: contents;
}

.wp-block-image {
    margin-bottom: 20px;
}
.wp-block-image.w-100 img{
    width: 100%;
}
.wp-block-image figcaption {
    font-style: italic;
    font-size: 14px;
}

.wp-block-image .aligncenter figcaption,
.wp-block-image figcaption {
    text-align: center;
}

.mw-997px {
    max-width: 997px;
    margin-left: auto;
    margin-right: auto;
}
div.wpforms-container-full input[type=submit]:focus:after, div.wpforms-container-full button[type=submit]:focus:after, div.wpforms-container-full .wpforms-page-button:focus:after{
    top: 0!important;
    right: 0!important;
    bottom: 0!important;
    left: 0!important;
}
div.wpforms-container-full .wpforms-field-file-upload{
    padding-top: 0!important;
}
div.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader{
    border: 0!important;
    background-color: #f0f0f0 !important;
    border-radius:12px!important;
    padding: 27px!important;
}
.terms-condition-label .wpforms-field-label-inline{
    font-size: 14px!important;
}
div.wpforms-container-full .terms-condition-label input[type=checkbox], div.wpforms-container-full .terms-condition-label input[type=radio]{
    width: 14px!important;
}
/* Style Modal */
body.modal-open{
    overflow-y: auto!important;
    padding-right: 0!important;
}
.modal {
    z-index: 9999999999;
    background: #00000070;
}

.modal-header .btn-close {
    background: #0047BB;
    color: white;
    border-radius: 50%;
    padding: 10px;
    font-size: smaller;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.modal-header .btn-close:hover {
    background: var(--third-color);
}

.modal-content {
    border: 0;
    border-radius: 24px;
    padding: 40px 0 24px 24px;
}
.modal-dialog{
    max-width: var(--container-max-width);
}
.modal-body{
    padding: 0;
    padding-right: 24px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 125px);
}
.modal-body.has-scroll {
    padding-right: 10px;
}
.modal-body h3{
    font-size: 38px;
}
.sish-modal-close:hover{
    background-color: var(--accent-color) ;
    color: white;
}
.pum-container {
    background-color: #fff !important;
    border-radius: 25px !important;
    padding: 40px 0px 25px 20px !important;
    border: none !important;
}

.pum-theme-default-theme {
    background-color: #1e1e1e73 !important;
}

.pum-content {
    padding-right: 20px;
    overflow: auto !important;
    max-height: 75vh !important;

}

.pum-content.popmake-content {
    color: var(--text-color) !important;
}

html.pum-open.pum-open-overlay,
html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay {
    overflow-y: auto !important;
}

html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
    overflow-y: hidden !important;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
    padding-right: 0 !important;
}

.pum-container .pum-content+.pum-close,
.pum-container .pum-content+.pum-close:hover {
    right: 12px !important;
    top: 12px !important;
    padding: 0px !important;
    border-radius: 100% !important;
    background-color: var(--third-color) !important;
    width: 30px !important;
    height: 30px !important;
    font-size: 16px !important;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pum-container .pum-content+.pum-close:hover {
    background-color: var(--accent-color) !important;
}
.sish-enquiry-logo img{
    max-width: 193px;
    margin-bottom: 15px;
}
.sish-send-enquiry{
    padding-right: 0!important;
}
/* Style table */
table td,
table th {
    padding: 15px;
}
tbody, td, tfoot, th, thead, tr{
    border-width:1px ;
}
.table-wrapper table,
.table-wrapper .tablepress,
table {
    border-radius: 27px;
    border-collapse: separate;
    border: 1px solid var(--accent-color);
    border-spacing: 0;
    width: 100%;
}

table tbody td {
    border: 1px solid var(--accent-color);
}

table tbody tr:last-child td:first-child {
    border-end-start-radius: 26px;
}

table tbody tr:last-child td:last-child {
    border-end-end-radius: 26px;
}

table thead :first-child,
table.no-thead :first-child {
    border-start-start-radius: 25px;
}

table thead :last-child,
table.no-thead :last-child {
    border-start-end-radius: 25px;
}
table thead{
    background: var(--gradient-color);
}
table thead th,
table thead td {
    color: var(--white);
}

table.private_education tbody tr:first-child td:first-child,
.table-in-accordition .aeis-table tbody tr:first-child td:first-child {
    border-start-start-radius: 25px;
}

table.private_education tbody tr:first-child td:last-child,
.table-in-accordition .aeis-table tbody tr:first-child td:last-child {
    border-start-end-radius: 25px;
}
table.tbody-has-connected-cells tbody tr:last-child td:last-child {
    border-end-end-radius: 25px;
}
table#tablepress-88.tbody-has-connected-cells tr.row-2 td:last-child,table#tablepress-87.tbody-has-connected-cells tr.row-3 td:last-child {
    border-end-end-radius: 25px;
}
table.private_education,
.tablepress {
    margin-bottom: 20px;
}
table.tbody-has-connected-cells tbody tr:last-child td.column-1:last-child{
    border-end-end-radius: 0;
}
/* table.private_education.alignleft td:nth-child(odd) {
    background-color: var(--accent-color);
    border-bottom-color: #FFF;
    color: #FFF;
} */
table.private_education.alignleft tbody{
    background: var(--gradient-color-top-down);
    color: white;
}
table.private_education.alignleft tbody tr td:nth-child(2){
    background: white;
    color: var(--text-color);
}
table.private_education.alignleft tr:last-child td {
    /* border-bottom-color: var(--accent-color); */
    border-bottom: 0;
}
table.private_education tbody tr td:first-child{
    font-weight: 600;
}
table.private_education.alignleft{
    border: 0;
}
table.private_education.alignleft tbody td{
    border: 0;
}
table.private_education.alignleft tbody tr td{
    border-bottom:3px solid var(--accent-color) ;
}
table.private_education tbody tr td:first-child{
    border-bottom:3px solid white ;
}
table.private_education tbody tr:first-child td:last-child{
    border-top:3px solid var(--accent-color) ;
}
table.private_education tbody tr:last-child td:last-child{
    border-bottom:3px solid var(--accent-color) ;
}
table.private_education tbody tr td:last-child{
    border-right:3px solid var(--accent-color) ;
}
table a{
    color: inherit;
}
table a[target="_blank"]{
    color: var(--primary-color);
}
table a:hover{
    color: var(--third-color);
}
table.transcript-table thead tr th{
    min-width: 100px;
}
table.transcript-table thead{
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    text-align: center;
}
table.transcript-table tbody tr:last-child,table.transcript-table tbody{
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}
.section-print .transcript-table {
    display: none;
}

.section-print .transcript-table.pdf-capture-table {
    display: table;
}
.pdf-capture-table {
    border-collapse: collapse !important;
}

.pdf-capture-table td[rowspan] {
    position: relative;
    z-index: 2;
    background-color: #fff !important;
}
table.transcript-table thead tr th:nth-child(3){
    min-width: 150px;
    text-align: center;
}
table.transcript-table thead tr th:nth-child(4),table.transcript-table tbody tr td:nth-child(3){
    text-align: center;
}

table#tablepress-75 thead .column-4,
table#tablepress-75 thead .column-5 {
	min-width: 150px;
}
table#tablepress-86 thead .column-2 {
	min-width: 125px;
}
table#tablepress-97 tbody tr.row-2 td,table#tablepress-98 tbody tr.row-2 td{
    min-width: 105px;
}
table#tablepress-75 thead .column-2{
    min-width: 215px;
}
#tablepress-90 thead th:first-child, #tablepress-90 tr td:first-child,#tablepress-78 thead th{
    text-align: center;
}
#tablepress-78 tbody tr td.column-2{
    width: 200px;
}
#tablepress-78 tbody tr td.column-1{
    font-weight: 600;
    max-width:315px;
}
#tablepress-78 thead th.column-1 {
    border-right-color:white ;
}
#tablepress-78 thead th.column-2 {
    border-left-color:white ;
}
table#tablepress-86 thead .column-1{
    min-width: 170px;
}
.table-in-accordition thead th,.table-in-accordition thead td,.transcript-table thead th,.table-module-programme thead th {
    border-right-color:white ;
    border-left-color:white ;
}
.table-in-accordition thead tr th:last-child,.table-in-accordition thead tr td:last-child,.transcript-table thead th:last-child,.table-module-programme thead th:last-child{
    border-right-color:inherit ;
}
.table-in-accordition thead tr th:first-child,.table-in-accordition thead tr td:first-child,.transcript-table thead th:first-child,.table-module-programme thead th:first-child{
    border-left-color:inherit ;
}
table.private_education td ul:last-child{
    margin-bottom: 0;
}
.table-payment thead{
    text-align: center;
}
.table-payment tbody .column-1{
    align-content: start;
    min-width: 270px;
}
/* Theme Page E-Brochure */
.content-brochure{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    margin-top: 40px;
}

.content-brochure .brochure-item{
    flex: 0 0 360px;
    max-width: 360px;
    width: 100%;
    position: relative;
}
.content-brochure.academic-calendar .brochure-item{
    flex: 0 0 735px;
    max-width: 735px;
}
.content-brochure.academic-calendar h3{
    max-width: 415px;
}
.content-brochure .brochure-item .brochure-image img,.brochure-item .bg-overlay{
    border-radius:12px;
    border: 1px solid var(--third-color);
}
.brochure-item:hover .bg-overlay {
    opacity: 1;
    clip-path: inset(0 0 0 0);
}

/* CTA Subscription Section */
.cta-subscription {
    padding: 100px 0;
    background-color: #F0F7FF;
    overflow: hidden;
    margin-top: var(--section-spacing);
}

.cta-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.cta-content {
    text-align: center;
    flex: 1;
    z-index: 2;
}

.cta-title {
    color: var(--accent-color);
    margin-bottom: 30px;
}

.btn-subscription {
    display: inline-block;
    padding: 15px 25px;
    background:var(--gradient-button);
    color: #fff;
    border-radius: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-subscription:hover {
    background:var(--gradient-hover-button);
    transform: translateY(-2px);
}

.cta-image {
    width: 280px;
    position: relative;
    z-index: 1;
}

.cta-image img {
    width: 100%;
    border-radius: 20px;
}

.cta-image-left {
    width: 220px;
    transform: rotate(-10deg) translateY(-20px);
}

.cta-image-right {
    transform: rotate(10deg);
}

.decoration-dots {
    position: absolute;
    top: -20px;
    left: -20px;
    width: 60px;
    height: 60px;
    background-image: radial-gradient(#fbbf24 20%, transparent 20%);
    background-size: 10px 10px;
}

.decoration-line {
    position: absolute;
    bottom: -30px;
    right: -50px;
    width: 100px;
    height: 2px;
    background: #fbbf24;
    transform: rotate(-45deg);
}

.divider-home {
    background-color: #FE5728;
    margin-top: -20px;
}

.divider-home svg {
    transform: rotate(180deg);
    width: calc(100%);
    height: 100px;
    fill: white
}


/* Dual Cards Section */
.dual-cards-section {
    background-color: #ffffff;
    padding-top: var(--section-spacing);
    padding-bottom: 0;
}

.dual-cards-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.cta-card {
    padding: 40px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    min-height: 420px;
    transition: all 0.2s linear 0s;
}

.card-expert,
.card-individual {
    background-color: var(--notice-color);
}
.cta-card::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: linear-gradient(93.64deg, #ffd79d 40%, #ffc591 98.84%);
    opacity: 0;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: bottom;
}
.cta-card:hover{
    transform: translateY(-3px);
}
.cta-card:hover::after{
    opacity: 1;
    transform: scaleY(1);
}   
.card-expert:hover,
.card-individual:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

.card-content {
    flex: 1.2;
    z-index: 2;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.card-content .btn-card{
    width: fit-content;
}
.card-label {
    display: block;
    font-size: 16px;
    color: #26b899;
    margin-bottom: 12px;
    font-weight: 600;
}

.card-individual .card-label {
    color: #12b7b6;
}

.card-title {
    font-size: 36px;
    font-weight: 600;
    color: #1a2b56;
    margin-bottom: 25px;
    line-height: 1.2;
}

.card-desc {
    font-size: 16px;
    color: #04224d;
    max-width: 225px;
}

.btn-card {
    display: inline-block;
    padding: 15px 25px;
    border-radius: 12px;
    text-decoration: none;
}

.btn-card:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

.card-images {
    flex: 1;
    height: 100%;
}

.img-circle {
    position: absolute;
    top: -35px;
    left: 0px;
    width: 110px;
    height: 110px;
    z-index: 2;
}

.img-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 5px solid #fff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.img-tilted {
    position: absolute;
    top: -65px;
    right: -190px;
    width: 460px;
    height: 460px;
    z-index: 1;
}

.img-tilted img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: -85px 60px;
    border-radius: 50%;
}
.cta-card:nth-child(2) .img-tilted img{
    object-position: -95px 25px;
}
.decoration-math {
    position: absolute;
    top: 50px;
    right: 10px;
    font-size: 18px;
    color: #1a2b56;
    font-weight: 600;
    opacity: 0.8;
}

/* .card-expert::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 300px;
    border: 1px dashed #fcd34d;
    border-radius: 50%;
    transform: translate(20%, -20%);
    pointer-events: none;
}

.card-individual::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 300px;
    border: 1px dashed #67e8f9;
    border-radius: 50%;
    transform: translate(20%, -20%);
    pointer-events: none;
} */


/* Popular Courses Header */
.courses-section-header {
    margin-bottom: 30px;
}

.title-underline {
    width: 140px;
    margin-top: -15px;
}

/* Kickstart Section */
.kickstart-section {
    padding: var(--section-spacing) 0;
}

.kickstart-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-bottom: 20px;
    text-align: center;
}

.stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.stat-number {
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 10px;
}

.stat-label {
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    letter-spacing: 0.05em;
}

.color-blue {
    color: var(--primary-color);
}

.color-green {
    color: #10b981;
}

.color-orange {
    color: var(--third-color);
}

.color-red {
    color: var(--accent-color);
}
.color-yellow{
    color: var(--notice-color);
}
.kickstart-main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}


.btn-kickstart {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: var(--third-color);
    color: #fff;
    padding: 15px 25px;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-kickstart:hover {
    background-color: var(--primary-color);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(37, 99, 235, 0.2);
    color: #fff;
}

.kickstart-image img {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    mix-blend-mode: multiply;
}

.bg-kickstart {
    background: linear-gradient(180deg, #F6F9FF 0%, #F7F8FF 50%, #FFF7F5 100%);
    padding: 50px;
    border-radius: 20px;
}

.bg-third-color {
    background-color: var(--third-color);
}

.bg-primary-theme {
    background-color: var(--primary-color);
}

/* Home Video Section */
.home-video {
    margin-top: var(--section-spacing);
    padding-bottom: 10px;
}

.video-wrapper {
    border-radius: 24px;
    overflow: hidden;
    background: var(--third-color);
    aspect-ratio: 16 / 9;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 1px);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}

.video-thumbnail {
    object-fit: cover;
    object-position: top;
    height: 100%;
    transition: transform 0.5s ease;
}

.video-wrapper:hover .video-thumbnail {
    transform: scale(1.05);
}

.video-placeholder {
    height: 100%;
    background: #e9e9e9;
}

.play-button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.2));
    position: absolute;
}

.play-button:hover {
    transform: scale(1.15);
}

.play-circle-outer {
    transition: fill-opacity 0.3s ease;
}

.play-button:hover .play-circle-outer {
    fill-opacity: 0.4;
}

#video-iframe-container {
    width: 100%;
    height: 100%;
}

#video-iframe-container iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Higher Education Programmes Grid */
.programme-wrapper{
    margin-top: -90px;
    position: relative;
    z-index: 10;
    margin-bottom: 30px;
}
.programmes-slider{
    visibility: hidden;
}
.programmes-slider.slick-slider{
    visibility: visible;
}
.programmes-slider .slick-list {
    border-radius: 10px;
    margin: -10px;
}
.programmes-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 1rem;
}

.programme-card {
    background: white;
    border: 2px solid var(--border-color);
    border-radius: 24px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.programme-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    border-color: var(--third-color);
}

.programme-card-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.programme-card-info {
    padding: 17px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.programme-card-title {
    font-size: 24px;
    font-weight: 600;
    height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.programme-card-excerpt {
    color: var(--secondary-color);
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* New How To Apply */
.how-to-apply-new {
    background: white;
    align-content: center;
}

.hta-top-bg {
    padding: 36px 40px 0;
    background-color: var(--primary-color);
    height: 100%;
    border-radius: 24px;
}

.hta-req-link {
    font-size: 14px;
    font-weight: 600;
    color: #4a54a4;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.hta-step-col {
    position: relative;
    padding: 0;
}

.has-divider::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 1px;
    background-color: #ddd;
}

.hta-step-header {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}
.hta-icon {
    font-size: 20px;
    color: white;
}

.hta-step-title {
    font-size: 16px;
    margin: 0;
    color: white;
    transition: .1s ease-in-out;
}

.hta-step-desc {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}
.hta-step-header:hover .hta-icon,.hta-step-header:hover .hta-step-title{
    color: #fdf300;
}
.hta-step-header:hover .hta-step-title{
    transform: translateX(3px);
}
.hta-bottom-bg {
    background: var(--notice-color);
    padding: 50px 0 50px;
}

.hta-huge-text {
    position: absolute;
    top: -120px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 140px;
    font-weight: 900;
    color: var(--primary-color);
    letter-spacing: -0.05em;
    margin: 0;
    line-height: 1;
    z-index: 10;
}

.hta-bottom-content {
    position: relative;
    z-index: 11;
    padding-top: 50px;
}

.hta-cta-text {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    max-width: 640px;
    margin: 0 auto 30px;
}

.how-to-apply-section {
    padding: 120px 0 200px;
}

/* Facts Section */
.facts-section {
    padding: 0;
    background: #ffffff;
}

.facts-banner {
    background-color: var(--third-color);
    border-radius: 24px;
    padding: 36px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 310px;
    position: relative;
    overflow: visible;
}

.facts-bg-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 24px;
    pointer-events: none;
    z-index: 1;
}

.facts-bg-shape::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -10%;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.07);
}

.facts-bg-shape::after {
    content: '';
    position: absolute;
    bottom: -30%;
    left: 20%;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.04);
}

.facts-content {
    position: relative;
    z-index: 2;
    max-width: 440px;
    color: #ffffff;
}

.facts-title {
    font-size: clamp(2rem, 3.2vw, 38px);
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 20px;
    line-height: 1.2;
    text-transform: none;
    max-width: 360px;
}

.facts-title span {
    color: #ffe066;
    /* Gold highlight color on orange background */
}

.facts-subtitle {
    color: white;
    font-weight: 400;
    max-width: 375px;
    margin-bottom: 20px;
}

.facts-actions {
    display: flex;
    align-items: center;
    gap: 20px;
}

.btn-facts-cta {
    color: white;
    font-weight: 600;
    padding: 12px 20px;
    border-radius: 24px;
    transition: all 0.3s ease;
    text-transform: none;
    display: inline-block;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
    background-color: #0047B3;
    border: 2px solid #ffffff4d;
    overflow: hidden;
    position: relative;
}

.btn-facts-cta:hover {
    color: #ffffff;
    box-shadow: none;
    transform: none;
    transform: scale(1.05);
    border-color: #fff9;
    background-color: #0052cc;
}
.btn-facts-cta:hover::before {
  animation: shine 1.5s ease-out infinite;
}

.btn-facts-cta::before {
  content: "";
  position: absolute;
  width: 100px;
  height: 100%;
  background-image: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 30%,
    rgba(255, 255, 255, 0.8),
    rgba(255, 255, 255, 0) 70%
  );
  top: 0;
  left: -100px;
  opacity: 0.6;
}
@keyframes shine {
  0% {
    left: -100px;
  }

  60% {
    left: 100%;
  }

  to {
    left: 100%;
  }
}
.facts-arrow-svg {
    width: 140px;
    height: auto;
    opacity: 0.8;
}

.facts-image-col {
    position: absolute;
    right: 40px;
    bottom: -40px;
    height: calc(100% + 100px);
    display: flex;
    align-items: flex-end;
    z-index: 2;
}

.facts-student-img {
    height: 100%;
    width: auto;
    object-fit: contain;
    display: block;
}

.item-programme-category-box {
    border-radius: 12px;
    padding: 30px 10px 25px;
    transition: all .25s ease-in-out;
    border: 2px solid #EFEFEF;
    cursor: pointer;
    background-color: white;
    min-height: 210px;
    margin: 30px 0;

}

.item-programme-category-box:hover {
    border-color: var(--third-color);
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

.item-programme-category-box.actived {
    border-color: var(--third-color);
    background-color: var(--third-color);
    color: white
}

/* Contact Page Template Styles */
.page-contact-template {
    background-color: #ffffff;
    font-family: 'Google Sans Flex', sans-serif;
}

.contact-header-left .contact-title {
    font-size: 48px;
    line-height: 1.2;
}

.contact-top-desc {
    font-size: 16px;
    line-height: 1.6;
}

.contact-sub-badge {
    font-size: 14px;
    color: #0066ff;
    font-weight: 600;
    text-transform: lowercase;
    letter-spacing: 0.02em;
}

.contact-sub-badge .dot-indicator {
    width: 6px;
    height: 6px;
    background-color: #0066ff;
    display: inline-block;
    border-radius: 1px;
}

.btn-get-in-touch {
    width: 46px;
    height: 46px;
    background-color: #0066ff;
    color: #ffffff;
    font-size: 15px;
    border: none;
    transition: all 0.3s ease;
}

.btn-get-in-touch:hover {
    background-color: #0052cc;
    color: #ffffff;
    transform: scale(1.06);
}

.detail-label {
    color: white;
    font-size: 18px;
}

.detail-value {
    color: #1a1a1a;
    font-weight: 500;
}

.detail-socials .social-icon-btn {
    width: 50px;
    height: 50px;
    background-color: #eef2ff;
    color: var(--third-color);
    font-size: 24px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.detail-socials .social-icon-btn:hover {
    background-color: var(--third-color);
    color: #ffffff;
    transform: translateY(-2px);
}

.contact-form-box-wrapper {
    border-radius: 24px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.09);
}

.contact-form-box-wrapper .form-title {
    font-size: 32px;
    color: white;
    padding: 24px;
    background-color: var(--third-color);
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

.contact-form-box-wrapper .contact-form-container-inner {
    padding: 0 24px 10px;
}

.contact-form-box-wrapper .form-desc {
    font-size: 13px;
}

.contact-map-wrapper {
    /* border-radius: 24px; */
    overflow: hidden;
    background-color: #f5f6fa;
    border: 1px solid #eaeaea;
     min-height: 500px;
    margin-top: -120px;
    margin-bottom: -8%;
}

.contact-map-wrapper iframe {
    width: 100% !important;
    height: 100% !important;
    min-height: 500px;
    border: 0;
    display: block;
}

.wpforms-container-full {
    margin: 0 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open:before{
    height: 0px!important;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-focused .choices__inner, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__inner, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__list--dropdown{
    border-color: var(--third-color);
}
div.wpforms-container .wpforms-form .choices__list--dropdown{
    min-width: auto!important;
    margin-top: -5px!important;
}
div.wpforms-container .wpforms-form .is-flipped .choices__list--dropdown{
    margin-top: 0!important;
    margin-bottom: -5px!important;
}
.is-flipped
div.wpforms-container-full input[type=submit]:hover,
div.wpforms-container-full input[type=submit]:active,
div.wpforms-container-full button[type=submit]:hover,
div.wpforms-container-full button[type=submit]:active,
div.wpforms-container-full .wpforms-page-button:hover,
div.wpforms-container-full .wpforms-page-button:active,
div.wpforms-container-full input[type=submit]:not(:hover):not(:active),
div.wpforms-container-full button[type=submit]:not(:hover):not(:active),
div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active),
div.wpforms-container-full input[type=date],
div.wpforms-container-full input[type=datetime],
div.wpforms-container-full input[type=datetime-local],
div.wpforms-container-full input[type=email],
div.wpforms-container-full input[type=month],
div.wpforms-container-full input[type=number],
div.wpforms-container-full input[type=password],
div.wpforms-container-full input[type=range],
div.wpforms-container-full input[type=search],
div.wpforms-container-full input[type=tel],
div.wpforms-container-full input[type=text],
div.wpforms-container-full input[type=time],
div.wpforms-container-full input[type=url],
div.wpforms-container-full input[type=week],
div.wpforms-container-full select,
div.wpforms-container-full textarea {
    background: none !important;
    background-color: var(--third-color) !important;
    color: #ffffff;
    border: none;
    padding: 5px 20px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    min-width: 150px;
}

.wpforms-container .wpforms-submit-container {
    padding: 0 !important;
}
.wpforms-container .wpforms-submit-container .wpforms-submit,div.wpforms-container-full button[type=submit]:not(:hover):not(:active){
    background: var(--gradient-button) !important;
}
.wpforms-container .wpforms-submit-container .wpforms-submit:hover{
    background: var(--gradient-hover-button) !important;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    text-align: center;
}

div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable {
    padding-right: 10px !important;
}

div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable:after {
    display: none !important;
}

.wpforms-container .wpforms-field-label-inline {
    word-break: auto-phrase !important;
}

div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column input[type=text],
div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column input[type=range],
div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column input[type=email],
div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column input[type=url],
div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column input[type=tel],
div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column input[type=number],
div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column input[type=password],
div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column input[type=file],
div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column select,
div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column textarea,
div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column .wpforms-field-row,
div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column .choices,
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner,
div.wpforms-container-full .wpforms-form textarea,
div.wpforms-container-full input[type=date],
div.wpforms-container-full input[type=datetime],
div.wpforms-container-full input[type=datetime-local],
div.wpforms-container-full input[type=email],
div.wpforms-container-full input[type=month],
div.wpforms-container-full input[type=number],
div.wpforms-container-full input[type=password],
div.wpforms-container-full input[type=range],
div.wpforms-container-full input[type=search],
div.wpforms-container-full input[type=tel],
div.wpforms-container-full input[type=text],
div.wpforms-container-full input[type=time],
div.wpforms-container-full input[type=url],
div.wpforms-container-full input[type=week],
div.wpforms-container-full select,
div.wpforms-container-full textarea {
    border: 0 !important;
    background-color: #f0f0f0 !important;
    border-radius: 8px !important;
    color: var(--text-color);
}

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single {
    background-color: #f0f0f0 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices {
    border-radius: 8px !important;
}

.wpforms-container .wpforms-field {
    padding: 1px !important;
    margin-bottom: 24px !important;
    padding-top: 5px !important;
}
.wpforms-container .wpforms-field.wpforms-field-textarea{
    padding: 1px !important;
    margin-bottom: 24px !important;
}
.wpforms-container .wpforms-field.wpforms-field-layout{
    padding: 0 !important;
    margin-bottom: 0 !important;
}
.pum-content .wpforms-container .wpforms-field.wpforms-field-layout{
    margin-bottom: 5px !important;
}
.wpforms-layout-column-33{
    padding: 0 10px!important;
}
.div.wpforms-container-full .wpforms-form .wpforms-submit-container{
    margin-top: 24px !important;
}
#pum-45208 .pum-content .div.wpforms-container-full .wpforms-form .wpforms-submit-container,.modal div.wpforms-container-full .wpforms-form .wpforms-submit-container,#programmesIntakeModal div.wpforms-container-full .wpforms-form .wpforms-submit-container{
    margin-top: 0 !important;
}
.has-text-align-center {
    text-align: center;
}

.ihs-section {
    padding-bottom: var(--section-spacing);
}

.ihs-title span.text-primary {
    color: var(--third-color);
}

.ihs-icon-wrapper {
    width: 45px;
    height: 45px;
    background-color: var(--primary-color);
}

.ihs-number {
    font-size: 3rem;
    font-weight: 500;
    line-height: 1;
    /* -webkit-text-stroke: 1px #dbe4ff; */
    color: #dbe4ff;
}

.ihs-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 2px solid #ffffff;
}

.ihs-card:hover {
    transform: translateY(-5px);
    border-color: var(--third-color);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

.ihs-dots-pattern {
    position: absolute;
    bottom: 20px;
    right: 5%;
    width: 150px;
    height: 150px;
    background-image: radial-gradient(var(--third-color) 2px, transparent 2px);
    background-size: 20px 20px;
    opacity: 0.15;
    z-index: 1;
}

/* ===== IHS Hero Intro Section ===== */
.ihs-hero-section {
    padding: var(--section-spacing) 0;
    background: #fff;
}

.ihs-hero-inner {
    display: flex;
    align-items: center;
    gap: 20px;
}
.ihs-hero-section .ihs-hero-inner{
    gap: 30px;
    align-items: end;
}
.ihs-hero-left {
    flex: 1;
    min-width: 0;
}

.ihs-hero-title {
    font-size: 38px;
    font-weight: 600;
    margin-bottom: 15px;
}

/* Right: image collage */
.ihs-hero-right {
    flex: 0 0 60%;
    max-width: 710px;
}
.ihs-hero-section .ihs-hero-right{
    max-width: 660px;
}
.ihs-hero-img-wrap {
    position: relative;
    width: 100%;
}

.ihs-hero-main-img {
    position: relative;
    z-index: 1;
    width: 100%;
    max-height: 450px;
    object-fit: cover;
    border-radius: 20px;
    display: block;
}

.ihs-main-img {
    max-height: 550px;
    border-radius: 24px;
}

/* ===== IHS Benefits Section ===== */
.ihs-benefits-section {
    padding: 70px 0 80px;
    background: #fff;
}

.ihs-benefits-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 48px;
}

.ihs-benefits-title {
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 600;
    color: var(--third-color);
    margin: 0;
}

/* Body: list + image */
.ihs-benefits-body {
    display: flex;
    align-items: stretch;
    gap: 60px;
}

.ihs-benefits-list {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ihs-benefit-item {
    padding: 15px 0;
    border-bottom: 1px solid #e8eaf0;
}

.ihs-benefit-item:hover .ihs-benefit-name {
    color: var(--primary-color);
}

.ihs-benefit-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 8px;
}

.ihs-benefit-num {
    font-size: 24px;
    font-weight: 600;
    color: var(--third-color);
    min-width: 24px;
}

.ihs-benefit-name {
    font-size: 18px;
    font-weight: 600;
    color: #0d0d2b;
    margin: 0;
}

.ihs-benefit-desc {
    font-size: 16px;
    color: #666;
    margin: 0;
    padding-left: 38px;
}

/* Right: image */
.ihs-benefits-img-col {
    flex: 0 0 50%;
    max-width: 40%;
}

.ihs-benefits-img-wrap {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    height: 100%;
    max-height: 600px;
}

.ihs-benefits-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* ===== IHS Testimonial Section ===== */
.ihs-student-testimonial {
    padding: var(--section-spacing) 0;
    background-color: var(--notice-color);
}

.ihs-student-testimonial__grid {
    display: grid;
    grid-template-columns: auto 550px;
    gap: 40px;
    align-items: center;
}

.ihs-student-testimonial__intro h2 {
    font-size: clamp(2rem, 3vw, 3rem);
    font-weight: 600;
    /* max-width: 360px; */
}

.ihs-student-testimonial__intro h2 span {
    color: var(--third-color);
}
.ihs-student-testimonial__media{
    position: relative;
}

.ihs-student-testimonial__media img {
    width: 100%;
    min-height: 420px;
    max-height: 600px;
    object-fit: cover;
    object-position: top;
    display: block;
    border-radius: 24px;
}

.ihs-student-testimonial__slider-wrap {
    margin-top: -230px;
    position: relative;
    z-index: 3;
    padding: 0;
    max-width: 700px;
}

.ihs-student-testimonial__item {
    padding: calc(30px + var(--section-spacing)) 30px 0 0;
}

.ihs-student-testimonial__card {
    background: #fff;
    border-radius: 24px;
    padding: 70px 40px 36px;
    position: relative;
}

.ihs-student-testimonial__avatar {
    position: absolute;
    top: -58px;
    left: 15%;
    transform: translateX(-50%);
    width: 116px;
    height: 116px;
    border-radius: 50%;
    border: 3px solid #1a73e8;
    background: #fff;
    padding: 6px;
    overflow: hidden;
}

.ihs-student-testimonial__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.ihs-student-testimonial__quote-mark {
    color: #d5d9e8;
    font-size: 80px;
    line-height: 1;
    margin-bottom: 5px;
    height: 40px;
}

.ihs-student-testimonial__review {
    border-left: 3px solid var(--primary-color);
    padding-left: 24px;
    margin-bottom: 34px;
    height: 95px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.ihs-student-testimonial__name {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--third-color);
}
.ihs-teacher-testimonial__values{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 10px;
    margin: auto;
    margin-top: 30px;
    max-width: 470px;
}
.ihs-teacher-testimonial__values .value_item{
    display: flex;
    gap: 15px;
    align-items: center;
    transition: .3s all;
    cursor: context-menu;
}
.ihs-teacher-testimonial__values .value_icon{
    font-size: 20px;
    border-radius: 50%;
    background: linear-gradient(180deg, #0047B3 0%, #1773ff 100%);
    box-shadow: 0 0 20px rgba(0, 47, 255, .3);
    color: white;
    text-align: center;
    align-content: center;
    height: 55px;
    width: 55px;
}
.ihs-teacher-testimonial__values .value_item:hover .value_icon{
    -webkit-animation: flip-vertical-left 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) .2s both;
	        animation: flip-vertical-left 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) .2s both;
}
@-webkit-keyframes flip-vertical-left {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
}
@keyframes flip-vertical-left {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
}

.ihs-teacher-testimonial__values p{
    margin-bottom: 0;
    font-weight: 600;
    font-size: 20px;
    width: min-content;
    transition: all .3s;
}
.ihs-teacher-testimonial__values .value_item:hover p{
    transform: translateX(5px);
}
.bottom-has-footer {
    margin-bottom: calc(-5% - var(--section-spacing));
    padding-bottom: 8%;
}
.bottom-has-footer .text-last-section{
    padding-top: 50px;
}
.spark{
    position:relative;
    display:inline-block;
}

.spark::before,
.spark::after{
    content:"";
    position:absolute;
    width:6px;
    border-radius:10px;
    background:var(--third-color);
}

.spark::before{
    height:18px;
    top:-24px;
    right:-42px;
    transform:rotate(-18deg);
}

.spark::after{
    height: 25px;
    top: -15px;
    right: 3px;
    transform:rotate(86deg);
}

.spark{
    --x:0;
}

.spark i{
    position: absolute;
    width: 6px;
    height: 35px;
    background: var(--third-color);
    border-radius: 10px;
    top: -20px;
    right: -16px;
    transform: rotate(35deg);
}
/* xoay từng nét */
.spark::after {
    transform:
        rotate(-10deg);
}

.spark::before {
    content: "";
    position: absolute;
    top: -5px;
    right: -5px;
    width: 6px;
    height: 20px;
    background: var(--third-color);
    border-radius: 999px;
    transform: translate(22px, 6px) rotate(70deg);
}
.spark-footer{
    float: right;
    transform: rotate(285deg);
    --third-color:var(--accent-color);
}

.ihs-student-testimonial__media .quote{
    width: 70px;
    height: 70px;
    top: -40px;
    left: -35px;
    position: absolute;
    background: var(--primary-color);
    font-size: 40px;
    align-content: center;
    text-align: center;
    border-radius: 50%;
    z-index: 5;
    color: white;
}
/* ===== IHS Degrees & Programs Section ===== */

.grid-three-program {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}

.ihs-degree-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #ffffff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none;
    height: 100%;
    cursor: pointer;
}

.ihs-degree-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.09);
}

.ihs-degree-card-info {
    padding: 24px 24px 40px;
    background: #ffffff;
    position: relative;
    z-index: 1;
}

.ihs-degree-card-title {
    font-weight: 600;
    min-height: 58px;
    font-size: 20px;
}

.ihs-degree-card-divider {
    width: 40px;
    height: 3px;
    background-color: var(--accent-color);
    /* Red color (#E4002B) */
    margin-bottom: 15px;
}

.ihs-degree-card-count {
    font-size: 0.875rem;
    color: #777777;
    margin: 0;
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ihs-degree-card-count a:hover {
    color: var(--third-color);
}

.ihs-degree-card-body {
    position: relative;
    height: 375px;
    overflow: visible;
}

.ihs-degree-card-img-wrap {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.ihs-degree-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.ihs-degree-card:hover .ihs-degree-card-img {
    transform: scale(1.06);
}

.ihs-degree-card-btn {
    position: absolute;
    top: -25px;
    /* align centered on the slant line start point */
    left: 24px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--third-color);
    /* Dark blue/navy color */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.ihs-degree-card:hover .ihs-degree-card-btn {
    transform: rotateZ(90deg);
}
.ihs-gce-programmes{
    /* background:#FFEEE5 ; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: calc(var(--section-spacing) * 1.5) 0;
}
.ihs-gce-programmes li{
    margin-bottom: 30px;
}
.ihs-gce-programmes .ihs-hero-title{
    font-size: 38px;
}
.ihs-gce-programmes .ihs-hero-main-img{
    /* width: 500px;
    height: 500px;
    max-height: unset;
    object-position: -5px 0;
    object-fit: cover; */
    /* border-radius: 24px; */
}
.ihs-gce-programmes .ihs-hero-right{
    flex: unset;
}
.ihs-gce-programmes .ihs-hero-img-wrap{
    text-align: end;
}
/* What Sets Us Apart Template Styles */
.wsua-intro-section {
    padding: 0;
}

.wsua-intro-card {
    background-color: var(--notice-color);
    border-radius: 24px;
    padding: 36px;
    /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); */
    /* border: 1px solid #e2e8f0; */
    margin-bottom: 40px;
    margin-top: 40px;
    text-align: justify;
}
.box-icon-value{
    display: flex;
    gap: 15px;
    align-items: flex-start;
    margin-bottom: 30px;
}
.box-icon-value .icon-values {
    width: 60px;
    object-fit: cover;
}
.box-icon-value h3{
    margin-bottom: 10px;
}
/* Layout for logo and timeline */
.wsua-features-layout {
    display: flex;
    align-items: center;
    position: relative;
    gap: 50px;
    margin: var(--section-spacing) 0;
}

.wsua-features-left {
    flex: 0 0 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wsua-logo-circle {
    width: 280px;
    height: 280px;
    border-radius: 50%;
    border: 10px solid #fbbc05;
    outline: 10px solid #ffffff;
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 25px;
    box-sizing: border-box;
    position: relative;
}

.wsua-logo-circle img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}

.wsua-features-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
}

.wsua-feature-row {
    display: flex;
    align-items: center;
    position: relative;
    gap: 0;
}

.wsua-icon-circle-outer {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 15px 15px 15px rgb(0 0 0 / 15%);
    background: white;
    flex-shrink: 0;
    z-index: 2;
    box-sizing: border-box;
    position: relative;
    margin-right: -60px;
}

.wsua-icon-circle-outer.orange-border {
    outline: 4px solid #eb611e;
}

.wsua-icon-circle-outer.teal-border {
    outline: 4px solid #00bfa5;
}

.wsua-icon-circle-inner {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset 0 2px 10px rgba(0,0,0,0.06);
    background: #ffffff;
}

.wsua-svg-icon {
    width: 36px;
    height: 36px;
}

.wsua-card-content {
    flex: 1;
    border-radius: 100px;
    padding: 20px 50px 15px 70px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 250px;
    text-align: center;
    align-items: center;
}
.wsua-card-content p{
    font-size: 16px;
}
.wsua-card-content.orange-bg {
    background-image: linear-gradient(to right,
            #F14B1E 0%,
            #F16D1E 100%);
}

.wsua-card-content.teal-bg {
    background-image: linear-gradient(to right,
            #07BFD1 0%,
            #27C7A6 100%); 
}

.wsua-card-title {
    font-size: 26px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    max-width: 500px;
}

/* Connectors */
.wsua-connector-dot {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    position: absolute;
    left: -60px;
    z-index: 3;
}

.wsua-connector-dot.orange-dot {
    background-color: #eb611e;
    bottom: 30px;
    transform: translateY(-50%);
}

.wsua-connector-dot.teal-dot {
    background-color: #00bfa5;
    top: 40px;
    transform: translateY(-50%);
}

.wsua-connector-line {
    position: absolute;
    height: 2px;
    background: #DADBDC;
    z-index: 1;
}

.wsua-connector-line.top-line {
    width: 50px;
    left: -47px;
    bottom: 91px;
    transform: rotate(-37deg);
    transform-origin: right center;
}

.wsua-connector-line.bottom-line {
    width: 45px;
    left: -47px;
    top: 74px;
    transform: rotate(36deg);
    transform-origin: right center;
}

/* Separator Line */
.wsua-cards-separator {
    display: flex;
    width: 240px;
    height: 4px;
    border-radius: 0;
    overflow: hidden;
    margin: auto;
    transform: translateX(55px);
}

.sep-color {
    flex: 1;
    height: 100%;
}

.sep-color:nth-child(1) { background-color: #F1230C; }
.sep-color:nth-child(2) { background-color: #FBA941; }
.sep-color:nth-child(3) { background-color: #8CC740; }
.sep-color:nth-child(4) { background-color: #27C7A6; }

.wsua-join-section {
    /* background-color: rgb(204 226 253); */
    background-color: var(--notice-color);
}

.wsua-join-bar {
    padding-top: var(--section-spacing);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.wsua-join-title {
    margin: 0;
    max-width: 600px;
}

.wsua-join-btn {
    background: var(--gradient-button);
    color: white;
    padding: 10px 35px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: transform 0.2s ease;
    border-radius: 12px;
    white-space: nowrap;
    cursor: pointer;
}

.wsua-join-btn:hover {
    background: var(--gradient-hover-button);
}

.wsua-arrow {
    width: 16px;
    height: 16px;
    stroke-width: 2.5px;
}

.lr-layout-container {
    display: flex;
    align-items: center;
    margin: 0 auto;
    gap: 40px;
}

.lr-right-side {
    background: #f9f9f9;
    padding: 30px;
    border-radius: 12px;
}

.lr-right-side :last-child {
    margin-bottom: 0;
}

p.border-top-orange ,.border-top-orange{
    border-top: 2px solid var(--third-color);
    padding-top: 20px;
}
.border-custom,.border-custom img{
    border-radius: 24px;
}
.course-sidebar .border-bottom{
    border-color: var(--notice-color)!important;
}
/* AEIS Page */
.aeis-table tbody tr p {
    margin-bottom: 0;
}

/* Facilities Masonry Gallery */
.masonry-grid {
    column-count: 3;
    column-gap: 24px;
    margin-top: 24px;
    margin-bottom: -24px;
    text-align: left;
}

@media (max-width: 991px) {
    .masonry-grid {
        column-count: 2;
        column-gap: 20px;
    }
}

@media (max-width: 575px) {
    .masonry-grid {
        column-count: 1;
    }
}

.masonry-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 24px;
    break-inside: avoid;
    box-sizing: border-box;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.masonry-card {
    border-radius: 24px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.masonry-card:hover {
    transform: translateY(0px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

.masonry-card img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.masonry-item .masonry-card[data-index='6']{
    max-height: 225px;
}
.masonry-item-title {
    font-size: 24px;
    font-weight: 600;
    color: white;
    margin: 0;
    text-transform: capitalize;
}

.masonry-item-info,.bg-overlay {
    position: absolute;
    inset: 0;
    background: #eb621e9c;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    opacity: 0;
    clip-path: inset(100% 100% 100% 100%);
    transition: clip-path .5s ease, opacity .5s ease;
}

.masonry-card:hover .masonry-item-info {
    opacity: 1;
    clip-path: inset(0 0 0 0);
}

/* Rounded Circle Icon Container */

.grid-2-column {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* lệch trái phải */
.grid-2-column .healthier-card:nth-child(odd) {
    margin-right: 35px;
}

.grid-2-column .healthier-card:nth-child(even) {
    margin-left: 35px;
}

.healthier-card {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px 12px;
    /* glass */
    background: rgba(255, 255, 255, .18);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 12px;
    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, .35),
        0 8px 24px rgba(0, 0, 0, .12);

    transition: all .3s ease;
}

.bg-glass {
    background: rgba(255, 255, 255, .18);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 12px;
    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, .35),
        0 8px 24px rgba(0, 0, 0, .12);
}

.healthier-card:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, .22);
}
.aeis-preferred-section .card-icon-circle{
    width: 60px;
    height: 60px;
    background-color: var(--primary-color);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 25px;
}
.healthier-card .card-icon-circle {
    width: 64px;
    height: 64px;
}

/* .healthier-card .card-icon-circle img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(7500%) hue-rotate(297deg) brightness(116%) contrast(100%);
} */

.healthier-card h5 {
    color: #fff;
    font-weight: 600px;
}

.healthier-card p {
    color: rgba(255, 255, 255, .85);
    font-size: 14px;
}

.heading-cambride-year {
    padding: 15px 20px 15px 20px;
    background-color: var(--third-color);
    font-size: 16px;
    text-transform: uppercase;
    color: white;
    border-radius: 12px;
    font-weight: 600;
}

/* Tabs Custom CSS */
.tabs-custom {
    flex-direction: column;
}

.tabs-custom .sp-eab-sidebar-tabs-nav-wrapper,
.tabs-custom .sp-eab-sidebar-tabs-content {
    width: 100%!important;
    border: 0!important;
}
.tabs-custom .eab-content->.sp-eab-accordion-content-wrapper{
    padding: 0;
    border: 0!important;
}
.sp-eab-sidebar-tab-accordion {
    max-width: 100%;
}

.tabs-custom .sp-eab-sidebar-tabs-nav {
    flex-direction: row;
    justify-content: space-around;
    gap: 15px!important;
    margin-bottom: 1.5rem;
    width: 100%;
}

.tabs-custom .sp-eab-accordion-heading {
    width: 100%!important;
    color: var(--text-color);
    background: var(--notice-color);
    border-radius: 12px;
    /* padding: 12px 15px!important; */
    min-height: 50px!important;
}

.tabs-custom .sp-eab-accordion-heading {
    width: 100%;
    color: var(--text-color);
    background: var(--notice-color);
    border-radius: 12px!important;
    border: 0!important;
    /* padding: 12px 15px!important; */
    font-size: 16px;
    gap: 15px!important;
    transition: all .3s ease;
}

.tabs-custom .eab-expand.sp-eab-accordion-heading {
    background: var(--third-color);
    color: white;
}
.tabs-custom .sp-eab-accordion-heading:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}
.tabs-custom .eab-icon-static {
    display: none;
}

.tabs-custom .accordion .sp-eab-accordion-header-start {
    text-align: center;
}

.tabs-custom .sp-justify-left {
    justify-content: center;
}

.max-w-50 {
    max-width: 50%;
}
.max-w-50.w-md-50{
    width: 50%;
}
.box-fee {
    background: var(--third-color);
    color: white;
    padding: 15px;
    line-height: 1.5;
    height: auto;
}
.max-w-245px{
    max-width: 245px;
}
.max-w-450{
    max-width: 450px;
}
.max-w-475 {
    max-width: 475px;
}
.max-w-770{
    max-width: 770px;
}
.max-w-850{
    max-width: 850px;
}
.max-w-960{
    max-width: 960px;
    margin: auto;
}
/* Page Student Council */
.list-student-council {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
    margin-bottom: 40px;
}

.list-student-council .council-card {
    background: var(--third-color);
    padding: 15px;
    border-radius: 24px;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
    transition: all .3s ease;
    cursor: pointer;
}

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

.list-student-council .council-card img {
    border-radius: 20px;
    margin-bottom: 20px;
}

.list-student-council .council-card .name-student {
    color: white;
    text-align: center;
    margin-bottom: 5px;
    font-size: 20px;
}

.slide-wrapper {
    position: relative;
}

.slide-wrapper .dot-slide .btn-arrow {
    position: absolute;
    top: 47%;
    z-index: 1;
}

.slide-wrapper .dot-slide .btn-prev {
    left: -25px;
}

.slide-wrapper .dot-slide .btn-next {
    right: -25px;
}
/* Programmes Detail 2 */
.grid-three-column{
    /* display: flex; */
    gap: 15px;
}
.grid-three-column > div{
    /* border-right: 1px solid #444; */
    padding: 0;
    width: stretch;
}
.grid-three-column > div:last-child{
    border: 0;
}
.grid-three-column ul{
    padding-right: 0;
}
.title-column{
    font-size: 18px;
    min-height: 45px;
    align-content: center;
}
.title-topic{
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 30px;
    margin-top: 15px;
}
.title-topic .gradient-text{
    margin-bottom: 0;
    margin-left: 16px;
    margin-right: 16px;
}
.title-topic::before,
.title-topic::after {
    content: '';
    flex: 1;
    min-width: 30px;
    height: 3px;
    background: var(--accent-color);
}

.title-topic .diamond {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 18px;
}

.title-topic .diamond::before,
.title-topic .diamond::after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    background: white;
    border: 3px solid var(--accent-color);
    transform: translateY(-50%) rotate(45deg);
}

.title-topic .diamond::before {
    left: -18px;
}

.title-topic .diamond::after {
    right: -18px;
}
.gradient-text,.gradient-text-line{
    position: relative; 
    font-weight: 800;
    text-transform: uppercase;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: var(--gradient-color);
    background-clip: text;
}
.gradient-text-top-down{
    position: relative; 
    font-weight: 900;
    text-transform: uppercase;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: var(--gradient-color-top-down);
    background-clip: text;
}
.border-accent{
    border-radius: 24px;
    border: 1px solid var(--accent-color);
    width: max-content;
    padding: 7px 50px;
}
.table-module-programme{
    margin-top: 40px;
}
.table-module-programme thead tr th:first-child{
    min-width: 200px;
}
.table-module-programme tr th,.table-module-programme tr td:first-child{
    text-align: center;
}
.table-module-programme ul,.table-module-programme ul li:last-child{
    margin: 0;
}
.box-programme{
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    padding: 24px 10px;
    border-radius: 24px;
}
.box-programme ul{
    margin: 0;
}
.box-programme ul li:last-child{
    margin-bottom: 0;
}
.list-objectives{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px 10px;
}
.list-objectives.two-column{
    grid-template-columns:repeat(2,1fr);
}
.item-object{
    display:flex;
}

.item-object .number{
    position:relative;
    width: 90px;
    min-width: 90px;
    height: 120px;
    display:flex;
    font-size: 72px;
    padding-right: 20px;
    align-items: center;
    background-image: url('../images/icon-path-number.png');
    background-size: contain;
    background-repeat: no-repeat;
    justify-content: flex-end;
}
.item-object:first-child .number{
    padding-right: 30px;
}
.item-object .number span{
    height: min-content;
    line-height: .8;
}
/* đường chấm dọc */
.item-object p{
    position:relative;
    margin:0;
    padding:0;
    padding-top: 17px;
    text-align: left;
}

.item-object .number::after{
    content: '';
    position: absolute;
    right: 8px;
    top: 20px;
    bottom: 0;
    border-left: 2px dashed #eb611e;
}
.position-sticky{
    position: sticky;
    top: 100px;
}
.vertical-tabs-custom .sp-eab-accordion-heading{
    width: 100%;
    color: var(--text-color);
    background: #F0F7FF;
    border-radius: 12px;
    padding: 12px 30px;
    font-size: 20px;
    gap: 15px;
    margin-bottom: 15px;
}
.vertical-tabs-custom .eab-expand.sp-eab-accordion-heading {
    background: var(--third-color);
    color: white;
}   
.vertical-tabs-custom .sp-eab-sidebar-tabs-nav{
    width: max-content;
    position: sticky;
    top: 0;
}
.vertical-tabs-custom{   
    column-gap: 20px;
    margin-top: var(--section-spacing);
}
.vertical-tabs-custom .sp-eab-accordion-content-wrapper{
    padding: 24px;
    border: 2px solid var(--third-color);
    border-radius: 24px;
}
.vertical-tabs-custom .sp-eab-sidebar-tabs-nav-wrapper{
    width: max-content;
}
.vertical-tabs-custom .sp-eab-sidebar-tabs-content {
    width: 100%;
}
.vertical-tabs-custom .sp-eab-sidebar-tabs-content .sp-eab-sidebar-tab-item{
    -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
section .fade-in-bottom{
    -webkit-animation: fade-in-bottom 1s both;
	        animation: fade-in-bottom 1s both;
}
section .slide-in-left {
	-webkit-animation: slide-in-left .7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-left .7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
section .fade-in-bottom{
    transition-delay: .7s;
    animation-delay: .7s;
}
.max-w-50-container .fade-in-bottom:last-child{
    transition-delay: 1.5s;
    animation-delay: 1.5s;
}
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-500px);
            transform: translateX(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-500px);
            transform: translateX(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
/* Page Living in Singapore */
.content-living h2{
    color: var(--third-color);
    font-size: 32px;
    margin-bottom: 24px;
}
.content-living .wp-block-image,.content-living p{
    margin-bottom: 60px;
}
.content-living .is-layout-flex{
    gap:30px;
    margin-bottom: 60px;
}
/* Page Programmes Parent */
.category-grid-three{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:15px 30px;
    width: 100%;
}
.category-grid-three >*{
    width: 100%;
}
.category-grid-three .category-item{
    min-height: unset;
    padding:15px 33px;
    /* justify-content: center; */
}
.wp-block-video{
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    aspect-ratio: 3 / 2;
}

.wp-block-video video{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    object-position: top left;
}
.wp-block-video [poster] {
    object-fit: cover;
    object-position: center;
}
.wp-block-video video.is-playing {
    object-fit: contain;
    background: var(--third-color);
}
.h-502px{
    height: 500px;
}
#tablepress-89 tbody tr.row-8 {
	background: var(--gradient-color);
}

#tablepress-89 tbody tr.row-8 td {
	color: white;
}
#tablepress-89 tbody tr.row-8 td.column-1{
    border-right-color: white;
}
#tablepress-89 tbody tr.row-8 td.column-2{
    border-left-color: white;
}
.fw-bold ,.fw-bolder{
    font-weight: 600 !important;
}
/* .animate-scroll {
    opacity: 0;
    transform: translateY(40px);
    transition:
        opacity 0.8s ease,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.animate-scroll.fade-in-bottom {
    opacity: 1;
    transform: translateY(0);
} */
.partner-item img[alt='Logo 1']{
    transform: scale(.9);
}
.clean-list a:hover{
    transform: translateX(5px);
}
.clean-list a:hover span{
    color: #DEE339!important;
}
.image__vatel-MBA,.image__vatel{
    width: 160px;
    height: 280px;
    object-fit: contain;
    margin-right: 20px;
    margin-bottom: 10px;
}
.image__logo_partner{
    width: 122px;
    height: 135px;
    object-fit: contain;
    margin-right: 20px;
    margin-bottom: 10px;
}
.image__west_london {
    height: 85px;
    object-fit: contain;
    object-position: top;
    width: 39%;
}
.para-in-img p{
    padding-left: 180px;
}
.para-in-img a:hover img{
    opacity: .8;
}
img.icon-close{
    width: 11px;
    height: 16px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(96%) saturate(0%) hue-rotate(56deg) brightness(104%) contrast(107%);
    transform: translateY(0.5px);
}
h1.custom-heading {
    text-transform: capitalize;
}
.show-tablet{
    display: none;
}
.img-in-para{
    display: grid;
    grid-template-columns: 125px 1fr;
    gap: 15px;
    align-items: end;
}
.img-in-para img{
    object-position: top;
    width: 100%;
}
.img-logo-ioh{
    max-height: 110px;
    width: auto;
    padding: 12px;
    border-radius: 12px;
    border: 2px solid var(--primary-color);
}
.bg-eclipse {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 400' preserveAspectRatio='none'%3E%3Cpath fill='%23F1FFBD' d='M0 0 C180 55 350 65 500 65 C650 65 820 55 1000 0 L1000 400 C820 350 650 340 500 340 C350 340 180 350 0 400 Z'/%3E%3C/svg%3E");
    background-size: 160vw 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: calc(25% - var(--section-spacing));
    padding-top: 2%;
    margin-bottom: -22%;
}
.bg-eclipse .spacing-bg-eclipse{
    margin-bottom: 8%;
}
.slide-council-member .item-slide img{
    border-radius: 24px;
}
.slide-council-member{
    margin:0 -15px;
}
.slide-council-member .item-slide{
    margin:0 15px;
}
.bg-eclipse-2{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 400' preserveAspectRatio='none'%3E%3Cpath fill='%23F1FFBD' d='M0 0 C180 55 350 65 500 65 C650 65 820 55 1000 0 L1000 400 C820 350 650 340 500 340 C350 340 180 350 0 400 Z'/%3E%3C/svg%3E");
    background-size: 100vw 100%;
    background-position: center;
    background-repeat: no-repeat;
}
/* Page Contact */
.contact-top-section{
    display: flex;
}
.contact-top-section .contact-left{
    padding: 24px;
    background: linear-gradient(135deg, #FE6F20 0%, #FED700 100%);
    width: 100%;
    max-width: 400px;
    border-radius: 24px 0 0 24px;
    color: white;
}
.contact-top-section .detail-label{
    margin-bottom: 40px;
    font-size: 24px;
}
.contact-top-section .detail-item{
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 40px;
}
.contact-top-section .detail-item .detail-value,.contact-top-section .detail-item .detail-value p{
    margin: 0;
    color: white;
}
.contact-top-section hr{
    opacity: 1;
    border-width: 2px;
    margin: 40px 0;
}
.contact-top-section .contact-right{
    background: linear-gradient(135deg, #A3D5E0 0%, #20B1AA 100%);
    padding: 24px;
    border-radius: 0 24px 24px 0;
}
.form-title{
    margin-bottom: 20px;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable.choices__placeholder{
    font-weight: 600;
}
.fsize-13px{
    font-size:13px;
}