/* =========================================================
   RESPONSIVE STYLESHEET
   =========================================================
   All breakpoint-specific overrides are maintained here.
   Base/component styles remain in style.css.
   Original cascade order is preserved for migrated rules.
   ========================================================= */

@media (max-width: 1600px) {
    .common-padding-lg {
        padding:var(--space-28) var(--space-16);
    }

    .site-logo-menu,.common-page-banner-area{
        padding:0 var(--space-16);
    }
    .nsu-main-home-page-hero-banner-section .site-logo-menu.nsu-main-logo-menu .header-top-area {
        padding:6px var(--space-16);
    }

    .nsu-main-home-page-hero-banner-section .site-logo-menu.nsu-main-logo-menu .logo-menu-area,.nsu-main-home-page-hero-banner-section .site-logo-menu.nsu-main-logo-menu .logo-menu-area.is-sticky{
        padding:0px var(--space-16);
    }
    .card-square-padding-lg, .notice-left-content {
        padding: var(--space-10);
    }
    .radius-lg{
        border-radius: var(--radius-5xl);
    }
    .radius-md{
        border-radius: var(--radius-3xl);
    }
    .footer-title {

        font-size: var( --font-size-4xl);

    }
    .footer-text {
        font-size: var(--font-size-2xl);
    }
    .news-paper-style-content .section-content-area,.event-section .section-content-area {
        display: grid;
        grid-template-columns: 3fr 1.2fr;
        gap: var(--space-10);
    }

    .news-paper-style-content .feature-row-one .single-news-item {
        gap: var(--space-8);
    }
    .news-paper-style-content .right-area.nsu-card .single-news-item {
        gap: var(--space-4);

    }
    .single-news-item-image {
        border-radius: var(--radius-lg);
    }
    .submenu-items-content-wrapper {

        grid-template-columns: 1fr 1fr;
        gap: var(--space-12);

    }
    .dropdown-panel.mega-menu-area,  .submenu-items-content-wrapper  {
        height: 550px;
    }
    .submenu-items-content-row, .submenu-items-wrapper {
        width: 100%;
    }
    .mega-menu-content {
        grid-template-columns: 4fr 8fr;
    }


    .logo-menu-area
    .menu-area-section
    .top-menu li {
        text-align: center;
        border-radius: var(--space-4)!important;
        overflow: hidden;
    }
    .logo-menu-area
    .menu-area-section
    .top-menu {
        background: #0982bb14;
        border-radius: var(--space-4);
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        gap: 0;
    }

    ul.top-menu li:has(.active) {
        background: var(--color-brand-secondary);
        color: var(--color-text-inverse);
    }
    .top-menu li .active{
        color: var(--color-text-inverse)!important;
    }

}

/* Desktop */
@media (max-width: 1399.98px) {
    .common-padding-lg {
        padding:var(--space-24) var(--space-12);
    }
    .nsu-main-home-page-hero-banner-section .site-logo-menu.nsu-main-logo-menu .logo-menu-area,
    .nsu-main-home-page-hero-banner-section .site-logo-menu.nsu-main-logo-menu .header-top-area
    {
        padding: 0px var(--space-12);
        width: 100%!important;
    }

    .nsu-main-home-page-hero-banner-section .site-logo-menu.nsu-main-logo-menu .logo-menu-area.is-sticky
    {
        padding: 0px var(--space-12);
        width: 100%!important;
    }
    .nsu-main-home-page-hero-banner-section .site-logo-menu.nsu-main-logo-menu .header-top-area {
        padding: 6px var(--space-12);
    }
    .nsu-main-home-page-hero-banner-section .logo-menu-area .menu-area-section {
        padding: var(--space-2) 0px;

    }
    .nsu-main-home-page-hero-banner-section .logo-menu-area .mobile-menu-items-area {
        position: fixed;
        background: var(--color-text-inverse);
        left: 0;
        width: 92%;
        margin: 0% 4%;
        margin-top: 41px;
        padding: 0px var(--space-4);
        border-bottom-left-radius: var(--radius-2xl);
        border-bottom-right-radius: var(--radius-2xl);
        box-shadow: var(--card-shadow);
        height: 0vh;
        overflow-y: scroll;
        top: 98px;
    }
    .nsu-main-home-page-hero-banner-section .logo-menu-area.is-sticky .mobile-menu-items-area {
        position: fixed;
        background: var(--color-text-inverse);
        left: 0;
        width: 92%;
        margin: 0% 4%;
        margin-top: 77px;
        padding: 0px var(--space-4);
        border-bottom-left-radius: var(--radius-2xl);
        border-bottom-right-radius: var(--radius-2xl);
        box-shadow: var(--card-shadow);
        height: 0vh;
        overflow-y: scroll;
        top: 0px;
    }
    .nsu-main-home-page-hero-banner-section img.sites-logo {
        height: var(--space-20);
        transition: transform var(--transition-base), box-shadow var(--transition-base);
    }
    .nsu-main-home-page-hero-banner-section .logo-menu-area.is-sticky img.sites-logo {
        height: 60px;
        transition: transform var(--transition-base), box-shadow var(--transition-base);
    }
    .site-logo-menu,.common-page-banner-area{
        padding:0 var(--space-12);
    }
    .radius-lg{
        border-radius: var(--radius-4xl);
    }
    .radius-md{
        border-radius: var(--radius-2xl);
    }
    .news-paper-style-content .section-content-area {
        gap: var(--space-8);
    }

    .news-paper-style-content .feature-row-one .single-news-item-image img {
        height: 320px;
        border-radius: var(--radius-2xl);
    }
    .news-paper-style-content .feature-row-two .single-news-item-image img {
        height: 180px;
        border-radius: var(--radius-2xl);
    }
    .news-paper-style-content .feature-row-one .single-news-item {
        gap: var(--space-6);
    }
    .news-paper-style-content
    .right-area.nsu-card
    .single-news-item
    .single-news-item-image {
        flex: 0 0 100px;
        width: 100px;
        height: 65px;
        overflow: hidden;
        border-radius: var(--radius-xl);
    }
    .news-paper-style-content .feature-row-one .single-news-item-image img {

        height: 360px;

    }
    .news-paper-style-content .feature-row-two .single-news-item-image img {
        height: 180px;

    }
    .event-section .section-content-area {
        gap: var(--space-8);
    }
    .event-section .left-area {
        grid-template-columns: repeat(2, 1fr);
    }


    .page-banner-section {
        height: 500px;
    }
    .logo-menu-area .desktop-menu-area {
        display: none;
    }


    .header-top-right ul li {
        padding-inline: var(--space-2);
    }


    .mobile-menu-area {
        display: block;
        width: 100%;
    }
    .mobile-menu-area-wrapper {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }
    .logo-menu-area
    .menu-area-section
    ul  {
        margin: var(--space-10) 0;
    }

    .mobile-dropdwon ul {
        margin: 0px 0!important;
    }
    li.mobile-nav-dropdown.is-open {
        padding: var(--space-2) 0px 0px 0px!important;
    }
    li.mobile-nav-dropdown.is-open .mobile-nav-dropdown-trigger{
        padding-bottom: var(--space-3);
    }
    .logo-menu-area
    .menu-area-section
    ul li {
        display: block;
        margin-right: 0;
        width: 100%;
        border-bottom: var(--border-light);
        text-align: left;
        padding: var(--space-2) 0px;
        border-radius: var(--space-1);
    }
    .mobile-dropdwon
    ul li , .mobile-nav-dropdown .mobile-dropdwon ul li a{

        padding: 0px var(--space-4);

    }
    .mobile-menu-items-area {
        position: fixed;
        background: var(--color-text-inverse);
        left: 0;
        width: 92%;
        margin: 0% 4%;
        margin-top: 41px;
        padding: 0px var(--space-4);
        border-bottom-left-radius: var(--radius-2xl);
        border-bottom-right-radius: var(--radius-2xl);
        box-shadow: var(--card-shadow);
        height: 0vh;
        overflow-y: scroll;
    }

    .common-page-banner-area {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 344px;
    }
    .common-page-banner-area  h1 {
        font-size: var(--font-size-7xl);

    }
    .nsu-main-home-page-hero-banner-section  .site-logo-menu.nsu-main-logo-menu .logo-menu-area
    .menu-area-section
    ul li a {
        color: var(--color-brand-primary);
    }
    .nsu-main-home-page-hero-banner-section .site-logo-menu.nsu-main-logo-menu .logo-menu-area .mobile-menu-area
    .mobile-dropdwon .submenu-items-title a{
        color: var(--color-brand-primary)!important;
    }
    .header-top-left {
        display: none;
    }
    .nsu-main-logo-menu .header-top-right {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    .nsu-main-logo-menu .header-top-right .info-text {
        border-right: 0;
    }


    .logo-menu-area
    .menu-area-section
    .top-menu {
        grid-template-columns: 1fr 1fr 1fr ;

    }

}
/* Laptop */
@media (max-width: 1199.98px) {
    .common-padding-lg {
        padding:var(--space-20) var(--space-10);
    }
    .nsu-main-home-page-hero-banner-section .site-logo-menu.nsu-main-logo-menu .logo-menu-area,
    .nsu-main-home-page-hero-banner-section .site-logo-menu.nsu-main-logo-menu .header-top-area
    {
        padding: 0px var(--space-10);
        width: 100%!important;
    }

    .nsu-main-home-page-hero-banner-section .site-logo-menu.nsu-main-logo-menu .logo-menu-area.is-sticky
    {
        padding: 0px var(--space-10);
        width: 100%!important;
    }
    .site-logo-menu,.common-page-banner-area{
        padding:0 var(--space-10);
    }
    .card-padding-lg {
        padding: var(--space-10);
    }
    .news-paper-style-content .section-content-area {
        grid-template-columns: 1fr;
    }
    .news-paper-style-content .right-area.nsu-card {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .news-paper-style-content .right-area.nsu-card .single-news-item {
        gap: var(--space-4);
    }

    .news-paper-style-content
    .right-area.nsu-card
    .single-news-item
    .single-news-item-image {
        flex: 0 0 var(--space-20);
        width: var(--space-20);
        height: 60px;
        overflow: hidden;
        border-radius: var(--radius-xl);
    }
    .section-title-content h6 {
        font-size: var(--font-size-5xl);

    }
    .section-title-content p {
        font-size: var(--font-size-xl);
    }
    .button-secondary span {
        font-size: var(--font-size-lg);

    }


    .button-secondary .btn-icon {
        width: var( --space-12);
        height: var( --space-12);

    }

    .event-section .section-content-area {
        grid-template-columns: 1fr;
        gap: var(--content-gap);
        margin-bottom: var(--space-8);
    }
    .event-section .recent-event-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .event-section .left-area {

        grid-template-columns: repeat(2, 1fr);

    }
    .event-section .single-event-image-area {
        height: 220px;
    }
    .event-section .right-area h2 {
        text-align: center;
    }


    .common-page-banner-area {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 344px;
    }
    .common-page-banner-area  h1 {
        font-size: var(--font-size-7xl);

    }

    .notice-section .section-content-area {

        grid-template-columns: 1fr;
        margin-bottom: 0;
    }
    .single-item-btn-area button {
        padding: var(--space-3) var(--space-4);
        font-size: var(--font-size-md);

    }
    .notice-left-section {

        height: 100%;

    }
    .notice-left-content {

        gap: var(--space-12);
    }
    .notice-section .section-content-area {
        grid-template-columns: 1fr;
        margin-bottom: 0;
        display: block;
    }
    .notice-section  .notice-left-content {
        gap: var(--space-12);
        margin-bottom: var(--space-12);
    }
    img.poster-image {
        width:600px;
        height: 220px;
        border: var(--space-2) solid var(--color-text-inverse);
    }
    section.page-banner-section.home-page-hero-banner-section.nsu-main-home-page-hero-banner-section .header-top-area {
        padding: 6px var(--space-10);
    }


    /* Admission landing */
    .admission-quick-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Tablet */
@media  (max-width: 991.98px) {
    .notice-left-section .notice-left-content {
        padding: 0;
        display: block;
    }
    .notice-left-section .notice-left-content .title-area{
        padding: var(--space-6);
    }
    .notice-left-content .title-area h6 {

        font-size: var(--font-size-3xl);

    }
    .notice-left-section .filter-area {
        border-radius: 0;

    }
    .common-padding-lg {
        padding:var(--space-16) var(--space-8);
    }
    .nsu-main-home-page-hero-banner-section .site-logo-menu.nsu-main-logo-menu .logo-menu-area,
    .nsu-main-home-page-hero-banner-section .site-logo-menu.nsu-main-logo-menu .header-top-area
    {
        padding: 0px var(--space-8);
        width: 100%!important;
    }

    .nsu-main-home-page-hero-banner-section .site-logo-menu.nsu-main-logo-menu .logo-menu-area.is-sticky
    {
        padding: 0px var(--space-8);
        width: 100%!important;
    }
    .site-logo-menu,.common-page-banner-area{
        padding:0 var(--space-8);
    }
    .footer-section-menu-content,.footer-section-menu-area {
        margin-bottom: var(--space-10);
    }

    .footer-section-menu-content h4 {
        margin: 0 0 var(--space-4);
        font-size: var(--font-size-xl)
    }
    .footer-section-menu-content ul li {
        margin-bottom: var(--space-2);
    }
    .footer-section-menu-content:last-child{
        margin-bottom: 0;
    }
    a.footer-link {
        display: block;
        margin: 0px auto;
        margin-bottom: var( --space-4);
    }
    .footer-title {

        font-size: var( --font-size-2-5xl);

    }
    .footer-text {
        font-size: var( --font-size-md);

    }
    .footer-section-branding-area {
        text-align: center;
    }
    .card-padding-lg {
        padding: var(--space-12) var(--space-6);
    }
    .radius-lg{
        border-radius: var(--radius-3xl);
    }
    .radius-md{
        border-radius: var(--radius-2xl);
    }
    .only-small-device-visbible{
        display: flex!important;
    }
    .left-area.nsu-card{
        display: none!important;
    }
    .news-paper-style-content .section-content-area {
        grid-template-columns: 12fr;
    }

    .news-paper-style-content .right-area.nsu-card .single-news-item {
        gap: var(--space-4);
    }
    .news-paper-style-content
    .right-area.nsu-card
    .single-news-item


    .news-paper-style-content .right-area.nsu-card .single-news-item {
        gap: var(--space-3);

    }
    .news-paper-style-content
    .right-area.nsu-card
    .single-news-item
    .single-news-item-image {
        flex: 0 0 70px;
        width: 70px;
        height: 60px;
        overflow: hidden;
        border-radius: var(--radius-xl);
    }
    .single-news-item-image {
        border-radius: var(--radius-md);
    }
    .event-section .recent-event-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .event-section .single-event-image-area {
        height: 220px;
    }
    .event-section .single-event-content-area {
        padding: var(--space-6) var(--space-4);
    }


    .page-banner-section {
        height: 400px;
    }
    .logo-menu-area .desktop-menu-area {
        display: none;
    }
    .logo-menu-area .logo-area.dept-logo-area a img {
        width: var(--space-12);
    }
    .logo-menu-area .dept-title {
        font-size: var(--font-size-md);
    }
    .logo-menu-area .dept-sub-title {
        font-size: var(--font-size-xs);

    }


    .header-top-left ul li a, .header-top-right span {
        font-size: var(--font-size-xs);
    }
    .header-top-right svg {
        width: 18px;
    }
    .header-top-right ul li {
        padding-inline: var(--space-2);
    }


    .header-top-area {
        justify-content: end;
    }


    .logo-area.dept-logo-area, .logo-menu-area .menu-area-section {
        padding: var( --space-2);
    }
    .mobile-menu-items-area {
        width: 88%;
        margin: 0% 6%;
        margin-top: 26px;
    }

    .logo-menu-area
    .menu-area-section
    ul li a {
        font-size: var(--font-size-sm);
    }

    .logo-menu-area
    .menu-area-section
    ul li:last-child {
        border: none;
    }


    .common-page-banner-area {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 281px;
    }
    .common-page-banner-area  h1 {
        font-size: var(--font-size-6xl);

    }


    .nsu-main-home-page-hero-banner-section .site-logo-menu.nsu-main-logo-menu .header-top-area {
        padding: var(--space-1) var(--space-8);
    }
    .nsu-main-logo-menu .header-top-right ul, .nsu-main-logo-menu .header-top-right ul:last-child {

        padding-inline: 0px;

        border-right: none;

        /* height: 30px; */

        display: flex;

        align-items: center;

    }
    .filter-items {
        display: grid;
    }


    .slider-btn-area {
        display: grid;
        margin: 0px auto;
        text-align: center;
    }
    .nsu-main-home-page-hero-banner-section.home-page-hero-banner-section .common-page-banner-content p {

        font-size: var(--font-size-xl);
        font-weight: var(--font-weight-regular);

        margin-bottom: var(--space-10);
    }
    img.poster-image {
        width:500px;
        height: 220px;
        border: var(--space-2) solid var(--color-text-inverse);
    }
    section.page-banner-section.home-page-hero-banner-section.nsu-main-home-page-hero-banner-section .header-top-area {
        padding: 6px var(--space-8);
    }

    .nsu-main-logo-menu .header-top-right .info-text {
        padding: 0px;
        border-right: 0px;
    }
    .home-page-hero-banner-section .common-page-banner-area:has(.hero-play-btn) {
        align-items: center;
        padding-bottom: 90px;
    }

    .logo-menu-area
    .menu-area-section
    .top-menu {
        grid-template-columns: 1fr  1fr ;

    }

    /* Admission landing */
    .admission-landing-hero {
        min-height: 420px;
    }
    .admission-landing-hero__shade {
        background: linear-gradient(180deg, rgb(33 30 83 / 85%) 0%, rgb(33 30 83 / 50%) 100%);
    }
    .admission-landing-hero__content {
        max-width: 100%;
    }
    article.admission-quick-card.nsu-card.radius-lg.card-square-padding-lg, .admission-landing-hero.radius-lg.card-square-padding-lg{
        padding: 24px;
    }
}
/* Mobile */
@media (max-width: 575.98px) {
    .common-padding-lg {
        padding:var(--space-12) var(--space-6);
    }
    .nsu-main-home-page-hero-banner-section .site-logo-menu.nsu-main-logo-menu .logo-menu-area,
    .nsu-main-home-page-hero-banner-section .site-logo-menu.nsu-main-logo-menu .header-top-area
    {
        padding: 0px var(--space-6);
        width: 100%!important;
    }

    .nsu-main-home-page-hero-banner-section .site-logo-menu.nsu-main-logo-menu .logo-menu-area.is-sticky
    {
        padding: 0px var(--space-6);
        width: 100%!important;
    }
    .site-logo-menu,.common-page-banner-area{
        padding:0 var(--space-6);
    }
    .card-padding-lg {
        padding: var(--space-12) var(--space-3);
    }


    .news-paper-style-content .right-area.nsu-card {
        display: grid;
        grid-template-columns:  1fr;
    }
    .section-title-content h6 {
        font-size: var(--font-size-4xl);

    }
    .section-title-content p {
        font-size: var(--font-size-lg);
    }
    .event-section .recent-event-content {
        display: grid;
        grid-template-columns: 1fr;
    }
    .event-section .left-area {

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

    }
    .event-section .single-event-image-area {
        height: 200px;
    }
    .event-section .card-subtitle-item span, .news-paper-style-content .card-subtitle-item span {
        font-size: 14px;
    }
    .event-section .card-subtitle-item svg, .news-paper-style-content .card-subtitle-item svg{
        width: 14px;
        height: 14px;
    }
    .event-section .single-event-area .single-event-content-area h4,
    .event-section .right-area .single-past-event-area h4,
    .notice-section .right-area .single-item .content .title
    {
        font-size: var(--font-size-md);

    }
    .notice-section  .right-area .day {
        font-size: var(--font-size-xl);
    }
    .notice-section span.month-year {
        font-size: var(--font-size-sm);
    }
    .notice-section .single-item {
        gap: var(--space-3);
    }
    .notice-section .date-time {
        width: var(--space-20);
        height: var(--space-20);
        flex: 0 0 var(--space-20);
    }

    .common-page-banner-area {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 281px;
    }
    .common-page-banner-area  h1 {
        font-size: var(--font-size-5xl);

    }
    .mobile-menu-items-area {
        max-height: calc(100dvh - 70px);
        -webkit-overflow-scrolling: touch;
    }
    img.poster-image {
        width: 100%;
        height: 180px;
        border: var(--space-2) solid var(--color-text-inverse);
    }
    .slider-btn-area .button-primary {
        font-size: 18px;
        height: var(--space-12);
        line-height: var(--space-6);
    }
    section.page-banner-section.home-page-hero-banner-section.nsu-main-home-page-hero-banner-section .header-top-area {
        padding: 6px var(--space-6);
    }
    .nsu-main-logo-menu .header-top-right .info-text {
        padding: 0px;
        border-right: 0px;
    }

    /* Admission landing */
    .admission-landing-hero__title {
        font-size: var(--font-size-4xl);
    }
    .admission-landing-hero__text {
        margin-bottom: var(--space-8);
    }
    .admission-landing-hero__actions {
        flex-direction: column;
        align-items: stretch;
        gap: var(--space-4);
    }
    .button-primary.button-outline {
        width: 100%;
        height: auto;
        min-height: var(--space-12);
        padding: var(--space-2) var(--space-4);
        font-size: var(--font-size-lg);
        line-height: var(--space-6);
        text-align: center;
    }
    .admission-quick-links {
        grid-template-columns: 1fr;
    }
    .admission-quick-card__title {
        font-size: var(--font-size-xl);
    }
    .admission-quick-card__text {
        margin-bottom: var(--space-8);
    }
}

/* =========================================================
   MIGRATED RESPONSIVE RULES FROM style.css
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }

    .button-secondary:hover .btn-icon i,
    .button-secondary:hover .btn-icon svg,
    .event-section .single-event-area:hover {
        transform: none;
    }
}

@media (max-width: 991.98px) {

    .dropdown-component {
        display: block;
        width: 100%;
    }

    .dropdown-trigger {
        display: flex;
        width: 100%;

        align-items: center;
        justify-content: space-between;

        padding: var(--space-3) var(--space-4);

        text-align: left;
    }

    .dropdown-panel {
        position: static;

        width: 100%;
        min-width: 0;
        max-width: none;

        margin: 0;

        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;

        background: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    .dropdown-component:not(.is-open) .dropdown-panel {
        display: none;
    }

    .dropdown-list {
        width: 100%;
        max-height: 50vh;

        padding: var(--space-2) var(--space-3);

        background-color: var(--color-bg-primary);
        border-radius: var(--radius-md);
        box-shadow: var(--card-shadow);
    }

    .dropdown-item {
        text-align: left;
    }

    .dropdown-item a {
        padding: var(--space-3) var(--space-4);
    }
}

@media (prefers-reduced-motion: reduce) {
    .dropdown-panel {
        transition: none;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .logo-menu-area.is-sticky {
        transition: none;
    }

    .logo-menu-area.is-sticky.sticky-enter,
    .logo-menu-area.is-sticky.sticky-visible {
        transform: none;
        opacity: 1;
    }
}

@media (max-width: 767.98px) {

    .home-page-hero-banner-section {
        height: 680px;
    }

    .home-page-hero-banner-section
    .page-banner::after {
        background:
                linear-gradient(
                        90deg,
                        rgba(6,23,66,.76),
                        rgba(6,23,66,.34)
                );
    }

    .home-page-hero-banner-section
    .common-page-banner-content h1 {
        font-size: clamp(34px, 10vw, 54px);
        line-height: 1.08;
        letter-spacing: -1px;
    }

    .home-page-hero-banner-section
    .carousel-control-prev,
    .home-page-hero-banner-section
    .carousel-control-next {
        width: 44px;
        height: 44px;
    }

    .home-page-hero-banner-section
    .carousel-control-prev {
        left: 15px;
    }

    .home-page-hero-banner-section
    .carousel-control-next {
        right: 15px;
    }

    .home-page-hero-banner-section
    .carousel-indicators {
        bottom: 25px;
    }

    .home-page-hero-banner-section
    .carousel-indicators li {
        width: 25px;
    }

    .home-page-hero-banner-section
    .carousel-indicators li.active {
        width: 50px;
    }
}

@media (prefers-reduced-motion: reduce) {

    .home-page-hero-banner-section *,
    .home-page-hero-banner-section *::before,
    .home-page-hero-banner-section *::after {
        animation: none !important;
        transition-duration: .01ms !important;
    }

    .home-page-hero-banner-section
    .carousel-item {
        transform: none;
    }

    .home-page-hero-banner-section
    .page-banner img {
        transform: none !important;
    }

    .home-page-hero-banner-section
    .common-page-banner-content h1 {
        opacity: 1;
        transform: none;
    }
}

@media (max-width: 1399.98px) {

    .site-logo-menu {
        z-index: var(--site-header-z);
        isolation: isolate;
    }

    .home-page-hero-banner-section .site-logo-menu {
        z-index: var(--site-header-z);
    }

    .logo-menu-area {
        z-index: var(--site-header-nav-z);
    }

    .logo-menu-area.is-sticky {
        z-index: calc(var(--site-header-z) + 2) !important;
    }

    .mobile-menu-area {
        position: relative;
        z-index: calc(var(--site-header-z) + 3);
    }

    .mobile-menu-items-area {
        position: absolute;
        z-index: calc(var(--site-header-z) + 4) !important;

        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        touch-action: pan-y;
        scrollbar-width: thin;
    }

    .mobile-menu-items-area > ul {
        position: relative;
        z-index: 1;
    }

    .mobile-nav-dropdown,
    .mobile-nav-dropdown .mobile-dropdwon {
        position: relative;
        z-index: 1;
    }
}

@media (max-width: 575.98px) {
    .header-search.is-open .header-search-field {
        width: 150px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .header-search.is-empty .header-search-field {
        animation: none;
    }
}

@media (max-width:767.98px){.hero-counter{display:none}.hero-particle:nth-child(n+12){display:none}}

@media (prefers-reduced-motion:reduce){
    .home-page-hero-banner-section .carousel-item{transform:none!important;transition:opacity .4s!important}

    .hero-word>span,.home-page-hero-banner-section .carousel-item.active *{animation:none!important;transition:none!important}
    .hero-word>span{transform:none;filter:none;color:var(--color-text-inverse);background:none}
}

@media (prefers-reduced-motion: reduce) {
    .dropdown-panel.mega-menu-area,
    .dropdown-component.is-open .dropdown-panel.mega-menu-area {
        transition: opacity .15s ease, visibility 0s;
        transform: none;
    }
}

@media (max-width:767.98px){
    .hero-modal__footer{padding:var(--space-3) var(--space-4)}
    .hero-play-btn{right:20px;bottom:84px}
    .hero-play-btn__icon{/* width:56px; *//* height:56px; */}
    .hero-play-btn__icon svg{width:22px;height:22px}
    .hero-play-btn__label{/* display:none; */}
    .hero-modal__dialog{border-radius:14px}
    .hero-modal__header{padding-left:var(--space-4)}
}

@media (prefers-reduced-motion:reduce){
    .hero-modal,.hero-modal__dialog{transition:opacity .15s ease;transform:none}
    .hero-play-btn__icon::before{animation:none}
}

/* =========================================================
   ADMISSION LANDING — REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .button-primary.button-outline,
    .admission-quick-card,
    .admission-quick-card__link,
    .admission-quick-card__link svg {
        transition: none;
    }
    .admission-quick-card:hover,
    .admission-quick-card:hover .admission-quick-card__link svg,
    .admission-quick-card__link:hover svg {
        transform: none;
    }
}