:root {
    --font-size: 14px;
    --letter-spacing: 0px;
    --line-height: 1.6;
    --purple: #8B5CF6;
    --dark-blue: #1052b9;
    --blue: #071d61;
    --primary: #1a483b;
    --red: #9b2a2a;
    --green: #138808;
    --white: #ffffff;
    --dark1: #0a2e47;
    --primary-dark: #143228;
    --accent: #d7a649;
    --accent2: #16a34a;
    --orange: #fd792a;
    --light: #e6f2ef;
    --text: #1e293b;
    --text-muted: #64748b;
    --border:#d4e3df;
    --gradient: linear-gradient(135deg, #1a483b 0%, #145442 50%, #528f7d 100%);
    --gradient2: linear-gradient(135deg, #f6bb5f 0%, #dc931f 50%, #b67817 100%);
    --glass: rgba(255, 255, 255, 0.12);
    --glass-border: rgba(255, 255, 255, 0.25);
    --app-contrast: 1;
    --app-brightness: 1;
     --padding-xs: 0.5em;
    --padding-sm: 0.75em;
    --padding-md: 1.3em;
    --padding-lg: 1.5em;
    --padding-xl: 2em;
}
html {
    scroll-behavior: smooth;
    filter: contrast(var(--app-contrast)) brightness(var(--app-brightness));
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {
    font-family: "Nunito", sans-serif;
    color: var(--text);
    overflow-x: hidden;
    font-size: var(--font-size);
    letter-spacing: var(--letter-spacing);
    line-height: var(--line-height);
}
.hero {
    padding: 0;
    overflow: visible;
}
.top-bar {
    background: var(--dark1);
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
    padding: 2px 0;
}
.top-bar .container-fluid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.top-bar-left {
    display: flex;
    gap: 24px;
}
.top-bar-left span {
    color: var(--white);
    text-decoration: none;
    transition: color 0.3s;
    text-transform: uppercase;
    font-weight: 400;
}
.top-bar-left a {
    color: rgba(8, 232, 255, 0.95);
    text-decoration: none;
    transition: color 0.3s;
}
.top-bar-left a:hover {
    color: var(--accent);
}
.top-bar-right {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top:20px;
    justify-content: flex-end;
}
.top-bar-right a {
    display: flex;
    align-items: center;
    gap: 4px;
    box-shadow: 0 4px 15px rgba(24, 45, 110, 0.3);
}
.customNotifyFooter .btn:hover {
    color: var(--white);
    background: var(--orange);
    border-color: var(--orange);
}
.top-bar-right .lang-btn {
    background: var(--orange);
    border: 1px solid var(--orange);
    color: var(--white);
    padding: 4px 12px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 1.1em;
}
.top-bar-right .lang-btn:hover {
    background-color: var(--dark-blue);
    color: var(--white);
    border-color: var(--dark-blue);
}
.top-bar-right .accessibilitybtn {
    background: var(--dark-blue);
    border: 1px solid var(--dark-blue);
    color: var(--white);
    padding: 4px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    transition: all 0.3s;
    font-size: 1.6em;
}
.top-bar-right .accessibilitybtn:hover, .top-bar-right .searchbtn:hover {
    background: #fb641a;
    border-color: #fb641a;
    color: var(--white);
}
.top-bar-right .searchbtn {
    border: 1px solid var(--dark-blue);
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 1.1em;
    background-color: var(--dark-blue);
    color: var(--white);
}
.top-bar-right .btn-login {
    background: rgba(22, 196, 249, 0.2);
    border: 1px solid rgba(24, 197, 205, 0.7);
    padding: 4px 14px;
    border-radius: 4px;
    color: var(--white);
    font-weight: 600;
    font-size: 1.1em;
}
.top-bar-right .btn-login:hover {
    color: var(--white);
}
.header {
    padding: 7px 0px;
    position: relative;
    right: 0;
    left: 0;
    margin: 0px auto;
    top: 0;
    z-index: 101;
    transition: .35s;
    background: var(--white);
}
.header.menuFxd {
    position: fixed;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: 0px auto;
    background-color: var(--white);
    z-index: 102;
    box-shadow: 0 0px 35px rgba(140, 107, 97, 0.5);
    transition: .35s;
    padding: 5px 0px;
}
.header.menuFxd .logo-icon {
    width: 190px;
}
.header.menuFxd .logo-icon.uplogo{width: 48px !important;}
.header.menuFxd .logo-text .brand {
    font-size: 1.4em;
}
.header.menuFxd .top-bar-right {
    margin-top: 3px;
}
.leader_section {
    padding: 30px 0px;
    position: relative;
    overflow: hidden;
    background-color: #fdf8f1;
}
.leader_section .container {
    position: relative;
    z-index: 2;
}
.leader_section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: 0px auto;
    background-image: url("../images/bg-5.jpg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
    opacity: 0.54;
    z-index: 0;
}
.leader {
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    gap: 1.5em;
}
.leader li {
    box-sizing: border-box;
}
.leader li .laderbox {
    text-align: center;
    display: block;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 25px 15px;
    backdrop-filter: blur(10px);
    border: 1px solid var(--white);
    border-radius: 15px;
    box-shadow: 0px 0px 25px rgba(210, 128, 0, 0.27);
}
.leader li .laderbox h4 {
    font-size: 1.2em;
    line-height: inherit;
    margin-bottom: 0;
    color: var(--dark-blue);
    margin: 0;
}
.leader li .laderbox p {
    font-size: 0.9em;
    line-height: inherit;
    margin: 0;
}
.laderbox .leadphoto {
    overflow: hidden;
    width: 100px;
    background-image: linear-gradient(to right, #f4cd96 0%, #fcb69f 100%);
    padding: 5px;
    margin: 4px auto;
    border-radius: 50%;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .2);
}
.laderbox .leadphoto img {
    max-width: 100%;
    border-radius: 50%;
}
.navbar {
    position: absolute;
    z-index: 100;
    transition: all 0.3s;
    padding: 2px 0px;
    margin: 0px auto;
    right: 0;
    left: 0;
    backdrop-filter: blur(8px);
    background-color: var(--blue);
    border-bottom: 1px solid rgba(255, 255, 255, 0.31);
    transition: .35s;
    height: 46px;
}
.navbar.navFxd {
    position: fixed;
    top: 58px;
    z-index: 100;
    box-shadow: 0 0px 35px rgba(140, 107, 97, 0.5);
    background-color: rgba(8, 33, 71, 0.69);
}
.navbar.scrolled {
    box-shadow: 0 4px 30px rgba(10, 47, 110, 0.2);
}
.home::before {
    content: "\f015";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.dropdown > a .sub-arrow::before {
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 5px;
}
.dropdown-menu .dropdown > a .sub-arrow::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 5px;
    float: right;
}
.primary.navbar ul.navbar-nav > li > a {
    font-size: 1.09em;
    font-weight: 600;
    color: var(--white);
    padding: 6px 18px !important;
    transition-duration: .3s;
    margin: 0px 20px 0px 0px;
    border-radius: 4px;
}
.primary.navbar ul.navbar-nav > li > a:hover, .primary.navbar ul.navbar-nav > li > a.highlighted, .home:hover {
    background-color: rgb(255, 133, 18);
    border-radius: 6px;
    color: var(--white);
}
.primary.navbar ul.navbar-nav > li .dropdown-menu li > a {
    display: block;
    color: rgb(0, 0, 0);
    padding: 6px 15px;
    font-size: 0.85em;
    border-radius: 5px;
    text-decoration: none;
    font-family: inherit;
}
.primary.navbar ul.navbar-nav > li > a {
    position: relative;
    transition: all 0.3s ease;
    overflow: hidden;
}
.primary.navbar ul.navbar-nav > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transform: skewX(-25deg);
    transition: left 0.7s ease;
}
.primary.navbar ul.navbar-nav > li > a:hover::before {
    left: 150%;
}
.primary.navbar ul.navbar-nav > li > a:hover {
    transform: translateY(0px);
    box-shadow: 0 8px 20px rgba(255, 112, 26, 0.34);
}
.primary.navbar .dropdown-menu {
    min-width: 240px !important;
    padding: 12px;
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 25px rgba(255, 122, 4, 0.41);
    border-radius: 5px;
    border: 1px solid rgb(255, 138, 34);
    backdrop-filter: blur(10px);
}
.primary.navbar .dropdown-menu > li > a:hover, .primary.navbar .dropdown-menu > li.show > a.highlighted {
    color: #0e2a49;
    background-image: linear-gradient(135deg, #fff 0%, #ffeecf 100%);
}
.logo {
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}
.logo-icon {
    /*! width: 60px; */
    /*! display: flex; */
    align-items: center;
    justify-content: center;
    color: var(--white);
    /*! flex-shrink: 0; */
    transition: .35s;
}
.logo-icon img {
    max-width: 100%;
}
.logo-text {
    line-height: 1.2;
    padding-left: 7px;
}
.logo-text .brand {
    font-size: 1.8em;
    font-weight: 800;
    color: var(--orange);
    display: block;
}
.logo-text .brand > span {
    color: var(--dark-blue);
    display: block;
}
.logo-text .sub {
    font-size: 0.9em;
    color: var(--white);
    margin-top: 6px;
    display: block;
    letter-spacing: 1px;
}
.nav-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: end;
    padding-top: 10px;
}
.btn-nav-search {
    width: 38px;
    height: 38px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--white);
    color: var(--text-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    text-decoration: none;
}
.btn-nav-search:hover {
    background: var(--primary);
    color: var(--white);
    border-color: var(--primary);
}
.btn-register {
    background: linear-gradient(135deg, #ff8c12 0%, #ff5f10 50%, #ff4800 100%);
    text-decoration: none;
    color: var(--white);
    font-size: 1em;
    padding: 9px 15px;
    font-weight: 700;
    text-transform: uppercase;
}
.btn-register:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(10, 47, 110, 0.4);
    color: var(--white);
}
.customNotifyWrapper {
    position: relative;
}
.customNotifyBell {
    position: relative;
    width: 32px;
    height: 32px;
    font-size: 24px;
    border-radius: 50%;
    transition: .3s;
    background-color: var(--white);
    border: 2px solid #f6691d;
    margin-right: 0px;
    margin-top: 5px;
    text-align: center;
}
.customNotifyBell:after {
    display: none;
}
.customNotifyBell img {
    max-width: 70%;
    margin: 0px auto;
    display: block;
}
.customNotifyBell:hover {
    background: var(--white);
    border: 2px solid var(--orange);
}
.customNotifyCount {
    position: absolute;
    top: -8px;
    right: 2px;
    width: 12px;
    height: 12px;
    background: #34a22a;
    border-radius: 50%;
    border: 1px solid var(--white);
    z-index: 7;
    box-shadow: 0 0 10px rgba(59, 121, 30, 0.8);
}
.customNotifyCount::before, .customNotifyCount::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(58, 160, 29, 0.45);
    transform: translate(-50%, -50%) scale(1);
    animation: notifyRipple 1.8s infinite;
    z-index: -1;
}
.customNotifyCount::after {
    animation-delay: .9s;
}
@keyframes notifyRipple {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: .8;
    }
    70% {
        transform: translate(-50%, -50%) scale(2.8);
        opacity: .2;
    }
    100% {
        transform: translate(-50%, -50%) scale(3.5);
        opacity: 0;
    }
}
.customNotifyDropdown {
    width: 340px;
    border: none;
    border-radius: 10px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, .15);
    overflow: hidden;
    background-color: #fff !important;
    padding: 0px 15px 15px 15px;
}
.customNotifyHeader {
    padding: 15px 0;
    border-bottom: 1px solid #ececec;
    background: var(--white);
}
.customNotifyHeader h6 {
    margin: 0;
    font-weight: 800;
    color: #ff4a02;
}
.customNotifyBody {
    max-height: 300px;
    overflow-y: auto;
}
.customNotifyBody::-webkit-scrollbar {
    width: 6px;
}
.customNotifyBody::-webkit-scrollbar-thumb {
    background: #cfcfcf;
    border-radius: 10px;
}
.customNotifyBody > ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.customNotifyBody > ul > li {
    padding: 8px 0px;
    border-bottom: 1px solid #eee;
}
.customNotifyBody > ul > li:last-child {
    border-bottom: 0px;
}
.customNotifyBody > ul > li > a, .customNotifyBody > ul > li .ndate {
    display: block;
}
.customNotifyBody > ul > li > a {
    font-size: 0.9em;
    font-weight: 500;
    margin-bottom: 0px;
    text-decoration: none;
    color: var(--text);
    transition-duration: .3s;
    box-shadow: none;
}
.customNotifyBody > ul > li > a:hover {
    color: var(--dark-blue);
    background: #fb641a00;
    border-color: #fb641a00;
    box-shadow: none;
}
.customNotifyBody > ul > li .ndate {
    font-size: 0.85em;
    font-weight: 500;
    color: #666;
}
.customNotifyItem {
    display: block;
    padding: 12px 15px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #f2f2f2;
    transition: .3s;
}
.customNotifyItem:hover {
    background: #f8f9fa;
}
.customNotifyTitle {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
}
.customNotifyItem small {
    color: #888;
}
.customNotifyFooter {
    padding: 10px 0px 0px 0px;
    background: var(--white);
    border-top: 1px solid #ececec;
}
.customNotifyFooter .btn {
    justify-content: center;
    font-size: 0.9em;
}
.hero-banner {
    position: relative;
    background: var(--blue);
    padding: 0px;
    overflow: inherit;
    z-index: 0;
}
.vdiober {
    position: relative;
    z-index: 0;
    margin: 0px auto;
    max-height: 670px;
    overflow: hidden;
}
.vdiober video {
    width: 100%;
    margin: 0px auto;
}
.hero-banner .vidoecaption {
    display: none;
    position: absolute;
    z-index: 1;
    top: 46px;
    left: 0px;
    max-width: 100%;
    right: 0;
    margin: 0px auto;
    padding: 80px;
    overflow: hidden;
}
.hero-banner .vidoecaption:before {
    content: "";
    width: 520px;
    height: 520px;
    background-color: #0a084578;
    border-radius: 50%;
    position: absolute;
    top: -140px;
    left: -130px;
    filter: blur(66px);
    opacity: 0.6;
}
.hero-banner .vidoecaption .slide-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 242, 173, 0.2);
    border: 1px solid rgba(249, 182, 22, 0.5);
    color: #ffd11c;
    padding: 6px 16px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    animation: fadeInDown 0.8s ease 0.2s both;
}
.hero-banner .vidoecaption .slide-badge i {
    font-size: 10px;
}
.vidoecaption .slide-title {
    font-weight: 800;
    line-height: 1.45;
    margin-bottom: 16px;
    animation: fadeInUp 0.8s ease 0.4s both;
    color: var(--white);
    text-align: center;
    margin-top: 50px;
    font-size: 3.2em;
}
.vidoecaption .slide-title span {
    color: #ffad0f;
}
.vidoecaption .slide-title span i {
    animation: arrowBounce 1.5s infinite;
}
@keyframes arrowBounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(10px);
    }
    60% {
        transform: translateY(5px);
    }
}
.vidoecaption .slide-subtitle {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.7;
    margin-bottom: 32px;
    font-weight: 400;
    animation: fadeInUp 0.8s ease 0.6s both;
}
.vidoecaption .slide-btns {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    animation: fadeInUp 0.8s ease 0.8s both;
}
.vidoecaption .btn-hero-primary {
    background: linear-gradient(90deg, #043023, #2c6353 60%, #1c483b);
    color: var(--white);
    padding: 13px 28px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s;
    box-shadow: 0 4px 20px rgba(8, 41, 32, 0.4);
    border: 2px solid var(--glass-border);
}
.vidoecaption .btn-hero-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(249, 115, 22, 0.5);
    background: #e18900;
    color: var(--white);
}
.vidoecaption .btn-hero-outline {
    background: var(--glass);
    border: 2px solid var(--glass-border);
    color: var(--white);
    padding: 11px 28px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s;
    backdrop-filter: blur(10px);
}
.vidoecaption .btn-hero-outline:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-3px);
    color: var(--white);
}
@keyframes floaty {
    0%, 100% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-14px)
    }
}
.animate-floaty {
    animation: floaty 7s ease-in-out infinite
}
.glass {
    background: rgba(255, 255, 255, .78);
    backdrop-filter: blur(18px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, .6);
    box-shadow: 0 10px 40px -10px rgba(15, 23, 42, .18);
    padding: 5px 10px;
    border-radius: 3px;
    position: absolute;
}
.glass .subtext {
    font-size: 12px;
}
.glass .maintext {
    font-weight: 800;
}
.dot.active {
    width: 28px;
    background: var(--accent);
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.ai_serach {
    padding: var(--padding-md);
    border-radius: 5px;
    border: 1px solid #1fddf1;
    background-color: rgba(255, 255, 255, .5);
    max-width: 650px;
    margin: 0px auto;
    box-shadow: 0px 0px 55px rgba(18, 199, 255, 0.67);
    position: relative;
    margin-bottom: 50px;
}
.ai_serach .input-group .form-control {
    height: 50px;
    border-radius: 6px 0px 0px 6px !important;
    border: 0px;
    padding-left: 50px;
}
.ai_serach .input-group .btn {
    border-radius: 0px 6px 6px 0px !important;
    border: 0px;
    font-size: 1.8em;
}
.ai_serach .input-group > i {
    position: absolute;
    z-index: 5;
    font-size: 2.2em;
    top: 10px;
    left: 11px;
    color: #16d9ed;
}
.ai_serach .input-group .form-control::placeholder, .ai_serach .input-group .form-control {
    color: #333;
    font-weight: 800;
    font-size: 1.2em;
}
.hero-stats {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    background: rgba(12, 38, 78, 0.79);
    backdrop-filter: blur(20px);
    border: 8px solid rgb(249 217 200);
    z-index: 9;
    max-width: 90%;
    margin: 0 auto;
    border-radius: 65px;
}
.hero-stats .container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.stat-item {
    padding: var(--padding-sm);
    text-align: center;
    border-right: 1px solid rgb(255 255 255 / 14%);
    color: var(--white);
    transition: background 0.3s;
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    align-items: center;
}
.stat-item:last-child {
    border-right: none;
}
.stat-item:hover {
    background: rgba(255, 255, 255, 0.08);
}
.stat-num {
    font-size: 1.1em;
    font-weight: 700;
    color: var(--white);
}
.stat-label {
    color: var(--white);
}
.stat-label > i {
    font-size: 14px;
    border-radius: 50%;
    background-color: #ff5b0b;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 22px;
}
.container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}
.section-alt {
    background: var(--white);
}
.section-dark {
    background: var(--primary-dark);
}
.section-header {
    text-align: center;
    margin-bottom: 26px;
}
.section-header > h4 {
    font-size: 1.3em;
    font-size: 500;
    color: var(--text);
}
.section-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--dark-blue);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 12px;
    border: 1px solid var(--dark-blue);
    border-radius: 20px;
    background: #1052b900;
    padding: 3px 15px;
}
.section-eyebrow::before, .section-eyebrow::after {
    content: '';
    height: 2px;
    width: 30px;
    background: var(--dark-blue);
    border-radius: 2px;
}
.upsm-deeptech-wrapper .section-eyebrow {
    color: var(--white);
    border: 1px solid var(--white);
    background: #1052b900;
}
.upsm-deeptech-wrapper .section-eyebrow::before, .upsm-deeptech-wrapper .section-eyebrow::after {
    background: var(--white);
}
.section-title {
    font-weight: 800;
    color: var(--white);
    line-height: 1.2;
    margin-bottom: 14px;
}
.section-title span {
    color: var(--orange);
}
.section-desc {
    font-size: 1em;
    color: var(--text-muted);
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.7;
}
.leadership-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 28px;
}
.leader-card {
    background: var(--white);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(10, 47, 110, 0.08);
    transition: all 0.4s;
    border: 1px solid var(--border);
    position: relative;
}
.leader-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--gradient);
    transform: scaleX(0);
    transition: transform 0.4s;
}
.leader-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(10, 47, 110, 0.15);
}
.leader-card:hover::before {
    transform: scaleX(1);
}
.leader-avatar {
    width: 100%;
    height: 200px;
    background: var(--gradient);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.leader-avatar::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.1), transparent);
}
.avatar-icon {
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: var(--white);
    border: 3px solid rgba(255, 255, 255, 0.3);
    position: relative;
    z-index: 1;
    backdrop-filter: blur(10px);
}
.leader-body {
    padding: var(--padding-md);
}
.leader-role {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--accent);
    margin-bottom: 6px;
}
.leader-name {
    font-size: 17px;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 10px;
}
.leader-quote {
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.6;
    font-style: italic;
    border-left: 3px solid var(--accent);
    padding-left: 12px;
}
.stats-section {
    background: var(--gradient);
    padding: 70px 0;
    position: relative;
    overflow: hidden;
}
.stats-section::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 50%;
}
.stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    overflow: hidden;
}
.stat-card {
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(10px);
    padding: 36px 20px;
    text-align: center;
    color: var(--white);
    transition: all 0.4s;
    position: relative;
    overflow: hidden;
    cursor: default;
}
.stat-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.06);
    opacity: 0;
    transition: opacity 0.3s;
}
.stat-card:hover {
    background: rgba(255, 255, 255, 0.12);
}
.stat-card:hover::before {
    opacity: 1;
}
.stat-card-icon {
    font-size: 28px;
    margin-bottom: 12px;
    color: #fbbf24;
    display: block;
}
.stat-card-num {
    font-size: 36px;
    font-weight: 800;
    color: var(--white);
    line-height: 1;
    margin-bottom: 6px;
    display: block;
}
.stat-card-label {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.75);
    font-weight: 500;
}
.stat-card-bar {
    height: 3px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 2px;
    margin-top: 14px;
    overflow: hidden;
}
.stat-card-bar-fill {
    height: 100%;
    background: var(--accent);
    border-radius: 2px;
    animation: barFill 2s ease forwards;
}
@keyframes barFill {
    from {
        width: 0;
    }
}
.journey-section {
    background: var(--white);
}
.journey-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
    gap: 30px;
}
.journey-steps::before {
    content: '';
    position: absolute;
    top: 50px;
    left: 12.5%;
    right: 12.5%;
    height: 3px;
    background: linear-gradient(to right, var(--accent), var(--primary));
    z-index: 0;
    border-radius: 2px;
}
.journey-step {
    text-align: center;
    position: relative;
    z-index: 1;
}
.step-num {
    width: 117px;
    height: 100px;
    background: var(--gradient);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
    color: var(--white);
    transition: all 0.4s;
    position: relative;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
.step-num .num {
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
}
.step-num .step-icon {
    font-size: 1.7em;
    opacity: 0.52;
}
.journey-step:hover .step-num {
    transform: scale(1.1) rotate(5deg);
    box-shadow: 0 15px 40px rgba(10, 47, 110, 0.35);
}
.step-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 10px;
}
.step-desc {
    font-size: 13.5px;
    color: var(--text-muted);
    line-height: 1.6;
}
.coe_sec {
    position: relative;
    background-color: #fbf5e9;
}
.coe_sec .cta-container {
    margin-top: 15px;
}
.coe_sec .container {
    position: relative;
    z-index: 2;
}
.coe_sec:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: 0px auto;
    background-image: url("../images/bg12.jpg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
    opacity: 0.23;
    z-index: 0;
}
.coe_sec .section-eyebrow::before, .coe_sec .section-eyebrow::after {
    background: var(--dark-blue);
}
.coe_sec .section-eyebrow {
    color: var(--dark-blue);
    border: 1px solid var(--dark-blue);
}
.coe_sec .section-title {
    color: var(--dark-blue);
}
.coe-card {
    background: var(--white);
    border-radius: 14px;
    text-align: center;
    transition: all 0.4s;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin: 10px;
    border: 1px dashed var(--orange);
}
.coe-card::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    background: linear-gradient(135deg, #03223b 0%, #0d385d 50%, #305186 100%);
    transition: height 0.4s;
    z-index: 0;
}
.coe-card:hover {
    transform: translateY(-8px);
    border-color: transparent;
    box-shadow: 0 20px 50px rgba(10, 47, 110, 0.15);
}
.coe-card:hover::before {
    height: 100%;
}
.coe-card:hover .coe-icon, .coe-card:hover .coe-name {
    color: var(--white);
    position: relative;
    z-index: 1;
}
.coe-icon {
    display: block;
    transition: all 0.4s;
    padding: var(--padding-md);
}
.coe-icon img {
    max-width: 100%;
    border-radius: 5px;
    box-shadow: 0 0px 10px rgba(10, 47, 110, 0.15);
}
.coe-name {
    font-size: 1.1em;
    font-weight: 600;
    color: var(--text);
    transition: color 0.4s;
    padding: 0px 5px 10px 5px;
}
.coe-name > p {
    font-size: 0.85em;
    font-weight: 400;
    opacity: .8;
}
.incubator-slider {
    position: relative;
    overflow: hidden;
}
.incubator-track {
    display: flex;
    gap: 20px;
    transition: transform 0.5s ease;
    padding: 15px 0px;
}
.incubator-card {
    min-width: 220px;
    max-width: 220px;
    background: var(--white);
    border-radius: 14px 14px 14px 54px;
    padding: var(--padding-md);
    text-align: center;
    transition: all 0.3s;
    flex-shrink: 0;
    border: 1px solid var(--white);
    backdrop-filter: blur(10px);
    min-height: 200px
}
.incubator-card:hover {
    border-color: var(--orange);
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(6, 16, 32, 0.15);
}
.inc-logo {
    width: 65px;
    background: #cddbe9;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
    font-size: 26px;
    color: #0f3863;
    transition: all 0.3s;
    overflow: hidden;
    padding: 5px;
}
.inc-logo img {
    width: 100%;
    border-radius: 10px;
}
.incubator-card:hover .inc-logo {
    background: #e9691d;
    color: var(--white);
}
.inc-name {
    font-size: 14px;
    font-weight: 700;
    color: #1d3f75;
}
.inc-type {
    font-size: 12px;
    color: var(--text-muted);
    margin-top: 4px;
}
.slider-nav {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
}
.slider-nav-btn {
    width: 44px;
    height: 44px;
    background: var(--white);
    border: 2px solid var(--border);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    font-size: 14px;
    transition: all 0.3s;
}
.slider-nav-btn:hover {
    background: var(--primary);
    color: var(--white);
    border-color: var(--primary);
}
.programs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
.program-card {
    background: var(--white);
    border-radius: 16px;
    padding: 32px 28px;
    border: 1px solid #99bcb2;
    transition: all 0.4s;
    position: relative;
    overflow: hidden;
}
.program-card::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, var(--light), transparent);
    border-radius: 50%;
    transform: translate(30px, -30px);
    transition: all 0.4s;
}
.program-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(10, 47, 110, 0.12);
    border-color: var(--primary);
}
.program-card:hover::after {
    background: radial-gradient(circle, rgba(10, 47, 110, 0.05), transparent);
}
.prog-icon {
    width: 56px;
    height: 56px;
    background: var(--light);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--primary);
    margin-bottom: 20px;
    transition: all 0.4s;
    position: relative;
    z-index: 1;
}
.program-card:hover .prog-icon {
    background: var(--primary);
    color: var(--white);
    transform: scale(1.1);
}
.prog-title {
    font-size: 17px;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}
.prog-desc {
    font-size: 14px;
    color: var(--text-muted);
    line-height: 1.6;
    position: relative;
    z-index: 1;
}
.prog-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 16px;
    transition: gap 0.3s;
    position: relative;
    z-index: 1;
}
.prog-link:hover {
    gap: 10px;
}
.sectors-section {
    background: var(--primary-dark);
    padding: 40px 0;
    position: relative;
    overflow: hidden;
}
.sectors-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Ccircle cx='30' cy='30' r='15'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.sectors-section .section-title {
    color: var(--white);
}
.sectors-section .section-desc {
    color: rgba(255, 255, 255, 0.65);
}
.sectors-section .section-eyebrow::before, .sectors-section .section-eyebrow::after {
    background: var(--accent);
}
.sectors-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}
.sector-tag {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 30px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 13.5px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
    backdrop-filter: blur(10px);
}
.sector-tag:hover {
    background: var(--accent);
    border-color: var(--accent);
    color: var(--white);
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(249, 115, 22, 0.35);
}
.sector-tag i {
    font-size: 15px;
}
.stories-slider {
    position: relative;
    overflow: hidden;
}
.stories-track {
    display: flex;
    gap: 24px;
    transition: transform 0.5s ease;
}
.story-card {
    min-width: calc(33.33% - 16px);
    background: var(--white);
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--border);
    transition: all 0.4s;
    flex-shrink: 0;
}
.story-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(10, 47, 110, 0.12);
}
.story-img {
    height: 180px;
    background: var(--gradient);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.story-img i {
    font-size: 60px;
    color: rgba(255, 255, 255, 0.2);
}
.story-sector {
    position: absolute;
    top: 16px;
    left: 16px;
    background: var(--accent);
    color: var(--white);
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
}
.story-body {
    padding: var(--padding-md);
}
.story-name {
    font-size: 18px;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 12px;
}
.story-stats {
    display: flex;
    gap: 16px;
    margin-bottom: 14px;
}
.story-stat {
    font-size: 12px;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: 5px;
}
.story-stat i {
    color: var(--accent);
}
.story-desc {
    font-size: 13.5px;
    color: var(--text-muted);
    line-height: 1.6;
}
.events-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
.event-card {
    background: var(--white);
    border-radius: 14px;
    padding: 26px;
    border: 1px solid var(--border);
    display: flex;
    gap: 20px;
    align-items: flex-start;
    transition: all 0.3s;
}
.event-card:hover {
    transform: translateX(6px);
    box-shadow: 0 10px 40px rgba(10, 47, 110, 0.1);
    border-color: var(--primary);
}
.event-date {
    min-width: 64px;
    background: var(--gradient);
    color: var(--white);
    border-radius: 12px;
    padding: 12px 8px;
    text-align: center;
    flex-shrink: 0;
}
.event-day {
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
}
.event-month {
    font-size: 11px;
    font-weight: 600;
    opacity: 0.85;
}
.event-info {
    flex: 1;
}
.event-tag {
    display: inline-block;
    background: rgba(249, 115, 22, 0.1);
    color: var(--accent);
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 8px;
}
.event-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 6px;
}
.event-meta {
    font-size: 12.5px;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: 5px;
}
.partners-section {
    background-color: var(--white);
}
.partners-tabs {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}
.tab-btn {
    padding: 9px 22px;
    border: 2px solid var(--border);
    background: var(--white);
    border-radius: 30px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
}
.tab-btn.active, .tab-btn:hover {
    background: var(--primary);
    color: var(--white);
    border-color: var(--primary);
}
.partners-logos {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}
.partner-logo {
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    transition: all 0.3s;
    cursor: pointer;
    text-align: center;
    margin: 1.5em;
    box-shadow: 0 8px 20px rgba(10, 47, 110, 0.15);
    padding: var(--padding-md);
}
.partner-logo img {
    max-width: 100%;
}
.partner-logo:hover {
    color: var(--white);
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgb(10 47 110 / 9%);
}
.news-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}
.news-card {
    background: var(--white);
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--border);
    transition: all 0.4s;
}
.news-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 40px rgba(10, 47, 110, 0.1);
}
.news-img {
    height: 160px;
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    position: relative;
    overflow: hidden;
}
.news-img::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent, rgba(10, 47, 110, 0.05));
}
.news-cat {
    position: absolute;
    bottom: 12px;
    left: 12px;
    background: var(--accent);
    color: var(--white);
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 700;
    z-index: 1;
}
.news-body {
    padding: var(--padding-md);
}
.news-date {
    font-size: 11px;
    color: var(--text-muted);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.news-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--text);
    line-height: 1.4;
    margin-bottom: 10px;
}
.news-title a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s;
}
.news-title a:hover {
    color: var(--primary);
}
.news-excerpt {
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.6;
}
.knowledge-section {
    background-color: var(--white);
    background-image: radial-gradient(circle at 50% 10%, rgba(220, 208, 170, 0.69) 0%, #ffdd9d80 60%), linear-gradient(rgba(255, 255, 255, 0.09) 1.5px, #0000 1.5px), linear-gradient(90deg, rgba(253, 252, 252, 0.12) 1.5px, #15635c17 1.5px);
    background-size: 100% 100%, 35px 35px, 35px 35px;
}
.knowledge-section .section-eyebrow::before, .knowledge-section .section-eyebrow::after {
    background: #1f3e6e;
}
.knowledge-section .section-eyebrow {
    color: #1f3e6e;
    border: 1px solid #1f3e6e;
}
.knowledge-section .section-title {
    color: var(--dark-blue);
}
.knowledge-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}
.knowledge-card {
    background: var(--white);
    border-radius: 14px;
    padding: var(--padding-md);
    text-align: center;
    transition: all 0.4s;
    text-decoration: none;
    display: block;
    color: inherit;
    position: relative;
}
.knowledge-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 40px rgba(255, 213, 87, 0.72);
    border-color: #ff8c46;
    background-color: rgba(255, 255, 255, 0.72);
}
.know-icon {
    width: 60px;
    height: 60px;
    border-radius: 8px 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
    color: var(--white);
    margin: 0 auto 0.2em;
    transition: all .4s;
}
.knowledge-card:hover .know-icon {
    transform: scale(1.1) rotate(-5deg);
}
.knowledge-card:nth-child(1) .know-icon {
    background: linear-gradient(135deg, #7c3aed, #a855f7);
}
.knowledge-card:nth-child(2) .know-icon {
    background: linear-gradient(135deg, #dc2626, #f97316);
}
.knowledge-card:nth-child(3) .know-icon {
    background: linear-gradient(135deg, #2563eb, #3b82f6);
}
.knowledge-card:nth-child(4) .know-icon {
    background: linear-gradient(135deg, #b45309, #d97706);
}
.knowledge-card:nth-child(5) .know-icon {
    background: linear-gradient(135deg, #059669, #10b981);
}
.knowledge-card:nth-child(6) .know-icon {
    background: linear-gradient(135deg, #ff9c1c, #ff4c15);
}
.knowledge-card:nth-child(7) .know-icon {
    background: linear-gradient(135deg, #0f766e, #14b8a6);
}
.knowledge-card:nth-child(8) .know-icon {
    background: linear-gradient(135deg, #be123c, #e11d48);
}
.knowledge-card:nth-child(9) .know-icon {
    background: linear-gradient(135deg, #4338ca, #6366f1);
}
.knowledge-card:nth-child(10) .know-icon {
    background: linear-gradient(135deg, #0891b2, #06b6d4);
}
.know-title {
    font-size: 1.2em;
    font-weight: 700;
    color: var(--dark-blue);
}
.know-desc {
    font-size: 12px;
    color: var(--text-muted);
}
.cta-section {
    background: var(--gradient);
    padding: 60px 0;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.cta-section::before {
    content: '';
    position: absolute;
    top: -30%;
    right: -5%;
    width: 500px;
    height: 500px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 50%;
}
.cta-section::after {
    content: '';
    position: absolute;
    bottom: -30%;
    left: -5%;
    width: 400px;
    height: 400px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 50%;
}
.cta-title {
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 800;
    color: var(--white);
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}
.cta-desc {
    color: rgba(255, 255, 255, 0.8);
    font-size: 17px;
    max-width: 560px;
    margin: 0 auto 40px;
    line-height: 1.6;
    position: relative;
    z-index: 1;
}
.cta-btns {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}
.btn-cta-white {
    background: var(--white);
    color: var(--primary);
    padding: 14px 30px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.btn-cta-white:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}
.btn-cta-outline {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.5);
    color: var(--white);
    padding: 12px 30px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 8px;
    backdrop-filter: blur(10px);
}
.btn-cta-outline:hover {
    background: rgba(255, 255, 255, 0.15);
    transform: translateY(-3px);
    color: var(--white);
}
footer {
    color: rgb(0, 0, 0);
    padding: 40px 0 0;
    background: #FFE2AA;
    background: linear-gradient(180deg, rgba(255, 226, 170, 1) 0%, rgba(254, 240, 212, 1) 100%);
    position: relative;
    overflow: hidden;
}
footer .container {
    position: relative;
    z-index: 5;
}
footer .footbg {
    position: absolute;
    width: 100%;
    bottom: -110px;
    right: 0px;
    left: 0px;
    margin: 0px auto;
    opacity: 0.5;
    z-index: 0;
}
.footer-grid {
    display: grid;
    grid-template-columns: 1.8fr 1fr 1fr 1fr 1fr;
    gap: 40px;
    margin-bottom: 0px;
}
.footer-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    line-height: 1.2;
}
.footer-logo-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    background-color: var(--white);
}
.footer-logo-icon img {
    max-width: 100%;
}
.footer-brand {
    font-size: 1.3em;
    font-weight: 800;
    color: var(--dark-blue);
}
.footer-sub {
    font-size: 0.9em;
    color: rgb(0, 0, 0);
}
.footer-about {
    line-height: 1.7;
    margin-bottom: 22px;
}
.footer-social {
    display: flex;
    gap: 10px;
}
.social-btn {
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.19);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.93);
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s;
}
.social-btn:hover {
    background: var(--accent);
    color: var(--white);
    transform: translateY(-3px);
}
.footer-col h4 {
    font-size: 1.2em;
    font-weight: 500;
    color: var(--dark-blue);
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid #0048883b;
}
.footer-col ul {
    list-style: none;
    padding-left: 0px;
}
.footer-col ul li {
    margin-bottom: 5px;
}
.footer-col ul li a {
    color: rgb(0, 0, 0);
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all 0.3s;
}
.footer-col ul li a::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--dark-blue);
    font-size: 15px;
    margin-right: 8px;
}
.footer-col ul li a:hover {
    color: #c23c07;
    padding-left: 4px;
}
.footer-bottom {
    padding: 20px 0;
    text-align: center;
}
.footer-bottom p {
    color: rgb(0, 0, 0);
    margin-bottom: 0px;
}
.footer-bottom-links {
    gap: 40px;
    justify-content: center;
    padding: 15px 0px;
    border: 1px solid rgba(8, 59, 140, 0.74);
    border-radius: 7px;
    box-shadow: 0px 0px 15px rgba(1, 16, 45, 0.17);
    backdrop-filter: blur(2px);
    background-color: rgba(255, 255, 255, 0.33);
}
.footer-bottom-links ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1em;
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-bottom-links ul li:not(:last-child)::after {
    content: "|";
    opacity: 0.5;
    margin-left: 18px;
}
.footer-bottom-links ul li {
    display: inline-flex;
    align-items: center;
    position: relative;
}
.footer-bottom-links ul li a {
    color: #001547;
    text-decoration: none;
    transition: all 0.3s ease;
}
.footer-bottom-links ul li a:hover {
    color: #c23c07;
}

#scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(135deg, rgb(255, 140, 18) 0%, rgb(255, 95, 16) 50%, rgb(255, 72, 0) 100%);
    z-index: 99999;
    transition: width 0.1s ease;
}


.scroll-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


.scroll-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 46px;
    height: 46px;
    background: linear-gradient(135deg, #ff8c12 0%, #ff5f10 50%, #ff4800 100%);
    color: var(--white);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    box-shadow: 0 4px 20px rgba(10, 47, 110, 0.35);
    transition: all 0.3s;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
}
.scroll-top.visible {
    opacity: 1;
    visibility: visible;
}
.scroll-top:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(10, 47, 110, 0.45);
}
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.7s ease;
}
.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}
.reveal-left {
    opacity: 0;
    transform: translateX(-40px);
    transition: all 0.7s ease;
}
.reveal-left.visible {
    opacity: 1;
    transform: translateX(0);
}
.delay-75 {
    transition-delay: 75ms;
}
.delay-100 {
    transition-delay: 100ms;
}
.delay-150 {
    transition-delay: 150ms;
}
.delay-200 {
    transition-delay: 200ms;
}
.delay-300 {
    transition-delay: 300ms;
}
.owl-buttons > div {
    width: 44px;
    height: 44px;
    background: var(--white);
    border: 2px solid var(--border);
    border-radius: 50%;
    cursor: pointer;
    color: var(--primary) !important;
    font-size: 14px;
    transition: all 0.3s;
    line-height: 32px !important;
    margin: 5px;
}
.owl-buttons > div:hover {
    background: #174177 !important;
    color: white !important;
    border-color: #174177 !important;
}
#incubators {
    background: linear-gradient(rgba(255, 255, 255, 0.07) 1px, #0000 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, #00000008 1px), radial-gradient(circle at top, #fffbf5, #fbf1e0 70%);
    transition-duration: .3s;
    position: relative;
    overflow: hidden;
}
#incubators::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: 0px auto;
    background-image: url("../images/bg11.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
    opacity: 0.5;
    z-index: 0;
}
#incubators .section-eyebrow::before, #incubators .section-eyebrow::after {
    background: var(--dark-blue);
}
#incubators .section-eyebrow {
    color: var(--dark-blue);
    border: 1px solid var(--dark-blue);
}
#incubators .section-title {
    color: var(--dark-blue);
}
#incubators .section-header {
    margin-bottom: 0px;
}
#incubators .section-title {
    color: var(--dark-blue);
}
#incTrack .owl-wrapper-outer {
    padding-top: 20px;
    padding-bottom: 20px;
}
#programs {
    background-image: url("../images/financial.png");
    background-repeat: no-repeat;
    background-size: cover;
    transition-duration: .3s;
    background-attachment: fixed;
}
.iup-news-tab {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-bottom: 1em;
    background: var(--white);
    padding: 6px;
    border-radius: 30px;
    width: fit-content;
    margin-inline: auto;
    backdrop-filter: blur(10px);
    border: 1px solid #e1eaee;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.12);
}
.iup-news-tab .nav-link {
    padding: 7px 22px;
    border-radius: 24px;
    border: 0;
    background: none;
    cursor: pointer;
    font-weight: 800;
    color: var(--ink-2);
    font-family: inherit;
    transition: .25s;
    font-size: 1.2em;
    color: var(--dark-blue);
}
.iup-news-tab .nav-link.active {
    background-color: var(--dark-blue);
    color: var(--white);
    box-shadow: 0 4px 15px rgba(24, 45, 110, 0.3);
}
.news_card {
    background: var(--white);
    border-radius: 20px;
    overflow: hidden;
    ;
    box-shadow: 0 2px 15px rgba(15, 30, 80, .06), 0 1px 3px rgba(15, 30, 80, .05);
    height: 100%;
    transition: .3s cubic-bezier(.22, .61, .36, 1);
    margin: 10px;
}
.news_card .thumb {
    position: relative;
    max-height: 220px;
    min-height: 220px;
    overflow: hidden;
    z-index: 0;
}
.news_card .thumb::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 60%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transform: skewX(-25deg);
    transition: left 0.7s ease;
    z-index: 1;
}
.news_card .thumb img {
    position: relative;
    z-index: 0;
    width: 100%;
    object-fit: cover;
    height: 100%;
    display: block;
    transition: transform 0.3s ease;
}
.news_card .body {
    padding: var(--padding-md);
    min-height: 160px;
    position: relative;
}
.news_card:hover .thumb img {
    transform: scale(1.1)
}
.news_card:hover .thumb::before {
    left: 150%;
}
.news_card h5 {
    margin: 0 0 8px;
    font-size: 1.05rem;
    color: var(--text);
    font-weight: 600;
}
.news_card p {
    margin: 0px;
}
.news_card .more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #f67200;
    font-weight: 700;
    text-decoration: none;
    margin-top: 0px;
    transition: gap 0.3s;
    position: absolute;
    z-index: 1;
    bottom: 20px;
    text-transform: uppercase;
}
.news_card .more:hover {
    gap: 10px;
    color: #0a58ca;
}
.news_card .thumb .date {
    position: absolute;
    top: 14px;
    left: 14px;
    background: rgba(255, 255, 255, .96);
    padding: 6px 12px;
    border-radius: 7px;
    font-size: .78rem;
    font-weight: 700;
    color: #01518c;
    box-shadow: 0 0px 15px rgba(10, 47, 110, 0.4);
}
.news_card .thumb .cat {
    position: absolute;
    top: 14px;
    right: 14px;
    background: linear-gradient(135deg, #17beff 0%, #01bbc5 45%, #15b6e7 100%);
    color: var(--white);
    padding: 5px 12px;
    border-radius: 20px;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.section_btn {
    text-align: center;
    margin-top: 20px;
}
.section .btn-register {
    background: var(--gradient2);
    text-decoration: none;
    color: var(--white);
}
.section_btn .btn-register {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 13px 30px;
    font-size: 14px;
    border-radius: 40px;
}

.stx-contentBox {
    max-width: 1000px;
    margin: auto;
    background: var(--white);
    padding: var(--padding-md);
    border-radius: 15px;
    display: flex;
    gap: 20px;
    align-items: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
    margin-bottom: 25px;
}
.stx-contentBox img {
    width: 320px;
    height: 220px;
    object-fit: cover;
    border-radius: 12px;
}
.stx-contentTitle {
    margin: 0 0 10px;
    font-size: 2em;
    font-weight: 800;
    color: var(--primary);
}
.stx-contentDesc {
    color: #555;
    line-height: 1.6;
}
.stx-wrapper {
    position: relative;
    max-width: 1200px;
    margin: auto;
}
.stx-arrowBtn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #d7a649;
    color: var(--white);
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 5;
}
.stx-arrowLeft {
    left: -10px;
}
.stx-arrowRight {
    right: -10px;
}
.stx-carousel {
    overflow: hidden;
    padding: 10px 50px;
}
.stx-track {
    display: flex;
    gap: 12px;
    transition: transform .5s ease;
}
.stx-item {
    min-width: 170px;
    padding: 14px 15px;
    border-radius: 30px;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    white-space: nowrap;
    transition: .3s;
    font-weight: 600;
    color: var(--primary);
}
.stx-item i {
    color: var(--accent);
    font-size: 1.5em;
}
.stx-item.stx-active {
    background: var(--gradient2);
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.51);
    transform: scale(1.08);
}
.stx-item.stx-active i {
    color: var(--white);
}
.stx-data-title, .stx-data-desc, .stx-data-img {
    display: none;
}
.xtm-testimonial-section {
    width: 100%;
    margin: auto;
    padding: 0px 30px;
    overflow: hidden;
}
.xtm-layout {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr) 480px;
    align-items: center;
    gap: 50px;
}
.xtm-side-title {
    display: flex;
    justify-content: center;
    align-items: center;
}
.xtm-side-title span {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 3.6em;
    font-weight: 800;
    color: rgba(8, 43, 97, 0.13);
    text-transform: uppercase;
    font-family: "IBM Plex Sans Condensed", sans-serif;
}
.xtm-slider-wrapper {
    overflow: hidden;
    width: 100%;
}
.xtm-slider-track {
    display: flex;
    align-items: flex-end;
    gap: 18px;
    transition: transform .6s ease;
    min-height: 330px;
}
.xtm-slide {
    width: 90px;
    height: 90px;
    flex-shrink: 0;
    overflow: hidden;
    cursor: pointer;
    transition: all .6s ease;
    opacity: .9;
}
.xtm-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .8s ease;
    border-radius: 15px 15px 0px 0px;
}
.xtm-slide-info {
    display: none;
}
.xtm-slide.xtm-active {
    width: 260px;
    height: 300px;
    opacity: 1;
    position: relative;
    z-index: 5;
    box-shadow: 0 25px 50px rgba(0, 0, 0, .2);
    border-radius: 15px 15px 0px 0px;
}
.xtm-slide.xtm-active img {
    transform: scale(1.08);
}
.xtm-content-area {
    width: 100%;
}
.xtm-content-box {
    animation: xtmFade .5s ease;
}
.xtm-count {
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 1.1em;
    background-color: #ff7327;
    color: var(--white);
    padding: 4px 20px;
    border-radius: 25px;
}
.xtm-name {
    font-size: 2.2em;
    font-weight: 800;
    margin-bottom: 5px;
    color: var(--dark-blue);
    font-family: "IBM Plex Sans Condensed", sans-serif;
}
.xtm-text {
    color: #666;
    line-height: 1.9;
}
.xtm-controls {
    display: flex;
    gap: 10px;
    margin-top: 30px;
}
.xtm-btn {
    width: 46px;
    height: 46px;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    background: #0e3c6e;
    color: var(--white);
    font-size: 18px;
    transition: .3s;
}
.xtm-btn:hover {
    background: #333;
}
@keyframes xtmFade {
    from {
        opacity: 0;
        transform: translateX(25px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@media(max-width:991px) {
    .xtm-layout {
        grid-template-columns: 1fr;
        gap: 35px;
    }
    .xtm-side-title {
        display: none;
    }
    .xtm-content-area {
        text-align: center;
    }
    .xtm-text {
        max-width: 100%;
    }
    .xtm-controls {
        justify-content: center;
    }
}
@media(max-width:767px) {
    .xtm-testimonial-section {
        padding: 50px 15px;
    }
    .xtm-slider-track {
        min-height: 240px;
        gap: 10px;
    }
    .xtm-slide {
        width: 65px;
        height: 65px;
    }
    .xtm-slide.xtm-active {
        width: 180px;
        height: 220px;
    }
}
.testimoial {
    background-color: var(--white);
    position: relative;
    overflow: hidden;
}
.testimoial .container {
    position: relative;
    z-index: 3;
}
.testimoial::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: 0px auto;
    background-image: url("../images/bg12.jpg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
    opacity: 0.1;
    z-index: 0;
}
.testimoial .section-eyebrow::before, .testimoial .section-eyebrow::after {
    background: var(--dark-blue);
}
.testimoial .section-eyebrow {
    color: var(--dark-blue);
    border: 1px solid var(--dark-blue);
}
.testimoial .section-title {
    color: var(--dark-blue);
}
.testimoial .section-header {
    margin-bottom: 30px;
}
.testimoial .section-title {
    color: var(--dark-blue);
}
.accessibilitybtn span {
    font-weight: bold;
    padding: 7px 7px;
    transition-duration: .3s;
    display: inline-block;
}
.accessibilitybtn:hover {
    right: 0px;
    background-color: #ec306e;
}
.accessibilitypopup {
    width: 360px;
    visibility: visible;
}
.accessibilitypopup .offcanvas-header {
    background: linear-gradient(120deg, #0a2f86, #ff8112 100%);
    padding: 8px 15px;
}
.accessibilitypopup .offcanvas-header h5 {
    color: var(--white);
    font-size: 1.2em;
    margin: 6px 0px;
}
.accessibilitypopup .offcanvas-header button {
    background-color: rgba(255, 255, 255, 0.18);
    filter: invert(1);
}
.accessibilitypopup .offcanvas-body {
    background-color: #eee;
    padding: var(--padding-md);
}
.accessibility-tools {
    display: flex;
    flex-wrap: wrap;
}
.accessibility-tools > div {
    box-sizing: border-box;
    padding: 1px;
    width: 50%;
}
.accessibility-tools > div button {
    display: block;
    border: 0px;
    font-weight: 400;
    width: 100%;
    background-color: var(--white);
    border-radius: 5px;
    padding: 3px;
    border: 0px;
    min-height: 64px;
    line-height: 1.5;
    transition-duration: .3s;
    font-size: 13px;
    color: #3c4e88;
}
body.big-cursor, body.big-cursor * {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="black" stroke="white" stroke-width="1.5"><path d="M3 3l7 18 3-7 7-3L3 3z"/></svg>'), auto !important;
}
.accessibility-tools > div button:hover {
    color: var(--white);
    background-image: linear-gradient(-20deg, #292cee 0%, #88d3ce 100%);
}
.accessibility-tools > div button > span {
    display: block;
}
.accessibility-tools > div button > span img {
    height: 25px;
    transition-duration: .3s;
}
.accessibility-tools > div button:hover img {
    filter: brightness(0) invert(1);
}
.hide-images img {
    display: none !important;
}
.grayscale-images {
    filter: grayscale(100%) !important;
}
.underline-links a {
    text-decoration: underline !important;
}
.hide, .hidden {
    display: none;
}
body.dark-contrast {
    filter: invert(100);
}
.underline-links a {
    text-decoration: underline !important;
}
.hide, .hidden {
    display: none;
}
.btn-primary {
    background: var(--dark-blue);
}
.btn-warning {
    color: var(--white);
    background-color: #ff9207;
    border-color: #ff9207;
}
.btn-warning:hover {
    color: var(--white);
}
.startupDashboard {
    position: relative;
    min-height: 100vh;
    padding: 30px 20px;
    background: linear-gradient(rgba(255, 255, 255, .05) 1px, #0000 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, #00000008 1px), radial-gradient(circle at top, #fff, #fff 70%);
    background-size: auto, auto, auto;
    background-size: 40px 40px, 40px 40px, 100% 100%;
    padding-top: 5em;
    z-index: 0;
    overflow: inherit;
}
.startupDashboard .enginebg {
    position: absolute;
    width: 100%;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: 0px auto;
    opacity: 0.4;
    height: 100%;
    z-index: -1;
}
.startupDashboard .container {
    position: relative;
    z-index: 5;
}
.dashboardOverlay {
    background: radial-gradient(circle, #00b7ff10 2px, transparent 2px);
    background-size: 80px 80px;
}
.startupDashboard .section-title {
    color: var(--dark-blue);
}
.startupDashboard .section-eyebrow::before, .startupDashboard .section-eyebrow::after {
    background: #1a386a;
}
.startupDashboard .section-eyebrow {
    color: #1a386a;
    border: 1px solid #1a386a;
    border-radius: 20px;
    background: rgba(255, 255, 255, .08);
    padding: 3px 15px;
}
.startupDashboard .section-title span {
    color: #f27326;
}
.dashboardHeading {
    display: inline-block;
    padding: 10px 18px;
    color: var(--white);
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 6px;
    background: rgba(255, 255, 255, .08);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    box-shadow: 0 0 20px rgba(0, 255, 255, .12);
}
.dashboardCard {
    background: rgba(255, 255, 255, 0.55);
    border-radius: 8px;
    padding: 12px;
    min-height: 130px;
    transition: .35s;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .30);
    border: 1px solid rgb(242, 115, 38);
    backdrop-filter: blur(3px);
}
.dashboardCard:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}
.dashboardCard h6 {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    line-height: 20px;
    min-height: 42px;
}
.dashboardNumber {
    margin-top: 5px;
    color: var(--dark-blue);
    font-size: 1.5em;
    font-weight: 800;
}
.dashboardNumber i {
    animation: arrowFloat 1.4s infinite;
}
@keyframes arrowFloat {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
    100% {
        transform: translateY(0);
    }
}
.graphLine {
    fill: none;
    stroke: #07d0ff;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 180;
    stroke-dashoffset: 180;
    animation: graphAnimation 2s ease forwards infinite;
}
@keyframes graphAnimation {
    0% {
        stroke-dashoffset: 180;
    }
    45% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
.ecosystem-container {
    background-color: #06162d;
    background-image: radial-gradient(circle at center, rgba(23, 162, 184, 0.15) 0%, transparent 70%), linear-gradient(rgba(13, 110, 253, 0.18) 1.5px, transparent 1.5px), linear-gradient(90deg, rgba(13, 110, 253, 0.18) 1.5px, transparent 1.5px), linear-gradient(rgba(13, 110, 253, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(13, 110, 253, 0.06) 1px, transparent 1px);
    background-size: 100% 100%, 80px 80px, 80px 80px, 20px 20px, 20px 20px;
    background-position: center center;
    color: var(--white);
    padding: 60px 20px;
    position: relative;
}
.ecosystem-title {
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-size: 2.2rem;
}
.ecosystem-subtitle {
    background: rgba(6, 22, 45, 0.9);
    border: 1px solid rgba(0, 188, 212, 0.4);
    padding: 4px 18px;
    border-radius: 4px;
    font-size: 0.75rem;
    letter-spacing: 2px;
    display: inline-block;
    position: relative;
    z-index: 10;
    text-transform: uppercase;
}
.ux8inf-wrap {
    max-width: 1200px;
    margin: 40px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 45px;
}
.ux8inf-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1;
}
.ux8inf-center-col {
    width: 360px;
    height: 360px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
    margin: 0 auto;
    animation: ux8inf-fadeIn .8s ease-out;
    padding: 0px 25px;
}
.ux8inf-spinner {
    position: absolute;
    inset: 0;
    animation: ux8inf-spin 40s linear infinite;
}
.ux8inf-ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: conic-gradient(from -30deg, #D2B68B 1.5deg 58.5deg, transparent 58.5deg 61.5deg, #CB9D56 61.5deg 118.5deg, transparent 118.5deg 121.5deg, #C28729 121.5deg 178.5deg, transparent 178.5deg 181.5deg, #0D2C6C 181.5deg 238.5deg, transparent 238.5deg 241.5deg, #4262A6 241.5deg 298.5deg, transparent 298.5deg 301.5deg, #88A2D4 301.5deg 358.5deg, transparent 358.5deg 361.5deg);
}
.ux8inf-num {
    position: absolute;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    color: var(--white);
    font-weight: 700;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%) scale(0);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    animation: ux8inf-pop .5s cubic-bezier(.34, 1.56, .64, 1) forwards;
    border: 3px solid var(--white);
    text-align: center;
}
.ux8inf-num span {
    display: inline-block;
    animation: ux8inf-spinRev 40s linear infinite;
    text-align: center;
}
.ux8inf-num span img {
    max-width: 70%;
}
.ux8inf-pos-01 {
    left: 50%;
    top: 2%;
    background-color: #d2b68b;
}
.ux8inf-pos-02 {
    left: 91.5%;
    top: 26%;
    background-color: #cb9d56;
}
.ux8inf-pos-03 {
    left: 91.5%;
    top: 74%;
    background-color: #c28729;
}
.ux8inf-pos-04 {
    left: 50%;
    top: 98%;
    background-color: #0d2c6c;
}
.ux8inf-pos-05 {
    left: 8.5%;
    top: 74%;
    background-color: #4262a6;
}
.ux8inf-pos-06 {
    left: 8.5%;
    top: 26%;
    background-color: #88a2d4;
}
.ux8inf-num-delay-01 {
    animation-delay: .4s;
}
.ux8inf-num-delay-02 {
    animation-delay: .5s;
}
.ux8inf-num-delay-03 {
    animation-delay: .6s;
}
.ux8inf-num-delay-04 {
    animation-delay: .7s;
}
.ux8inf-num-delay-05 {
    animation-delay: .8s;
}
.ux8inf-num-delay-06 {
    animation-delay: .9s;
}
.ux8inf-center {
    position: absolute;
    inset: 22%;
    background: var(--white);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  padding:var(--padding-md);
    box-shadow: inset 0 0 20px rgba(0, 0, 0, .04); overflow:hidden;
}
.ux8inf-center img {
    max-width: 100%;
}
.ux8inf-center h2 {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    color: #333;
}
.ux8inf-center p {
    font-size: 10px;
    color: #888;
    margin-top: 8px;
    line-height: 1.5;
}
@keyframes ux8inf-spin {
    to {
        transform: rotate(360deg);
    }
}
@keyframes ux8inf-fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes ux8inf-fadeUp {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes ux8inf-pop {
    0% {
        transform: translate(-50%, -50%) scale(.4);
        opacity: 0;
    }
    70% {
        transform: translate(-50%, -50%) scale(1.15);
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}
.ux8inf-card {
    display: flex;
    align-items: stretch;
    opacity: 0;
    animation: ux8inf-fadeUp .7s ease-out forwards;
    transition: transform 0.3s ease;
}
.ux8inf-card:hover {
    transform: translateY(-5px);
}
.ux8inf-col-right .ux8inf-card {
    flex-direction: row-reverse;
}
.ux8inf-card-text {
    flex: 1;
    background-color: var(--white);
    border: 2px solid #134799;
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
}
.ux8inf-col-left .ux8inf-card-text {
    border-right: none;
    border-radius: 60px 0 0 10px;
}
.ux8inf-col-right .ux8inf-card-text {
    border-left: none;
    border-radius: 0 60px 10px 0;
    min-height: 88px;
}
.ux8inf-card h3 {
    font-size: 1.5em;
    margin: 0 0 5px 0;
}
.ux8inf-card h3 span {
    font-weight: 900;
    font-size: 0.9em;
    display: block;
    margin-bottom: 5px;
    color: #e75e0d;
}
.ux8inf-card p {
    font-size: 1.05em;
    color: #2d2d2d;
    margin: 0;
    line-height: 1.3;
    font-weight: 400;
}
.ux8inf-col-left .ux8inf-card-text {
    align-items: end;
    text-align: right;
}
.ux8inf-col-right .ux8inf-card-text {
    align-items: start;
    text-align: left;
}
.ux8inf-icon {
    width: 90px;
    background-color: #0b448a;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 2em;
    position: relative;
    z-index: 2;
}
.ux8inf-icon img {
    max-width: 65%;
}
.ux8inf-col-left .ux8inf-card:nth-child(1) .ux8inf-icon {
    border-radius: 0 60px 0 0;
    border-right: 6px solid #fd8a0f;
}
.ux8inf-col-left .ux8inf-card:nth-child(2) .ux8inf-card-text {
    border: 2px solid #ad7113;
}
.ux8inf-col-left .ux8inf-card:nth-child(2) .ux8inf-icon {
    border-right: 6px solid #0b448a;
    background-color: #c27d11;
}
.ux8inf-col-left .ux8inf-card:nth-child(3) .ux8inf-icon {
    border-radius: 0 0 60px 0;
    border-right: 6px solid #fd8a0f;
}
.ux8inf-col-right .ux8inf-card:nth-child(1) .ux8inf-icon {
    border-radius: 60px 0 0 0;
    border-left: 6px solid #fd8a0f;
}
.ux8inf-col-right .ux8inf-card:nth-child(2) .ux8inf-card-text {
    border: 2px solid #ad7113;
}
.ux8inf-col-right .ux8inf-card:nth-child(2) .ux8inf-icon {
    border-left: 6px solid #0b448a;
    background-color: #c27d11;
}
.ux8inf-col-right .ux8inf-card:nth-child(3) .ux8inf-icon {
    border-radius: 0 0 0 60px;
    border-left: 6px solid #fd8a0f;
}
.ux8inf-col-left .ux8inf-card {
    margin-right: -15px;
}
.ux8inf-col-right .ux8inf-card {
    margin-left: -15px;
}
.ux8inf-delay-0 {
    animation-delay: 0s;
}
.ux8inf-delay-12 {
    animation-delay: 0.15s;
}
.ux8inf-delay-24 {
    animation-delay: 0.3s;
}
@keyframes ux8inf-fadeUp {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@media (max-width: 950px) {
    .ux8inf-wrap {
        flex-direction: column;
    }
    .ux8inf-center-col {
        order: -1;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .ux8inf-col-left .ux8inf-card, .ux8inf-col-right .ux8inf-card {
        margin: 0;
        flex-direction: row;
    }
    .ux8inf-col-right .ux8inf-card-text {
        border-radius: 50px 0 0 10px;
        border: 2px solid #134799;
        border-right: none;
    }
    .ux8inf-col-right .ux8inf-card:nth-child(1) .ux8inf-icon, .ux8inf-col-right .ux8inf-card:nth-child(3) .ux8inf-icon {
        border-radius: 0 00px 60px 0;
        border-left: none;
        border-right: 6px solid var(--orange);
    }
    .ux8inf-col-right .ux8inf-card:nth-child(2) .ux8inf-icon {
        border-left: none;
        border-right: 6px solid #0b448a;
    }
}
.unique-strategic-section {
    background-color: var(--white);
    color: var(--white);
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}
.unique-strategic-section > video {
    position: absolute;
    top: -80px;
    right: 0px;
    left: 0px;
    width: 100%;
    z-index: 0;
    opacity: 0.2;
    transform: scaleX(-1);
}
.unique-strategic-section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: 0px auto;
    background-image: url("../images/bg13.jpg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
    opacity: 0.5;
    z-index: 0;
}
.unique-strategic-section .section-eyebrow::before, .unique-strategic-section .section-eyebrow::after {
    background: #1a386a;
}
.unique-strategic-section .section-eyebrow {
    color: #1a386a;
    border: 1px solid #1a386a;
    border-radius: 20px;
    background: rgba(255, 255, 255, .08);
    padding: 3px 15px;
}
.unique-strategic-section .section-title span {
    color: #f27326;
}
.unique-strategic-section .container {
    position: relative;
    z-index: 2;
}
.unique-strategic-section .section-title {
    color: rgb(16, 82, 185);
}
.unique-badge {
    background: linear-gradient(90deg, #00bcd4, #28a745);
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 6px 16px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 15px;
}
.unique-main-title {
    font-weight: 800;
    font-size: 2.5rem;
    letter-spacing: -0.5px;
}
.pillar-card-wrapper {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: var(--padding-md);
    display: flex;
    align-items: center;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
}
.pillar-card-wrapper:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(8, 51, 106, 0.47);
    transform: translateX(8px);
}
.pillar-card-wrapper::before {
    content: '';
    position: absolute;
    left: 0;
    top: 20%;
    bottom: 20%;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: transparent;
    transition: background 0.3s;
}
.pillar-card-wrapper.orange-theme {
    background: linear-gradient(145deg, #ffffffd4 0%, #fbf8ec 100%);
    border-color: rgba(188, 72, 2, 0.47);
}
.pillar-card-wrapper.orange-theme:hover::before {
    background: #f17326;
    box-shadow: 0 0 10px #91590c;
}
.pillar-card-wrapper.green-theme {
    background: #2ec4b6;
}
.pillar-card-wrapper.green-theme:hover::before {
    background: var(--white);
    box-shadow: 0 0 10px #0e8479;
}
.pillar-card-wrapper.blue-theme {
    background: linear-gradient(145deg, #ffffffd4 0%, #dee7ff 100%);
    border-color: rgba(8, 51, 106, 0.47);
}
.pillar-card-wrapper.blue-theme:hover::before {
    background: #1052b9;
    box-shadow: 0 0 10px #0a4d5b;
}
.premium-icon-shape {
    width: 54px;
    height: 54px;
    border-radius: 12px;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-right: 20px;
    flex-shrink: 0;
    transition: all 0.3s;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
}
.orange-theme .premium-icon-shape {
    color: var(--white);
    border: 1px solid rgba(255, 159, 28, 0.2);
    background-color: #f17326;
}
.green-theme .premium-icon-shape {
    color: #2ec4b6;
    border: 1px solid rgba(46, 196, 182, 0.2);
}
.blue-theme .premium-icon-shape {
    color: var(--white);
    border: 1px solid rgba(0, 180, 216, 0.2);
    background-color: #1052b9;
}
.pillar-card-wrapper:hover .premium-icon-shape {
    background: var(--white);
}
.pillar-card-wrapper.orange-theme:hover .premium-icon-shape {
    color: #f17326;
    box-shadow: 0 0 15px rgba(251, 82, 0, 0.4);
}
.pillar-card-wrapper.green-theme:hover .premium-icon-shape {
    color: #2ec4b6;
    box-shadow: 0 0 15px rgba(46, 196, 182, 0.4);
}
.pillar-card-wrapper.blue-theme:hover .premium-icon-shape {
    color: #1052b9;
    box-shadow: 0 0 15px rgba(8, 77, 240, 0.4);
}
.unique-pillar-title {
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0 0 2px 0;
    color: #1052b9;
}
.unique-pillar-meta {
    font-size: 0.8rem;
    color: rgba(0, 0, 0, 0.77);
    margin: 0;
}
.sticky-hub-panel {
    position: sticky;
    top: 40px;
    background: linear-gradient(145deg, #ffffffd4 0%, #fbf8ec 100%);
    border: 1px solid rgb(242, 115, 38);
    border-radius: 24px;
    padding: var(--padding-md);
    box-shadow: 0 20px 50px rgba(255, 216, 155, 0.5);
}
.hub-vision-box {
    border-bottom: 1px solid rgba(95, 55, 36, 0.09);
    margin-bottom: 15px;
}
.hub-label {
    font-size: 1rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #194995;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.hub-label.mission-color {
    color: #fb380b;
}
.hub-body-text {
    font-size: 0.95rem;
    line-height: 1.6;
    color: rgba(0, 0, 0, 0.9);
    font-weight: 500;
}
.engine-section {
    background: linear-gradient(rgba(255, 255, 255, 0.07) 1px, #0000 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, #00000008 1px), radial-gradient(circle at top, #fff, #fff4eb 70%);
    color: var(--white);
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}
.engine-section .section-eyebrow::before, .engine-section .section-eyebrow::after {
    background: var(--dark-blue);
}
.engine-section .section-eyebrow {
    color: var(--dark-blue);
    border: 1px solid var(--dark-blue);
}
.engine-section .section-title {
    color: var(--dark-blue);
}
.engine-section .enginebg {
    position: absolute;
    width: 100%;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: 0px auto;
    opacity: 0;
    height: 100%;
    z-index: 0;
}
.engine-section .container {
    position: relative;
    z-index: 5;
}
.engine-title {
    font-weight: 800;
    font-size: 2.2rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.lifecycle-container {
    margin: 40px 0 30px 0;
    position: relative;
}
.lifecycle-label {
    font-size: 1rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: var(--text);
    margin-bottom: 15px;
    text-align: center;
    text-shadow: 0 0 10px rgba(255, 131, 0, 0.5);
}
.pipeline-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    overflow-x: auto;
    padding: 15px 5px;
}
.step-chevron {
    clip-path: polygon(0% 0%, 88% 0%, 100% 50%, 88% 100%, 0% 100%, 12% 50%);
    padding: 1px 1px 1px 2px;
    background-color: var(--white);
    min-width: 145px;
    flex: 1;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.step-chevron > span {
    background: #e37d10;
    padding: 14px 10px;
    text-align: center;
    font-weight: 800;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--white);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    clip-path: polygon(0% 0%, 88% 0%, 100% 50%, 88% 100%, 0% 100%, 12% 50%);
    filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.6));
    display: block;
}
.step-chevron:hover {
    transform: translateY(-4px) scale(1.02);
    filter: drop-shadow(0 0 18px #111aa4);
    cursor: pointer;
}
.step-chevron > span:hover {
    background: var(--dark-blue);
    color: var(--white);
    font-weight: 900;
}
.engine-section .support-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.engine-section .support-card {
    background: var(--white);
    color: #1f2d3d;
    border-radius: 14px;
    padding: var(--padding-md);
    border: 1px solid rgba(253, 97, 36, 0.78);
    box-shadow: 0 15px 35px rgba(255, 118, 35, 0.3);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s;
}
.engine-section .support-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(255, 84, 0, 0.21);
}
.engine-section .support-card:hover::after {
    opacity: 1;
}
.card-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}
.primary-icon {
    font-size: 1.5rem;
    color: var(--dark-blue);
}
.secondary-icon {
    font-size: 1.1rem;
    color: #ff7800;
    opacity: 1;
}
.card-main-title {
    font-size: 1.1rem;
    font-weight: 800;
    color: #ff3101;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}
.tech-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
    font-size: 0.88rem;
    color: #4a5568;
    line-height: 1.6;
}
.tech-list li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 8px;
}
.tech-list li::before {
    content: "\f560";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.65rem;
    color: #083d63;
}
.cta-container {
    margin-top: 50px;
}
.neon-btn {
    background: var(--white);
    border: 2px solid var(--orange);
    color: var(--orange);
    font-weight: 700;
    padding: 12px 35px;
    border-radius: 50px;
    box-shadow: 0 0 15px rgba(255, 92, 29, 0.2);
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
}
.neon-btn:hover {
    background: #ff7800;
    color: var(--white);
    box-shadow: 0 0 30px rgba(255, 84, 0, 0.6);
}
@media (max-width: 1199px) {
    .support-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .support-grid {
        grid-template-columns: 1fr;
    }
    .engine-title {
        font-size: 1.6rem;
    }
}
.policy-section {
    background-color: #fdf9f2;
    background-size: 100% 100%, 35px 35px, 35px 35px;
    color: var(--white);
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}
.policy-section .section-eyebrow::before, .policy-section .section-eyebrow::after {
    background: var(--dark-blue);
}
.policy-section .section-eyebrow {
    color: var(--dark-blue);
    border: 1px solid var(--dark-blue);
}
.policy-section .section-title {
    color: var(--dark-blue);
}
.policy-section .enginebg {
    position: absolute;
    width: 100%;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: 0px auto;
    opacity: 0.3;
    height: 100%;
    z-index: 0;
}
.policy-section .container {
    position: relative;
    z-index: 5;
}
.policy-main-title {
    font-weight: 900;
    font-size: 2.3rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0 0 15px rgba(0, 188, 212, 0.3);
}
.terminal-menu-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px dashed rgba(3, 40, 97, 0.53);
    padding: 8px;
    border-radius: 38px;
    margin-bottom: 25px;
}
.terminal-link {
    color: rgb(19, 43, 117);
    text-decoration: none;
    font-size: 0.90rem;
    font-weight: 800;
    text-transform: uppercase;
    padding: 6px 14px;
    border-radius: 64px;
    transition: all 0.3s;
    border: 1px solid transparent;
}
.terminal-link:hover, .terminal-link.active {
    color: var(--white);
    background: rgba(240, 133, 39, 0.81);
    border-color: rgba(132, 61, 19, 0.3);
}
.module-header-tag {
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: 1px;
    color: #6c3d12;
    border-bottom: 2px solid rgba(244, 100, 29, 0.66);
    padding-bottom: 6px;
    margin-bottom: 20px;
}
.incentives-layout-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
.incentive-mini-card {
    background: var(--white);
    color: #1f2d3d;
    border-radius: 12px 12px 65px 65px;
    padding: 20px 12px;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 135px;
    transition: transform 0.3s, box-shadow 0.3s;
}
.icon-ring-wrap {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    margin-bottom: 12px;
}
.ring-orange {
    border: 2px dashed #ff9f1c;
    color: #ff9f1c;
    background: rgba(255, 159, 28, 0.05);
}
.ring-green {
    border: 2px dashed #2ec4b6;
    color: #2ec4b6;
    background: rgba(46, 196, 182, 0.05);
}
.ring-blue {
    border: 2px dashed #00b4d8;
    color: #00b4d8;
    background: rgba(0, 180, 216, 0.05);
}
.incentive-mini-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(186, 102, 27, 0.25);
}
.incentive-card-title {
    font-size: 0.85rem;
    font-weight: 800;
    color: #040d1a;
    margin: 0;
    line-height: 1.3;
}
.span-bottom-adjust {
    grid-column: span 1;
}
.priority-hex-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.sector-pill {
    background: rgba(169, 106, 25, 0.2);
    border: 1px solid rgba(212, 119, 0, 0.25);
    padding: 9px;
    border-radius: 18px 8px;
    font-size: 0.85rem;
    font-weight: 600;
    color: rgb(0, 0, 0);
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all 0.3s ease;
}
.sector-pill i {
    font-size: 0.95rem;
    color: #e67d1c;
}
.sector-pill:hover {
    background: rgb(255 255 255 / 8%);
    border-color: var(--accent);
    color: var(--text);
    transform: scale(1.03);
    box-shadow: 0 5px 20px rgba(173, 85, 9, 0.43);
}
.business-pipeline-wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}
.pipeline-node-card {
    background: rgba(169, 106, 25, 0.2);
    border: 1px solid rgba(212, 119, 0, 0.25);
    border-radius: 10px 20px;
    padding: var(--padding-md);
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
    transition: all 0.3s;
    text-decoration: none;
}
.pipeline-node-card:hover {
    background: rgb(255 255 255 / 5%);
    border-color: var(--accent);
    box-shadow: 0 5px 20px rgba(173, 85, 9, 0.43);
}
.pipeline-icon {
    font-size: 1.6rem;
    color: #e67d1c;
    flex-shrink: 0;
}
.pipeline-text {
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0;
    color: var(--text);
}
@media (max-width: 1200px) {
    .incentives-layout-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 991px) {
    .incentives-layout-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .business-pipeline-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575px) {
    .incentives-layout-grid {
        grid-template-columns: 1fr;
    }
    .business-pipeline-wrapper {
        grid-template-columns: 1fr;
    }
    .policy-main-title {
        font-size: 1.7rem;
    }
}
.funding-section {
    background-color: #040d1a;
    background-image: radial-gradient(circle at 50% 10%, rgba(0, 229, 255, 0.1) 0%, transparent 60%), linear-gradient(rgba(255, 255, 255, 0.01) 1.5px, transparent 1.5px), linear-gradient(90deg, rgba(255, 255, 255, 0.01) 1.5px, transparent 1.5px);
    background-size: 100% 100%, 35px 35px, 35px 35px;
    color: var(--white);
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}
.funding-section .fundingbg {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    margin: 0px auto;
    opacity: 0.2;
    width: 100%;
}
.funding-section .container {
    position: relative;
    z-index: 5;
}
.journey-badge {
    background: rgba(0, 229, 255, 0.1);
    border: 1px solid #00e5ff;
    color: #00e5ff;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 6px 20px;
    border-radius: 4px;
    display: inline-block;
    box-shadow: 0 0 10px rgba(0, 229, 255, 0.2);
}
.master-fund-banner {
    background: linear-gradient(145deg, #071930 0%, #030e1c 100%);
    border: 2px solid #00e5ff;
    border-radius: 16px;
    padding: var(--padding-md);
    box-shadow: 0 15px 40px rgba(0, 229, 255, 0.15);
    position: relative;
    overflow: hidden;
}
.master-fund-banner::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(180deg, #00e5ff, #ff9f1c);
}
.pillar-icon-box {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(0, 229, 255, 0.1);
    border: 1px solid #00e5ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #00e5ff;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.3);
}
.fund-amount {
    font-size: 1.9rem;
    font-weight: 900;
    color: var(--white);
    letter-spacing: -0.5px;
    line-height: 1;
}
.fund-tags {
    font-size: 0.9rem;
    margin: 0;
}
.horizontal-scroll-container {
    overflow-x: auto;
    padding: 20px 0;
    scrollbar-width: thin;
    scrollbar-color: #00e5ff rgba(255, 255, 255, 0.05);
}
.horizontal-timeline {
    display: flex;
    justify-content: space-between;
    position: relative;
    min-width: 1100px;
    padding: 0 20px;
}
.horizontal-timeline::before {
    content: '';
    position: absolute;
    top: 68px;
    left: 50px;
    right: 50px;
    height: 2px;
    background: linear-gradient(90deg, #00e5ff, #2ec4b6, #ff9f1c, #00e5ff);
    z-index: 1;
    opacity: 0.4;
}
.timeline-node {
    flex: 1;
    text-align: center;
    position: relative;
    z-index: 5;
    padding: 0 10px;
}
.node-circle {
    width: 50px;
    height: 50px;
    border-radius: 10px 20px;
    background: #01303f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    margin: 15px auto;
    transition: all 0.3s ease;
}
.theme-cyan .node-circle {
    border: 2px solid #00e5ff;
    color: #00e5ff;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.4);
}
.theme-green2 .node-circle {
    border: 2px solid #25f9e5;
    color: #25f9e5;
    box-shadow: 0 0 15px rgba(46, 196, 182, 0.4);
}
.theme-orange .node-circle {
    border: 2px solid #ff9f1c;
    color: #ff9f1c;
    box-shadow: 0 0 15px rgba(255, 159, 28, 0.4);
}
.theme-cyan2 .node-circle {
    border: 2px solid #1cffca;
    color: #1cffca;
    box-shadow: 0 0 15px rgba(28, 255, 191, 0.4);
}
.node-title {
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 4px 10px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
}
.node-title::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px;
    border-style: solid;
}
.theme-cyan .node-title {
    background: rgba(0, 229, 255, 0.15);
    color: #00e5ff;
}
.theme-green2 .node-title {
    background: rgba(46, 196, 182, 0.15);
    color: #25f9e5;
}
.theme-orange .node-title {
    background: rgba(255, 159, 28, 0.15);
    color: #ff9f1c;
}
.theme-cyan2 .node-title {
    background: rgba(28, 255, 170, 0.15);
    color: #1cffca;
}
.theme-cyan .node-title::after {
    border-color: rgba(0, 229, 255, 0.15) transparent transparent transparent;
}
.theme-green2 .node-title::after {
    border-color: rgba(46, 196, 182, 0.15) transparent transparent transparent;
}
.theme-orange .node-title::after {
    border-color: rgba(255, 159, 28, 0.15) transparent transparent transparent;
}
.theme-cyan2 .node-title::after {
    border-color: rgba(28, 255, 212, 0.15) transparent transparent transparent;
}
.node-desc {
    font-size: 0.8rem;
    color: var(--white);
    margin-top: 10px;
    line-height: 1.4;
}
.timeline-node:hover .node-circle {
    transform: scale(1.15);
    background: var(--white);
}
.support-card {
    background: #ffffff0a;
    color: var(--white);
    border-radius: 14px;
    padding: var(--padding-md);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
    height: 100%;
    transition: transform 0.3s;
    border: 1px solid rgba(13, 169, 205, 0.78);
    backdrop-filter: blur(4px);
}
.support-card:hover {
    transform: translateY(-5px);
}
.sc-blue {
    border-bottom: 4px solid #0056b3;
}
.sc-green {
    border-bottom: 4px solid #2ec4b6;
}
.sc-orange {
    border-bottom: 4px solid #ff9f1c;
}
.card-meta-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.sc-title {
    font-size: 1.05rem;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--white);
    margin: 0;
    letter-spacing: 0.5px;
}
.sc-icon-main {
    font-size: 1.4rem;
    color: #ff9f1c;
}
.card-bullets {
    list-style: none;
    padding-left: 0;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.6;
}
.card-bullets li {
    position: relative;
    padding-left: 24px;
}
.card-bullets li::before {
    content: "\f058";
    position: absolute;
    left: 0;
    color: #00e5ff;
    font-weight: bold;
}
@media (max-width: 991px) {
    .horizontal-timeline {
        min-width: auto;
        flex-direction: column;
        gap: 30px;
    }
    .horizontal-timeline::before {
        display: none;
    }
    .timeline-node {
        text-align: left;
        display: flex;
        align-items: flex-start;
        gap: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }
    .node-circle {
        margin: 0;
        flex-shrink: 0;
    }
    .node-desc {
        margin-top: 4px;
    }
}
.infra-light-section {
    background: #9ac0cd;
    background-size: auto, auto, auto;
    background-size: auto, auto, auto;
    background-size: 40px 40px, 40px 40px, 100% 100%;
    padding: 60px 0 40px 0;
    color: #334155;
    position: relative;
    overflow: hidden;
}
.infra-light-section .section-header {
    margin-bottom: 0px;
}
.infra-light-section .section-title {
    margin-bottom: 0px;
    color: var(--white);
}
.infra-light-section .section-title span {
    color: #0e3c6e;
}
.infra-light-section .fundingbg {
    position: absolute;
    right: 0px;
    left: 0px;
    margin: 0px auto;
    opacity: 0.6;
    width: 100%;
    bottom: 0;
}
.infra-light-section .container {
    position: relative;
    z-index: 5;
}
.infra-light-title {
    font-weight: 800;
    font-size: 2.2rem;
    color: #0f172a;
    letter-spacing: -0.5px;
    margin-bottom: 5px;
}
.infra-light-subtitle {
    color: var(--text-muted);
    font-size: 0.95rem;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.infra-light-module-tag {
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #0284c7;
    margin-bottom: 25px;
    display: inline-block;
}
.infra-light-map-wrapper {
    position: relative;
    min-height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--padding-md);
}
.infra-light-map-svg {
    width: 100%;
    max-width: 520px;
    height: auto;
    opacity: 1;
    pointer-events: none;
}
.infra-light-map-dot {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--dot-color);
    box-shadow: 0 0 10px var(--dot-color);
    cursor: pointer;
    transition: transform 0.2s;
}
.infra-light-map-dot::before {
    content: '';
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    border: 1px solid var(--dot-color);
    animation: infra-dot-pulse 2s infinite linear;
}
.infra-light-map-dot:hover {
    transform: scale(1.4);
}
.infra-dot-orange {
    --dot-color: #f97316;
}
.infra-dot-green {
    --dot-color: #10b981;
}
.infra-dot-blue {
    --dot-color: #0ea5e9;
}
.infra-dot-purple {
    --dot-color: #a855f7;
}
.infra-loc-1 {
    top: 25%;
    left: 20%;
}
.infra-loc-2 {
    top: 40%;
    left: 38%;
}
.infra-loc-3 {
    top: 62%;
    left: 48%;
}
.infra-loc-4 {
    top: 65%;
    left: 68%;
}
.infra-loc-5 {
    top: 49%;
    left: 71%;
}
.infra-loc-6 {
    top: 51%;
    left: 58%;
}
@keyframes infra-dot-pulse {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }
    100% {
        transform: scale(2.5);
        opacity: 0;
    }
}
.infra-light-list-stack {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.infra-light-list-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 30px 10px 10px;
    text-decoration: none;
    border: 3px solid var(--white);
    transition: all 0.25s ease;
    border-radius: 12px 27px;
    background-color: rgb(246, 107, 23);
    backdrop-filter: blur(10px);
}
.infra-light-list-left {
    display: flex;
    align-items: center;
    gap: 16px;
}
.infra-light-icon-accent {
    font-size: 1.25rem;
    width: 44px;
    text-align: center;
    background-color: var(--white);
    height: 44px;
    line-height: 41px;
    border-radius: 6px 16px;
    box-shadow: 0px 0px 15px rgba(247, 255, 6, 0.3);
}
.infra-text-orange {
    color: #ea580c;
}
.infra-text-green {
    color: #059669;
}
.infra-text-blue {
    color: #0284c7;
}
.infra-text-purple {
    color: #9333ea;
}
.infra-light-list-title {
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--white);
    margin: 0;
    transition: color 0.2s;
}
.infra-light-list-row i.fa-arrow-right-long {
    color: var(--white);
    font-size: 1rem;
    transition: transform 0.25s, color 0.25s;
}
.infra-light-list-row:hover {
    padding-left: 14px;
    background-color: rgba(255, 255, 255, 0.78);
    box-shadow: 0px 0px 25px rgba(242, 146, 43, 0.63);
}
.infra-light-list-row:hover .infra-light-list-title {
    color: #ff6406;
}
.infra-light-list-row:hover i.fa-arrow-right-long {
    color: #0284c7;
    transform: translateX(6px);
}
@media (max-width: 991px) {
    .infra-light-map-wrapper {
        min-height: 350px;
        margin-bottom: 0px;
    }
    .infra-light-title {
        font-size: 1.8rem;
    }
}
.events {
    position: relative;
    overflow: hidden;
    background-color: #fffaec;
}
.events .container {
    position: relative;
    z-index: 3;
}
.events::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: 0px auto;
    background-image: url("../images/bg12.jpg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
    opacity: 0.2;
    z-index: 0;
}
.events .section-eyebrow::before, .events .section-eyebrow::after {
    background: var(--dark-blue);
}
.events .section-eyebrow {
    color: var(--dark-blue);
    border: 1px solid var(--dark-blue);
}
.events .section-title {
    color: var(--dark-blue);
}
.events .section-header {
    margin-bottom: 30px;
}
.events .section-title {
    color: var(--dark-blue);
}
.ev-dash-section {
    background-color: #e5ddc9;
    background-size: 100% 100%, 35px 35px, 35px 35px;
    padding: 60px 0;
    color: var(--white);
    position: relative;
    overflow: hidden;
}
.ev-dash-section .section-eyebrow::before, .ev-dash-section .section-eyebrow::after {
    background: var(--dark-blue);
}
.ev-dash-section .section-eyebrow {
    color: var(--dark-blue);
    border: 1px solid var(--dark-blue);
}
.ev-dash-section .section-title {
    color: var(--dark-blue);
}
.ev-dash-section .fundingbg {
    position: absolute;
    top: -50px;
    right: 0px;
    left: 0px;
    margin: 0px auto;
    opacity: 0.3;
    width: 100%;
}
.ev-dash-section .container {
    position: relative;
    z-index: 5;
}
.contact-dash-section {
    background: linear-gradient(rgba(106, 73, 39, 0.05) 1px, #0000 1px), linear-gradient(90deg, rgba(69, 41, 17, 0.04) 1px, transparent 1px), radial-gradient(circle at top, #eee7de4a, #eee7de4a 70%);
    background-size: auto, auto, auto;
    background-size: auto, auto, auto;
    background-size: auto, auto, auto;
    background-size: 40px 40px, 40px 40px, 100% 100%;
    padding: 60px 0;
    color: var(--white);
    position: relative;
    overflow: hidden;
}
.partners-section .section-eyebrow::before, .partners-section .section-eyebrow::after, .contact-dash-section .section-eyebrow::before, .contact-dash-section .section-eyebrow::after {
    background: #f5691e;
}
.partners-section .section-eyebrow, .contact-dash-section .section-eyebrow {
    color: #1052b9;
    border: 1px solid #1052b9;
}
.contact-dash-section .section-title, .partners-section .section-title {
    color: var(--dark-blue);
}
.contact-dash-section .fundingbg {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    margin: 0px auto;
    opacity: 0.3;
    width: 100%;
}
.contact-dash-section > video {
    position: absolute;
    top: -80px;
    right: 0px;
    left: 0px;
    width: 100%;
    z-index: 0;
    opacity: 0.3;
}
.contact-dash-section .fundingbg {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    margin: 0px auto;
    opacity: 0.4;
    width: 100%;
}
.contact-dash-section .container {
    position: relative;
    z-index: 5;
}
.contact-dash-mission-card {
    background: var(--white);
    border: 1px solid #e68817;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 219, 255, 0.02);
    height: 100%;
    transition: border-color 0.3s;
    backdrop-filter: blur(5px);
}
.contact-dash-mission-card:hover {
    border-color: rgba(0, 219, 255, 0.8);
}
.contact-dash-mission-header {
    background: linear-gradient(135deg, #e78c16, #d24e26);
    color: var(--white);
    padding: var(--padding-md);
}
.contact-dash-mission-header h3 {
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: -0.3px;
    margin-bottom: 6px;
    color: #fff !important;
}
.contact-dash-mission-header p {
    font-size: 0.88rem;
    color: var(--white);
    margin: 0;
}
.contact-dash-info-body {
    padding: 28px;
}
.contact-dash-info-row {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 15px;
    font-size: 0.95rem;
}
.contact-dash-info-row i {
    color: var(--dark-blue);
    font-size: 1.75rem;
    margin-top: 2px;
    width: 34px;
    text-align: left;
}
.contact-dash-info-label {
    font-weight: 700;
    color: #252525;
    min-width: 116px;
}
.contact-dash-info-value {
    color: #1e1e1e;
}
.contact-dash-map-wrapper {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #143d8c;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);
    transition-duration: .3s;
}
.contact-dash-map-wrapper img {
    max-width: 100%;
    transition-duration: .3s;
}
.contact-dash-map-wrapper:hover img {
    transform: scale(1.5)
}
.contact-dash-map-iframe {
    width: 100%;
    height: 230px;
    border: 0;
    display: block;
}
.contact-dash-right-pane {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
}
.contact-dash-accordion .accordion-item {
    background-color: #0c264152;
    border: 1px solid #00e7ff;
    border-radius: 14px !important;
    margin-bottom: 14px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01);
    backdrop-filter: blur(10px);
}
.contact-dash-accordion .accordion-button {
    font-weight: 700;
    font-size: 1.05rem;
    color: #00e7ff;
    padding: 18px 24px;
    background-color: #ffffff12;
    box-shadow: none;
    transition: all 0.25s ease;
    backdrop-filter: blur(5px);
}
.contact-dash-accordion #contactHeadingRegional .accordion-button {
    background: linear-gradient(135deg, #ff8f00 0%, #ffba62 100%);
    color: var(--white);
}
.contact-dash-accordion #contactHeadingRegional .accordion-button::after {
    filter: brightness(0) invert(1);
}
.contact-dash-accordion .accordion-button:not(.collapsed) {
    border-bottom: 1px solid #e2e8f0;
}
.contact-dash-accordion .accordion-body {
    padding: var(--padding-md);
}
.contact-dash-contact-subrow {
    display: flex;
    gap: 20px;
    font-size: 0.95rem;
}
.contact-dash-contact-col {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
}
.contact-dash-contact-col i {
    color: #ffa904;
    font-size: 1.6rem;
}
.contact-dash-social-panel {
    text-align: center;
    margin-bottom: 15px;
}
.contact-dash-social-title {
    font-size: 1.05rem;
    font-weight: 800;
    color: #00e7ff;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 25px;
    display: inline-block;
    position: relative;
}
.contact-dash-social-grid {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 19px;
    flex-wrap: wrap;
}
.contact-dash-social-circle {
    width: 40px;
    height: 40px;
    border-radius: 5px 15px;
    background: #ffffff1a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    color: var(--white);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
    backdrop-filter: blur(5px);
    border: 1px solid #00e7ff;
}
.contact-dash-social-circle:hover {
    color: var(--white);
    transform: translateY(-5px) scale(1.1);
}
.contact-dash-icon-linkedin {
    border-color: #0a9ce7;
    background: linear-gradient(45deg, #1d8ddf 0%, #0dabcf 25%, #1593c5 50%, #0987ad 75%, #0a9ce7 100%);
    box-shadow: 0 8px 20px rgba(0, 119, 181, 0.3);
}
.contact-dash-icon-linkedin:hover {
    background-color: #0077b5;
    box-shadow: 0 8px 30px rgba(16, 157, 231, 0.63);
}
.contact-dash-icon-twitter {
    border-color: #181e20;
    box-shadow: 0 8px 20px rgba(255, 255, 255, 0.17);
    background: linear-gradient(45deg, #454545 0%, #303030 25%, #1a1a1a 50%, #110d0f 75%, #000 100%);
}
.contact-dash-icon-twitter:hover {
    background-color: var(--text);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.63);
}
.contact-dash-icon-instagram {
    border-color: #fd3654;
    box-shadow: 0 8px 20px rgba(220, 39, 67, 0.3);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.contact-dash-icon-instagram:hover {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    box-shadow: 0 8px 30px rgba(220, 39, 67, 0.63);
}
.contact-dash-icon-youtube {
    border-color: #ff0000;
    box-shadow: 0 8px 20px rgba(255, 0, 0, 0.3);
    background: linear-gradient(45deg, #da1e1e 0%, #da1a1a 25%, #d41313 50%, #f00 75%, #f00 100%);
}
.contact-dash-icon-youtube:hover {
    background-color: #ff0000;
    box-shadow: 0 8px 30px rgba(255, 0, 0, 0.63);
}
.contact-dash-icon-facebook {
    border-color: #1877f2;
    box-shadow: 0 8px 20px rgba(24, 119, 242, 0.3);
}
.contact-dash-icon-facebook:hover {
    background-color: #1877f2;
    box-shadow: 0 8px 30px rgba(24, 119, 242, 0.63);
}
.contact-dash-icon-threads:hover {
    background-color: var(--text);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.contact-dash-icon-telegram:hover {
    background-color: #229ed9;
    box-shadow: 0 8px 20px rgba(34, 158, 217, 0.3);
}
@media (max-width: 991px) {
    .contact-dash-mission-card {
        margin-bottom: 10px;
    }
}
@media (max-width: 767px) {
    .contact-dash-social-grid {
        gap: 16px;
    }
    .contact-dash-contact-subrow {
        flex-direction: column;
        gap: 10px;
    }
    .contact-dash-info-row {
        gap: 15px;
    }
}
.mapcount {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}
.mapcount li {
    text-align: center;
    padding: 0px 8px;
    border-right: 1px solid #eee;
}
.mapcount li:last-child {
    border-right: 0px;
}
.mapcount li > span {
    display: block;
    font-size: 1.3em;
    font-weight: 800;
    color: #ff4b05;
}
.breadcumb-wrapper {
    position: relative;
}
.breadcumb-banner {
    position: relative;
    z-index: 0;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: 0px auto;
    overflow: hidden;
    max-height: 270px;
    min-height: 270px;
    background-image: url("../images/innerpage.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    opacity: 0.15;
}
.breadcumb-banner img {
    position: relative;
    width: 100%;
    top: -150px;
}
.list-of-mentors span {
    border: 0;
    border-radius: 11.25rem;
}
.list-of-mentors input {
    border: 0;
    border-radius: 11.25rem;
    padding: .7rem .75rem;
}
.list-of-mentors {
    border: 1px solid #4f566282;
    border-radius: 11.25rem;
}
.breadcumb-wrapper .container {
    position: absolute;
    right: 0px;
    left: 0px;
    margin: 0px auto;
    top: 0px;
}
.breadcumb-content {
    padding: 90px 0px 0 0px;
    text-align: center;
}
.breadcumb-menu {
    display: flex;
    gap: 5px;
    justify-content: center;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.breadcumb-menu li > a {
    text-decoration: none;
    color: var(--white);
}
.breadcumb-menu li {
    color: var(--white);
    padding: 0px !important;
}
.breadcrumb-item a::after {
    content: "/";
    color: var(--white);
    padding-left: 5px;
}
.breadcumb-title {
    color: var(--white);
    font-size: 2.2rem;
}
.sperator {
    background-image: url("../images/cloudseprator.png");
    background-repeat: repeat-x;
    background-size: 50%;
    background-position: left bottom;
    min-height: 150px;
    position: relative;
    margin-top: -111px;
}
.section, section {
    padding: 40px 0px;
    position: relative;
    overflow: hidden;
}
.section .container {
    position: relative;
    z-index: 1;
}
.section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: 0px auto;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    z-index: 0;
}
.innerdata_wraper {
    background: linear-gradient(180deg, rgba(255, 222, 170, 1) 0%, rgb(255, 253, 235) 100%);
    background-position: top left, bottom right;
    background-repeat: no-repeat;
}
.innerdata_wraper::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: 0px auto;
    background-image: url("../images/offer-toplayer.png"), url("../images/offer-toplayer2.png");
    background-repeat: no-repeat;
    background-position: top left, bottom right;
    background-repeat: no-repeat;
    z-index: 0;
    background-size: 60%, 37%;
}
.innerdata_wraper .container {
    position: relative;
    z-index: 1;
}
.section h2 {
    color: var(--orange);
    font-weight: 700;
}
.section h3 {
    color: rgb(16, 82, 185);
    font-weight: 700;
}
.section h4.subtitle {
    font-weight: 600;
    border-left: 5px solid var(--dark-blue);
    padding: 0.6em 0.7em;
    border-radius: 15px;
    background-image: linear-gradient(to right, #fff 0%, #fff0 100%);
    font-size: 1.4em;
    color: #cd2600;
}
.list {
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 1em;
}
.list li {
    position: relative;
    padding: 5px 5px 5px 35px;
    color: var(--e-accent);
}
.list li:hover {
    color: var(--e-black-blue);
}
.list li a {
    display: block;
    color: var(--bs-white);
    font-size: 1.1em;
    pointer-events: none;
}
.list li:before {
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 24px;
    position: absolute;
    left: 0px;
    border-radius: 50%;
    background-image: linear-gradient(47deg, #ee8219 0px, rgb(239, 69, 89) 100%);
    color: var(--bs-white);
}
.list li ul {
    position: relative;
    padding: 0;
    line-height: 30px;
    list-style: none;
    margin: 0;
}
.list li ul li:before {
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 24px;
    position: absolute;
    left: 0px;
    border-radius: 50%;
    background-image: linear-gradient(47deg, #ee8219 0px, rgb(239, 69, 89) 100%);
    color: var(--bs-white);
}
.float_right {
    float: right;
    position: relative;
    padding: var(--padding-md);
    max-width: 550px;
    margin-left: 20px;
    margin-bottom: 20px;
}
.float_right img {
    max-width: 100%;
    position: relative;
    border-radius: 14px 75px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
    z-index: 1;
}
.float_right::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 150px;
    height: 150px;
    background-color: var(--dark-blue);
    display: block;
    border-radius: 20px;
}
.float_right::after {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 150px;
    height: 150px;
    background-color: #ee8219;
    display: block;
    border-radius: 20px;
}
.float_left {
    float: left;
    position: relative;
    padding: var(--padding-md);
    max-width: 550px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.float_left img {
    max-width: 100%;
    position: relative;
    border-radius: 75px 14px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
    z-index: 1;
}
.float_left::before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 150px;
    height: 150px;
    background-color: var(--dark-blue);
    display: block;
    border-radius: 20px;
}
.float_left::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 150px;
    height: 150px;
    background-color: #ee8219;
    display: block;
    border-radius: 20px;
}
.leaders-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0;
    margin: 0;
    list-style: none;
}
.leaders-list li {
    width: calc(50% - 15px);
    display: flex;
    align-items: center;
    background: var(--white);
    border-radius: 10px;
    gap: 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: .3s;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
}
.leaders-list li:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.leaders-list li img {
    width: 180px;
    max-width: 180px;
    object-fit: cover;
    margin-right: 12px;
    border-radius: 10px 0 0 10px;
}
.leaders-list li div > h4 {
    margin: 0px 0px 5px 0px;
    font-size: 1.4em;
    color: #0b459e;
}
.leaders-list li p {
    margin: 0;
    color: #666;
    width: 90%;
}
.leader-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    text-decoration: none;
}
.leader-link .link-span {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}
.serial {
    counter-reset: Serial;
    z-index: 1;
}
.serial tr td:first-child:before {
    content: counter(Serial, decimal) ".";
    counter-increment: Serial;
    font-weight: bold;
}
.serial tr th:first-child, .serial tr td:first-child {
    text-align: center;
    width: 70px;
}
.table-responsive {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0) rgba(255, 255, 255, 0);
    transition-duration: 0.5s;
}
.table-responsive:hover {
    scrollbar-color: rgba(0, 0, 0, 0.5) rgba(255, 255, 255, 0.5);
}
.inner_data_container {
    position: relative;
    border-radius: 10px;
    width: 100%;
}
.table-responsive {
    position: relative;
    margin-bottom: 1em;
}
.tblemax_height {
    padding: var(--padding-md);
    border-radius: 8px;
    background-color: var(--white);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
}
.tblemax_height .table-responsive .table {
    width: 130%;
}
.tblemax_height .table-responsive .table thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #343a40;
    color: var(--white);
}
.tblemax_height .table-responsive {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: auto;
    position: relative;
}
.table {
    border: 1px solid rgba(0, 0, 0, .1);
}
.table > thead {
    background-color: #303947;
}
.table > thead th {
    color: var(--white);
}
.table > tbody td {
    border-color: rgba(0, 0, 0, .1);
}
.numberbtn {
    display: inline-block;
    padding: 5px 10px;
    font-size: 1.3em;
    font-weight: 700;
    text-decoration: none;
    background-color: #ff4d03;
    border-radius: 5px;
    color: var(--white);
    cursor: pointer;
}
.numberbtn:hover {
    background-color: var(--dark-blue);
    color: var(--white);
}
.edu-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
    gap: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.edu-card {
    background-color: var(--white);
    border-radius: 12px;
    padding: var(--padding-md);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    border-top: 4px solid #ff8a12;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.edu-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.edu-card h3 {
    font-size: 0.90rem;
    color: #1e293b;
    margin: 0 0 8px 0;
    line-height: 1.4;
    font-weight: 500;
}
.edu-abbr {
    display: inline-block;
    background-color: #eff5ff;
    color: #193da6;
    font-size: 0.875rem;
    font-weight: 800;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 6px;
}
.edu-banner {
    background: #bdd4e9;
    color: var(--text);
    padding: var(--padding-md);
    border-radius: 12px;
    margin-bottom: 20px;
}
.edu-banner > p {
    margin: 0px;
}
.whyup:before {
    background-image: url("../images/bg13.jpg");
}
.incubation-process {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}
.incubation-process li {
    border: 1px solid rgb(242, 115, 38);
    margin-bottom: 12px;
    padding: 12px 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: background 0.3s ease, transform 0.2s ease;
    box-shadow: 0px 0px 15px rgb(126 126 126 / 17%);
    flex-direction: column;
    justify-content: flex-start;
    align-content: center;
}
.incubation-process li:hover {
    transform: scale(1.01);
}
.incubation-process li i {
    color: #10b981;
    font-size: 3.1rem;
    margin-top: 3px;
}
.highlight {
    font-weight: bold;
    color: #374151;
}
.strengthening {
    background-color: #fdf8f1;
}
.strengthening:before {
    background-image: url("../images/bg-5.jpg");
}
.pillars-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin-top: 50px;
}
.pillar-card {
    position: relative;
    background-color: var(--white);
    width: 170px;
    padding: 33px 15px 26px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 91, 184, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.3s ease;
}
.pillar-card:hover {
    transform: translateY(-5px);
}
.pillar-card .badge {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #1a5bb8;
    color: var(--white);
    font-weight: 800;
    font-size: 1.1rem;
    padding: 6px 30px;
    clip-path: polygon(15% 0, 85% 0, 100% 50%, 85% 100%, 15% 100%, 0 50%);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.icon-wrapper {
    width: 75px;
    height: 75px;
    border: 3px solid #1a5bb8;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    background-color: var(--white);
}
.icon-wrapper i {
    font-size: 2rem;
    color: #1a5bb8;
}
.pillar-title {
    color: #0b0b0b;
    font-weight: 600;
    line-height: 1.3;
}
.pillar-desc {
    color: #1a5bb8;
    font-size: 0.8rem;
    line-height: 1.5;
    margin: 0;
}
.bottom-tab {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 16px;
    background-color: #1a5bb8;
    border-radius: 8px;
}
.pillars-container .pillar-card:nth-child(1) {
    border: 1px solid rgba(225, 81, 24, 0.2);
}
.pillars-container .pillar-card:nth-child(1) .badge {
    background-color: #f27429
}
.pillars-container .pillar-card:nth-child(1) .icon-wrapper {
    border-color: #f27429;
}
.pillars-container .pillar-card:nth-child(1) .icon-wrapper i {
    color: #f27429;
}
.pillars-container .pillar-card:nth-child(1) .bottom-tab {
    background-color: #f27429;
}
.pillars-container .pillar-card:nth-child(2) {
    border: 1px solid rgba(70, 108, 53, 0.2);
}
.pillars-container .pillar-card:nth-child(2) .badge {
    background-color: #628835;
}
.pillars-container .pillar-card:nth-child(2) .icon-wrapper {
    border-color: #628835;
}
.pillars-container .pillar-card:nth-child(2) .icon-wrapper i {
    color: #628835;
}
.pillars-container .pillar-card:nth-child(2) .bottom-tab {
    background-color: #628835;
}
.pillars-container .pillar-card:nth-child(3) {
    border: 1px solid rgba(53, 112, 175, 0.2);
}
.pillars-container .pillar-card:nth-child(3) .badge {
    background-color: #3277cf;
}
.pillars-container .pillar-card:nth-child(3) .icon-wrapper {
    border-color: #3277cf;
}
.pillars-container .pillar-card:nth-child(3) .icon-wrapper i {
    color: #3277cf;
}
.pillars-container .pillar-card:nth-child(3) .bottom-tab {
    background-color: #3277cf;
}
.pillars-container .pillar-card:nth-child(4) {
    border: 1px solid rgba(126, 71, 192, 0.2);
}
.pillars-container .pillar-card:nth-child(4) .badge {
    background-color: #7544af;
}
.pillars-container .pillar-card:nth-child(4) .icon-wrapper {
    border-color: #7544af;
}
.pillars-container .pillar-card:nth-child(4) .icon-wrapper i {
    color: #7544af;
}
.pillars-container .pillar-card:nth-child(4) .bottom-tab {
    background-color: #7544af;
}
.pillars-container .pillar-card:nth-child(5) {
    border: 1px solid rgba(13, 195, 214, 0.2);
}
.pillars-container .pillar-card:nth-child(5) .badge {
    background-color: #0acbdf;
}
.pillars-container .pillar-card:nth-child(5) .icon-wrapper {
    border-color: #0acbdf;
}
.pillars-container .pillar-card:nth-child(5) .icon-wrapper i {
    color: #0acbdf;
}
.pillars-container .pillar-card:nth-child(5) .bottom-tab {
    background-color: #0acbdf;
}
.pillars-container .pillar-card:nth-child(6) {
    border: 1px solid rgba(225, 81, 24, 0.2);
}
.pillars-container .pillar-card:nth-child(6) .badge {
    background-color: #fb3d9f;
}
.pillars-container .pillar-card:nth-child(6) .icon-wrapper {
    border-color: #fb3d9f;
}
.pillars-container .pillar-card:nth-child(6) .icon-wrapper i {
    color: #fb3d9f;
}
.pillars-container .pillar-card:nth-child(6) .bottom-tab {
    background-color: #fb3d9f;
}
.talent {
    background-color: #ecf4ff;
}
.talent:before {
    background-image: url("../images/bg12.jpg");
    opacity: 0.15;
}
.financial {
    background-color: #fdf8f1;
}
.financial::before {
    background-image: url("../images/bg-5.jpg");
}
.sup-eligibility-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 28px;
    padding-bottom: 18px;
    border-bottom: 2px dashed #1052B9;
}
.sup-header-icon {
    width: 52px;
    height: 52px;
    background: var(--white);
    color: #F36F21;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}
.sup-eligibility-title {
    color: #0A2540;
    font-weight: 800;
    font-size: 1.5rem;
    margin: 0;
}
.sup-item-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.sup-item-card {
    background: var(--white);
    border: 1px solid #B8D6F4;
    border-radius: 12px;
    padding: var(--padding-md);
    display: flex;
    align-items: center;
    gap: 16px;
    transition: all 0.3s ease;
}
.sup-item-card:hover {
    background: var(--white);
    border-color: rgba(243, 111, 33, 0.4);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
    transform: translateY(-2px);
}
.sup-item-badge {
    width: 36px;
    height: 36px;
    background: rgb(255, 111, 17);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    flex-shrink: 0;
    margin-top: 2px;
}
.sup-item-card:hover .sup-item-badge {
    background: #1052B8;
    color: var(--white);
}
.sup-item-text {
    color: #1E293B;
    font-size: 1.025rem;
    line-height: 1.6;
    margin: 0;
    font-weight: 500;
}
.startup-benefits {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 0;
}
.benefit-box {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    background: var(--white);
    border-radius: 10px;
    padding: var(--padding-md);
    box-shadow: 0 5px 18px rgba(0, 0, 0, .08);
    transition: .35s;
    border-bottom: 4px solid transparent;
}
.benefit-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .12);
}
.benefit-box:nth-child(1) {
    border-color: #ff9800;
}
.benefit-box:nth-child(2) {
    border-color: #7b61ff;
}
.benefit-box:nth-child(3) {
    border-color: #00bcd4;
}
.benefit-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: var(--white);
}
.turnover {
    background: linear-gradient(135deg, #ff9800, #ff6f00);
}
.experience {
    background: linear-gradient(135deg, #7b61ff, #5a3cff);
}
.emd {
    background: linear-gradient(135deg, #00bcd4, #0097a7);
}
.benefit-content h3 {
    color: #f47c20;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 500;
}
.sup-section-card {
    background: var(--white);
    border-radius: 20px;
    padding: var(--padding-md);
    margin-bottom: 15px;
    box-shadow: 10px 0px 30px rgba(10, 37, 64, 0.14);
    position: relative;
    overflow: hidden;
}
.sup-section-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(180deg, #F36F21 0%, #1E3A8A 100%);
}
.sup-category-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #F1F5F9;
}
.sup-category-icon {
    width: 44px;
    height: 44px;
    background: #FFF0E6;
    color: #F36F21;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}
.sup-category-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: #0A2540;
    margin: 0;
}
.sup-partner-box {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px 20px;
    padding: var(--padding-md);
    display: flex;
    align-items: center;
    gap: 16px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
    cursor: pointer;
}
.sup-partner-box:hover {
    background: var(--white);
    border-color: #F36F21;
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(243, 111, 33, 0.12);
}
.sup-logo-avatar {
    width: 52px;
    height: 52px;
    background: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    border: 1px solid #F1F5F9;
    flex-shrink: 0;
    transition: transform 0.3s ease;
    overflow: hidden;
}
.sup-logo-avatar img {
    max-width: 100%;
}
.sup-partner-box:hover .sup-logo-avatar {
    transform: scale(1.08);
}
.sup-partner-box h3.sup-partner-label {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1E293B;
    margin: 0;
}
.sup-partner-subtext {
    font-size: 0.9rem;
    color: #64748B;
    margin: 0;
    font-weight: 500;
}
.upsm-coe-grid-card {
    background: var(--white);
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 0 16px 32px rgba(10, 37, 64, 0.1);

    position: relative;
}
.upsm-coe-grid-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 4px 15px rgba(10, 37, 64, 0.03);
    border-color: rgba(243, 111, 33, 0.4);
}
.upsm-coe-thumb-container {
    position: relative;
    height: 180px;
    background: linear-gradient(135deg, #0A2540 0%, #1E3A8A 100%);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.upsm-coe-thumb-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
    opacity: 0.88;
    position: relative;
    z-index: 0;
}
.upsm-coe-grid-card:hover .upsm-coe-thumb-image {
    transform: scale(1.06);
    opacity: 1;
}
.upsm-coe-location-badge {
    position: absolute;
    top: 14px;
    right: 14px;
    background: rgb(20, 83, 183);
    backdrop-filter: blur(6px);
    color: var(--white);
    font-size: 0.78rem;
    font-weight: 600;
    padding: 3px 12px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 5px;
    z-index: 1;
    border: 1px solid #ffffff57;
}
.upsm-coe-index-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    background: #F36F21;
    color: var(--white);
    font-size: 0.8rem;
    font-weight: 800;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    z-index: 1;
    display: none;
}
.upsm-coe-card-content {
    padding: var(--padding-md);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.section .upsm-coe-title-text {
    color: #0A2540;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.upsm-coe-inst-text {
    color: #F36F21;
    font-size: 0.88rem;
    font-weight: 600;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    gap: 6px;
    line-height: 1.35;
}
.upsm-coe-details-box {
    margin-bottom: 0.8em;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-top: 1px solid #EDF2F7;
    padding-top: 8px;
}
.upsm-coe-detail-row {
    font-size: 0.84rem;
    color: #475569;
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.upsm-coe-detail-row i {
    color: #1E3A8A;
    width: 16px;
    text-align: center;
    flex-shrink: 0;
}
.upsm-coe-detail-row a {
    color: #475569;
    text-decoration: none;
    transition: color 0.2s;
}
.upsm-coe-detail-row a:hover {
    color: #F36F21;
}
.upsm-coe-action-footer {
    margin-top: auto;
    display: flex;
    gap: 10px;
}
.upsm-btn-details-action {
    flex: 1;
    background-color: #1252B7;
    color: var(--white);
    font-size: 0.85rem;
    font-weight: 600;
    padding: 9px 12px;
    border-radius: 8px;
    border: none;
    text-align: center;
    text-decoration: none;
    transition: all 0.25s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.upsm-btn-details-action:hover {
    background-color: #1E3A8A;
    color: var(--white);
}
.upsm-btn-url-action {
    background-color: #FFF0E6;
    color: #F36F21;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 9px 14px;
    border-radius: 8px;
    border: 1px solid rgba(243, 111, 33, 0.3);
    text-decoration: none;
    transition: all 0.25s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.upsm-btn-url-action:hover {
    background-color: #F36F21;
    color: var(--white);
}
.beneficiary_lable {
    display: inline-block;
    font-weight: bold;
    padding: 3px 12px;
    background-color: #0953c7;
    color: var(--white);
    border-radius: 25px;
}
.coe-additive-manufacturing {
    z-index: 10
}
.coe-additive-manufacturing-title {
    font-size: 1.5rem;
    font-weight: 700;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 12px
}
.coe-additive-manufacturing-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 38px;
    height: 3px;
    background-color: #52627c;
    border-radius: 2px
}
.coe-additive-manufacturing-icon {
    width: 38px;
    height: 38px;
    background: #53637d3d;
    color: #52627c;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem
}
.coe-additive-manufacturing-intro-subtitle {
    color: #f36f21;
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 8px;
    display: block
}
.coe-additive-manufacturing-intro-text {
    color: #1e293b;
    line-height: 1.7;
}
.coe-additive-manufacturing-card {
    padding: var(--padding-md);
    height: 100%;
    transition: all .3s ease;
}
.coe-additive-manufacturing-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, .08);
    border-color: rgba(243, 111, 33, .4)
}
.nohover:hover {
    transform: translateY(0px);
    box-shadow: 0 12px 25px rgb(0 0 0 / 0%);
    border-color: rgb(243 111 33 / 0%)
}
.coe-additive-manufacturing-card-badge {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--purple);
}
.coe-additive-manufacturing-card-text {
    margin: 0;
    flex-grow: 1
}
.coe-additive-manufacturing-highlight-card {
    background: linear-gradient(135deg, #fff8ee 0, #fff3e0 100%);
    border: 1px solid #ffe0b2;
    border-radius: 14px;
    height: 100%;
    padding: 1rem;
}
.coe-additive-manufacturing-highlight-card .coe-additive-manufacturing-card-badge {
    color: #c75100
}
.coe-additive-manufacturing-highlight-card .coe-additive-manufacturing-card-text {
    color: #4a321e
}
.coe-additive-manufacturing-leadership-card {
    background: var(--white);
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: var(--padding-md);
    box-shadow: 0 4px 15px rgba(0, 0, 0, .03);
    background-image: radial-gradient(#e2e8f0 1px, transparent 0);
    background-size: 24px 24px
}
.coe-additive-manufacturing-leadership-content {
    display: grid;
    gap: 15px;
    list-style: none;
    padding: 0;
    margin: 0;
    background: rgba(255, 255, 255, .95);
    border-radius: 12px;
    margin-bottom: 1em;
}
.coe-additive-manufacturing-leadership-content li {
    position: relative;
    padding: 8px 8px 8px 20px;
    margin: 0;
    background: #f8f9fa;
    border-left: 4px solid;
    border-radius: 8px;
    font-weight: 500;
}
.coe-additive-manufacturing-leadership-content li:nth-child(6n + 1) {
    border-left-color: #f36f21;
}
.coe-additive-manufacturing-leadership-content li:nth-child(6n + 2) {
    border-left-color: #0d6efd;
}
.coe-additive-manufacturing-leadership-content li:nth-child(6n + 3) {
    border-left-color: #198754;
}
.coe-additive-manufacturing-leadership-content li:nth-child(6n + 4) {
    border-left-color: #dc3545;
}
.coe-additive-manufacturing-leadership-content li:nth-child(6n + 5) {
    border-left-color: #6f42c1;
}
.coe-additive-manufacturing-leadership-content li:nth-child(6n) {
    border-left-color: #fd7e14;
}
.coe-additive-manufacturing-leadership-item {
    position: relative;
    padding-left: 20px;
    border-left: 3px solid #f36f21;
    margin-bottom: 15px
}
.coe-additive-manufacturing-leadership-item:last-child {
    margin-bottom: 0
}
.coe-additive-manufacturing-leadership-item p {
    margin: 0;
    color: #1e293b;
    font-weight: 500
}
.stakeholder-list {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 15px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.stakeholder-list li img {
    width: 100%;
    background-color: var(--white);
    background-clip: border-box;
    height: 100%;
    border-radius: 14px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}
.column-count-2 {
    column-count: 2;
    column-gap: 15px;
}
table tbody tr:nth-child(odd) {
    background-color: #fff6e6 !important;
}
table tbody tr:nth-child(even) {
    background-color: #ffffff !important;
}
p:empty {
    display: none;
}
.upsm-mentor-thumb-container {
    position: relative;
    background: #eee;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--padding-md);
    background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
}
.upsm-mentor-thumb-container .profilepic {
    width: 100px;
    margin: 0px auto;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid var(--white);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
}
.upsm-mentor-thumb-container .profilepic img {
    max-width: 100%;
}
.upsm-startup-thumb-container {
    position: relative;
    background: linear-gradient(135deg, #E0F2FE 0%, #BAE6FD 100%);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--padding-md);
}
.upsm-startup-thumb-container .profilepic {
    width: 100%;
    height: 90px;
    overflow: hidden;
    border-radius: 13px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    background: var(--white);
}
.upsm-startup-thumb-container .profilepic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    background: var(--white);
}
.ul-list1 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
}
.ul-list {
    border-radius: 10px;
    padding: 0;
    list-style: none;
    gap: 1em;
    display: flex;
    flex-direction: column;
}
.ul-list li {
    position: relative;
    font-weight: 700;
    padding: 13px 0 13px 10px;
    border-radius: 5px;
    border-left: 4px solid;
    box-shadow: 7px 7px 7px rgb(0 0 0 / 3%);
    transition: all 0.35s ease;
}

.ul-list li:hover {
    transform: translateX(8px) translateY(-2px);
    border-left-width: 8px;
    box-shadow: 0 12px 24px rgb(0 0 0 / 12%);
}
.ul-list li:nth-child(6n + 1) {
    border-left-color: #ef4c54;
    background: rgba(239, 76, 84, 0.10);
}
.ul-list li:nth-child(6n + 2) {
    border-left-color: #f59e0b;
    background: rgba(245, 158, 11, 0.10);
}
.ul-list li:nth-child(6n + 3) {
    border-left-color: #10b981;
    background: rgba(16, 185, 129, 0.10);
}
.ul-list li:nth-child(6n + 4) {
    border-left-color: #3b82f6;
    background: rgba(59, 130, 246, 0.10);
}
.ul-list li:nth-child(6n + 5) {
    border-left-color: #8b5cf6;
    background: rgba(139, 92, 246, 0.10);
}
.ul-list li:nth-child(6n + 6) {
    border-left-color: #ec4899;
    background: rgba(236, 72, 153, 0.10);
}
.who-can-apply-flow {
    list-style: none;
    margin: 40px 0 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    gap: 25px;
    position: relative;
    flex-wrap: wrap;
}
.who-can-apply-flow::before {
    content: "";
    position: absolute;
    left: 6%;
    right: 6%;
    top: 45px;
    height: 4px;
    background: #dbeafe;
    z-index: 0;
}
.who-can-apply-flow li {
    flex: 1;
    text-align: center;
    position: relative;
    z-index: 1;
}
.flow-step {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: var(--white);
    line-height: 34px;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
    z-index: 9;
}
.flow-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: var(--white);
    border: 5px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
    transition: .35s;
}
.flow-content h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    line-height: 1.5;
}
.who-can-apply-flow li:hover .flow-icon {
    transform: scale(1.08);
}
.who-can-apply-flow li:nth-child(1) .flow-step {
    background: #2563eb;
}
.who-can-apply-flow li:nth-child(1) .flow-icon {
    border-color: #2563eb;
    color: #2563eb;
}
.who-can-apply-flow li:nth-child(1):hover .flow-icon {
    background: #2563eb;
    color: var(--white);
}
.who-can-apply-flow li:nth-child(2) .flow-step {
    background: #f59e0b;
}
.who-can-apply-flow li:nth-child(2) .flow-icon {
    border-color: #f59e0b;
    color: #f59e0b;
}
.who-can-apply-flow li:nth-child(2):hover .flow-icon {
    background: #f59e0b;
    color: var(--white);
}
.who-can-apply-flow li:nth-child(3) .flow-step {
    background: #10b981;
}
.who-can-apply-flow li:nth-child(3) .flow-icon {
    border-color: #10b981;
    color: #10b981;
}
.who-can-apply-flow li:nth-child(3):hover .flow-icon {
    background: #10b981;
    color: var(--white);
}
.who-can-apply-flow li:nth-child(4) .flow-step {
    background: #ef4444;
}
.who-can-apply-flow li:nth-child(4) .flow-icon {
    border-color: #ef4444;
    color: #ef4444;
}
.who-can-apply-flow li:nth-child(4):hover .flow-icon {
    background: #ef4444;
    color: var(--white);
}
.who-can-apply-flow li:nth-child(5) .flow-step {
    background: #8b5cf6;
}
.who-can-apply-flow li:nth-child(5) .flow-icon {
    border-color: #8b5cf6;
    color: #8b5cf6;
}
.who-can-apply-flow li:nth-child(5):hover .flow-icon {
    background: #8b5cf6;
    color: var(--white);
}
.who-can-apply-flow li:nth-child(6) .flow-step {
    background: #06b6d4;
}
.who-can-apply-flow li:nth-child(6) .flow-icon {
    border-color: #06b6d4;
    color: #06b6d4;
}
.who-can-apply-flow li:nth-child(6):hover .flow-icon {
    background: #06b6d4;
    color: var(--white);
}
.tq-hero-banner {
    background: linear-gradient(135deg, #0A2540 0%, #1E3A8A 50%, #D97706 100%);
    color: var(--white);
    padding: 85px 0 90px 0;
    position: relative;
    overflow: hidden;
    margin-top: -16px;
}
.tq-hero-banner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: 0px auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    opacity: 0.1;
    z-index: 0;
    background-image: url("../images/innerpage.jpg");
}
.tq-hero-banner .container {
    position: relative;
    z-index: 1;
}
.tqbtn {
    color: var(--dark-blue);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    transition: color 0.2s;
    padding: 7px 12px;
    background-color: var(--white);
    border-radius: 25px;
}
.tq-status-badge {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
}
.tq-status-badge strong {
    color: #FCD34D;
}
.tq-company-name {
    font-size: 1.6rem;
    font-weight: 800;
    margin-top: 6px;
    margin-bottom: 8px;
}
.tq-industry-tag {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.9);
}
.tq-industry-tag span {
    color: #FBBF24;
    font-weight: 700;
}
.tq-web-link {
    color: var(--white);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    transition: color 0.2s;
    padding: 7px 12px;
    background-color: #f36f21;
    border-radius: 25px;
}
.tq-web-link:hover {
    color: var(--white);
    background-color: #df7d00;
}
.tq-logo-card {
    background: var(--white);
    border-radius: 16px;
    padding: var(--padding-md);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 140px;
    border: 1px solid #E2E8F0;
}
.tq-logo-card img {
    max-width: 100%;
    max-height: 100px;
    object-fit: contain;
}
.tq-content-container {
    margin-top: -40px;
    margin-bottom: 60px;
    position: relative;
    z-index: 10;
}
.tq-main-card {
    background: var(--white);
    border-radius: 18px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    padding: 1.5em;
}
.tq-nav-tab {
    display: inline-block;
    background: #F36F21;
    color: var(--white);
    font-weight: 700;
    font-size: 0.95rem;
    padding: 10px 28px;
    border-radius: 10px 10px 0 0;
    margin-top: -75px;
    box-shadow: 0 -4px 10px rgba(243, 111, 33, 0.2);
}
.tq-section-heading {
    font-size: 1.4rem;
    font-weight: 800;
    color: #0A2540;
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.tq-section-heading::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: #F36F21;
    border-radius: 2px;
}
.tq-stat-card {
    border-radius: 14px;
    padding: var(--padding-md);
    color: var(--white);
    gap: 1em;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.tq-stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}
.tq-stat-card-1 {
    background: linear-gradient(135deg, #5B50D6 0%, #4338CA 100%);
}
.tq-stat-card-2 {
    background: linear-gradient(135deg, #B548C6 0%, #9333EA 100%);
}
.tq-stat-card-3 {
    background: linear-gradient(135deg, #C29342 0%, #B45309 100%);
}
.tq-stat-icon {
    font-size: 2.2rem;
    margin-bottom: 12px;
    opacity: 0.9;
    width: 50px;
}
.tq-stat-label {
    font-size: 0.85rem;
    text-uppercase: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.85;
    margin-bottom: 4px;
    font-weight: 600;
}
.tq-stat-value {
    font-size: 1rem;
    margin: 0;
    color: var(--white) !important;
}
.tq-team-card {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    height: 100%;
    transition: all 0.25s ease;
}
.tq-team-card:hover {
    background: var(--white);
    border-color: #F36F21;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.tq-team-num {
    width: 32px;
    height: 32px;
    background: #EF4444;
    color: var(--white);
    font-weight: 800;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    flex-shrink: 0;
}
.tq-team-name {
    font-weight: 700;
    color: #0A2540;
    margin: 0;
    font-size: 0.95rem;
}
.tq-team-role {
    color: #64748B;
    font-weight: 500;
    font-size: 0.85rem;
}
.tq-detail-row {
    display: flex;
    padding: 6px 0;
    border-bottom: 1px dashed #CBD5E1;
}
.tq-detail-row:last-child {
    border-bottom: none;
}
.tq-detail-label {
    width: 220px;
    font-weight: 700;
    color: #0F172A;
    flex-shrink: 0;
}
.tq-detail-value {
    color: #334155;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
}
.tq-detail-value i {
    color: #1E3A8A;
    font-size: 0.8rem;
}
.tq-sidebar-card {
    background: var(--white);
    border-radius: 18px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    margin-bottom: 24px;
    padding: var(--padding-md);
}
.tq-year-box {
    background: linear-gradient(135deg, #E0F2FE 0%, #BAE6FD 100%);
    border: 1px solid #7DD3FC;
    border-radius: 14px;
    padding: 18px;
    text-align: center;
}
.tq-year-label i {
    display: block;
    font-size: xx-large;
}
.tq-year-label {
    font-size: 0.9rem;
    font-weight: 700;
    color: #0369A1;
    margin-bottom: 4px;
}
.tq-year-value {
    font-size: 2.1rem;
    font-weight: 800;
    color: #0284C7;
    margin: 0;
    line-height: 1;
}
.tq-location-item {
    margin-bottom: 12px;
}
.tq-location-item:last-child {
    margin-bottom: 0;
}
.tq-loc-label {
    font-size: 0.825rem;
    font-weight: 700;
    color: #64748B;
    text-uppercase: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}
.tq-loc-value {
    font-size: 1rem;
    font-weight: 700;
    color: #0F172A;
    margin: 0;
}
.search-result {
    list-style: outside none none;
    padding: 0;
    display: flow-root
}
.search-result li {
    padding: var(--padding-md);
    transition: all .2s ease 0s;
    list-style: none;
    width: 100%;
    margin-bottom: 15px;
    box-shadow: 0 2px 33px 2px rgb(121 124 148/18%);
    border-radius: 10px;
    background: #fff
}
.search-result .local {
    display: block;
    font-size: 1.16em
}
.search-result span {
    color: var(--bs-dark);
    display: block;
    font-size: .85em
}
.search-result p {
    margin: 5px auto
}
.search-result li a {
    color: #0027ff;
    text-decoration: underline;
}
.archive-btn, .archive_back {
    position: absolute !important;
    right: 16px;
    top: -50px;
    z-index: 2;
    padding: 9px 15px 9px 29px;
    border: 0;
    text-align: right;
    background: var(--dark-blue);
    color: var(--white);
    box-shadow: 0 4px 15px rgba(24, 45, 110, 0.3);
}
.archive-btn:before {
    content: "\f187";
}
.archive_back:before {
    content: "\f177";
}
.archive-btn:before, .archive_back:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 8px;
    display: inline-block;
}
.gallery {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.gallery li {
    vertical-align: middle
}
.gallery li img {
    width: 100%;
    position: relative;
    height: 100%;
}
.gallery li a {
    display: block;
    position: relative;
    height: 250px;
    background: var(--white);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 2px 15px rgba(15, 30, 80, .06), 0 1px 3px rgba(15, 30, 80, .05);
    transition: .3s cubic-bezier(.22, .61, .36, 1);
    margin: 10px;
}
.gallery li .overlay {
    height: 100%;
    width: 100%;
    z-index: 5;
    text-align: center;
    background-color: rgb(22 42 100 / 80%);
    padding: var(--padding-md);
    transition: all 450ms ease-out 0s;
    -webkit-transform: rotateY(180deg) scale(.5, .5);
    -moz-transform: rotateY(180deg) scale(.5, .5);
    -ms-transform: rotateY(180deg) scale(.5, .5);
    -o-transform: rotateY(180deg) scale(.5, .5);
    transform: rotateY(180deg) scale(.5, .5);
    opacity: 0;
}
.gallery li .def-head {
    position: absolute;
    display: block;
    bottom: 0;
    padding: 1em 11px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 15px;
    transition: all 250ms ease-out 0s;
    color: var(--white);
    text-shadow: 1px 1px 1px #403e3e;
    font-weight: 400;
    background-color: rgb(22 42 61 / 85%);
    border-top: 0 solid var(--white);
    border-bottom: 0 solid var(--white);
    z-index: 5;
    opacity: 1;
    font-weight: 700;
    box-shadow: 0 0 25px rgb(0 0 0 / 10%);
    padding: var(--padding-md);
}
.gallery li a:hover .overlay {
    -webkit-transform: rotateY(0deg) scale(1, 1);
    -moz-transform: rotateY(0deg) scale(1, 1);
    -ms-transform: rotateY(0deg) scale(1, 1);
    -o-transform: rotateY(0deg) scale(1, 1);
    transform: rotateY(0deg) scale(1, 1);
    opacity: 1
}
.gallery li a:hover .def-head {
    bottom: -15%;
    opacity: 0
}
.gallery li .heading, .gallery li .data-content {
    display: block;
    text-align: center;
    margin-bottom: 10px
}
.gallery li .heading {
    font-size: 23px;
    font-family: "Merriweather", serif;
    color: var(--white);
    font-weight: 700;
    margin-top: 48%
}
.gallery li .data-content {
    color: var(--white);
    padding-top: 29px;
    font-size: 1em;
    font-weight: 400;
    padding-bottom: 16px
}
.gallery li .view-page {
    color: var(--white);
    display: inline-block;
    text-align: center;
    border: 1px solid var(--white);
    margin: auto;
    padding: 5px 10px;
    z-index: 9;
    position: relative;
    width: auto
}
.newgallery {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.newgallery li {
    position: relative;
    background: var(--white);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 2px 15px rgba(15, 30, 80, .06), 0 1px 3px rgba(15, 30, 80, .05);
    height: 100%;
    transition: .3s cubic-bezier(.22, .61, .36, 1);
}
.newgallery img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    transition: all 0.3s ease;
}
.newgallery img:hover {
    filter: grayscale(1);
}
.gov-menu {
    background: linear-gradient(90deg, #0d47a1, #1565c0);
    box-shadow: 0 4px 15px rgba(0, 0, 0, .12);
    position: sticky;
    top: 0;
    z-index: 999;
}
.gov-menu-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.gov-menu-list li {
    margin: 0;
}
.gov-menu-list li a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px 22px;
    color: var(--white);
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: .3s;
}
.gov-menu-list li a i {
    font-size: 15px;
}
.gov-menu-list li a:hover, .gov-menu-list li a.active {
    background: rgba(255, 255, 255, .15);
    color: #ffd54f;
}
.inner-banner {
    overflow: hidden;
}
.inner-banner::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 280px;
    height: 280px;
    background: rgba(255, 255, 255, .08);
    border-radius: 50%;
}
.inner-banner::after {
    content: "";
    position: absolute;
    bottom: -120px;
    left: -120px;
    width: 320px;
    height: 320px;
    background: rgba(255, 255, 255, .05);
    border-radius: 50%;
}
.inner-banner .container {
    position: relative;
    z-index: 2;
}
.hero-badge {
    display: inline-block;
    padding: 10px 22px;
    margin-bottom: 25px;
    border-radius: 50px;
    background: rgb(0 0 0 / 15%);
    border: 1px solid rgb(0 0 0 / 25%);
    color: var(--text);
    font-size: 14px;
    font-weight: 600;
}
.hero-title {
    margin: 0 0 20px;
    font-size: 48px;
    font-weight: 800;
    line-height: 1.25;
    text-transform: uppercase;
}
.hero-description {
    max-width: 850px;
    margin: 0 auto 35px;
    font-size: 20px;
    line-height: 1.7;
    color: rgba(255, 255, 255, .92);
}
.section-blue {
    background: #f4f8fd;
}
.eyebrow {
    display: inline-block;
    color: #1a386a;
    border: 1px solid #1a386a4d;
    border-radius: 20px;
    background: rgba(255, 255, 255, .08);
    padding: 8px 18px;
    margin-bottom: 15px;
}
.intro-card {
    background: var(--white);
    padding: 20px 25px;
    border-left: 5px solid #1565c0;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
}
.intro-card p {
    margin: 0;
    color: #444;
    line-height: 1.7;
}
.info-card {
    background: var(--white);
    padding: var(--padding-md);
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}
.info-card h5 {
    color: #0d47a1;
    font-size: 22px;
    font-weight: 700;
}
.info-card .text-muted {
    margin-bottom: 25px;
}
.tree, .tree ul {
    list-style: none;
    margin: 0;
    padding-left: 30px;
    position: relative;
}
.tree ul::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    width: 2px;
    height: 100%;
    background: #d6dce7;
}
.tree li {
    position: relative;
    margin: 18px 0;
}
.tree li::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 20px;
    width: 20px;
    height: 2px;
    background: #d6dce7;
}
.tree .root::before {
    display: none;
}
.node {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #1565c0;
    color: var(--white);
    padding: 12px 18px;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: 0 8px 20px rgba(21, 101, 192, .25);
    transition: .3s;
}
.tree ul .node {
    background: var(--white);
    color: #333;
    border-left: 5px solid #1565c0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
}
.node:hover {
    transform: translateX(6px);
}
.node i {
    color: #ffc107;
}
.tree ul .node i {
    color: #1565c0;
}
.callout {
    margin-top: 30px;
    padding: var(--padding-md);
    border-radius: 10px;
    background: #eaf4ff;
    border-left: 5px solid #1565c0;
    color: #0d47a1;
    font-weight: 500;
}
.section-green {
    padding: 40px 0;
    background: #f6fbf6;
}
.section-green .eyebrow {
    border-color: rgba(19, 136, 8, .1);
    color: var(--green);
}
.section-green .section-title {
    font-size: 38px;
    font-weight: 800;
    color: var(--green);
    margin-bottom: 35px;
}
.section-green .intro-card {
    background: var(--white);
    padding: 20px 25px;
    border-left: 5px solid var(--green);
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
}
.section-green .intro-card p {
    margin: 0;
    color: #444;
    line-height: 1.7;
}
.section-orange {
    background: #fffaf5;
}
.section-orange .eyebrow {
    border-color: rgba(230, 126, 34, .12);
    color: var(--orange);
}
.section-orange .intro-card {
    background: var(--white);
    padding: 20px 25px;
    border-left: 5px solid var(--orange);
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
}
.timeline {
    position: relative;
    margin: 25px auto 0;
    padding-top: 50px;
    display: flex;
    flex-wrap: wrap;
}
.timeline::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    height: 3px;
    background: var(--orange);
    border-radius: 20px;
    width: 100%;
}
.timeline-item {
    position: relative;
    margin-bottom: 0;
    width: 20%;
}
.marker {
    position: absolute;
    left: 0px;
    top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1052b9;
    color: var(--white);
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid var(--white);
    box-shadow: 0 5px 15px rgba(230, 126, 34, .35);
    z-index: 2;
    right: 0;
    margin: 0px auto;
}
.timeline-card {
    position: relative;
    background: var(--white);
    border-radius: 12px;
    padding: 25px 15px 15px 15px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
    transition: .3s ease;
    margin-left: 1em;
    height: 100%;
}
.timeline-card::before {
    content: "";
    position: absolute;
    left: 0px;
    top: -51px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 15px solid #fd792a;
    right: 0;
    margin: 0px auto;
    transform: rotate(269deg);
}
.timeline-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .12);
}
.timeline-card h5 {
    margin-bottom: 8px;
    color: #1453b6;
    font-size: 22px;
    font-weight: 700;
}
.timeline-card .sub {
    color: #b86814;
    font-style: italic;
    margin-bottom: 8px;
}
.timeline-card p {
    margin-bottom: 12px;
    color: #444;
}
.timeline-card strong {
    color: #222;
}
.section-purple {
    background: #faf8ff;
}
.section-purple .eyebrow {
    display: inline-block;
    padding: 8px 18px;
    color: #6f42c1;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
}
.section-purple .section-title {
    color: #1353b7;
}
.section-purple .intro-card {
    background: var(--white);
    padding: 20px 25px;
    border-left: 5px solid #6f42c1;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
}
#masterTabs {
    gap: 12px;
    margin-bottom: 25px !important;
    justify-content: center;
}
#masterTabs .nav-link {
    padding: 8px 18px;
    border-radius: 40px;
    border: none;
    background: #bcf0d5;
    color: #0a6f2a;
    font-weight: 600;
    transition: .3s;
    font-size: 1.2em;
}
#masterTabs .nav-link:hover {
    background: #d9cdf5;
}
#masterTabs .nav-link.active {
    color: var(--white);
    background: linear-gradient(135deg, #30b871 0%, #0f7540 45%, #096e27 100%);
}
.callout.info {
    background: #efe8ff;
    border-left: 5px solid #6f42c1;
    color: #5a34a2;
}
.callout.warning {
    background: #fff4df;
    border-left: 5px solid #f39c12;
    color: #9a6500;
}
.gov-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}
.gov-table thead {
    background: #a6552d;
}
.table-teal thead {
    background: #0f766e;
}
.gov-table thead th {
    color: var(--white);
    padding: 16px;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, .12);
    white-space: nowrap;
}
.gov-table tbody td {
    padding: var(--padding-md);
    border: 1px solid #ececec;
    vertical-align: top;
    line-height: 1.7;
    color: var(--text);
}
.gov-table tbody tr:nth-child(even) {
    background: #fafafa;
}
.gov-table tbody tr:hover {
    background: #f5f1ff;
}
.table-teal tbody tr:hover {
    background: #eefdfb;
}
.gov-table tbody td:first-child {
    font-weight: 500;
    font-size: 1.2em;
    color: #1052b8;
}
.badge-pill-soft {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    color: var(--white);
}
.pill-grant {
    background: #198754;
}
.pill-equity {
    background: #0d6efd;
}
.pill-loan {
    background: #fd7e14;
}
.pill-incub {
    background: #6f42c1;
}
.pill-market {
    background: #20c997;
}
.pill-mixed {
    background: #dc3545;
}
.gov-navbar {
    margin: 0;
    padding: 0;
    transition: all .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gov-navbar li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}
.gov-navbar li a {
    display: block;
    padding: 12px 18px;
    color: #002886;
    font-size: 1em;
    font-weight: 700;
    text-decoration: none;
    transition: all .3s ease;
}
.gov-navbar li a i {
    margin-right: 6px;
}
.gov-navbar li a:hover, .gov-navbar li a:focus, .gov-navbar li.active a {
    background: #123868;
    color: var(--white);
}
.gov-navbar.sticky-top {
    animation: slideDown .35s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .12);
    top: 103px;
    background: #ffd992;
    z-index: 2;
}
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
.fade-up {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .6s ease, transform .6s ease;
}
.fade-up.in-view {
    opacity: 1;
    transform: translateY(0);
}
.info-card, .timeline-card, .accordion-item, .gov-table tbody tr {
    transition: box-shadow .25s ease, transform .25s ease, background-color .2s ease;
}
.info-card:hover, .timeline-card:hover {
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
}
.gov-table tbody tr:hover {
    background-color: rgba(11, 61, 145, 0.06);
}
.table-tools {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 16px;
}
.table-search-wrap {
    position: relative;
    flex: 1 1 260px;
    max-width: 360px;
}
.table-search-wrap i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
}
#masterSearchInput {
    width: 100%;
    padding: 9px 12px 9px 34px;
    border-radius: 8px;
    border: 1px solid #d3d8e0;
    font-size: 0.92rem;
}
#masterSearchInput:focus {
    outline: 2px solid var(--gov-blue, #0b3d91);
    border-color: transparent;
}
.filter-chip {
    border: 1px solid #d3d8e0;
    background: var(--white);
    border-radius: 20px;
    padding: 6px 14px;
    font-size: 0.82rem;
    cursor: pointer;
    font-weight: 600;
    transition: all .2s ease;
    color: #444;
}
.filter-chip:hover {
    border-color: var(--gov-blue, #0b3d91);
}
.filter-chip.active-filter {
    background: var(--gov-blue, #0b3d91);
    color: var(--white);
    border-color: var(--gov-blue, #0b3d91);
}
#masterResultCount {
    font-size: 0.85rem;
    color: #666;
    margin-left: auto;
    white-space: nowrap;
    background-color: var(--white);
    padding: 3px 10px;
    border-radius: 45px;
}
.no-results-row td {
    text-align: center;
    padding: 28px 10px;
    color: #888;
    font-style: italic;
}
tr.row-hidden {
    display: none !important;
}
.gov-table thead th.sortable {
    cursor: pointer;
    user-select: none;
}
.gov-table thead th.sortable:hover {
    background-color: rgba(255, 255, 255, 0.15);
}
.gov-table thead th.sortable .fa-sort, .gov-table thead th.sortable .fa-sort-up, .gov-table thead th.sortable .fa-sort-down {
    margin-left: 6px;
    opacity: 0.7;
    font-size: 0.8em;
}
.flow-question {
    margin-bottom: 2em;
    text-align: center;
}
.flow-question h3 {
    font-size: 22px;
    color: #222;
    margin-bottom: 35px;
    font-weight: 700;
}
.connector {
    position: relative;
    width: 100%;
    height: 45px;
}
.connector span {
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    height: 18px;
    background: #d6dce7;
    transform: translateX(-50%);
}
.connector::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 18px;
    width: 55%;
    height: 2px;
    background: #d6dce7;
    transform: translateX(-50%);
}
.connector::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 14px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--white);
    border: 2px solid #d6dce7;
    transform: translateX(-50%);
}
.flow-row {
    display: flex;
    justify-content: space-between;
    gap: 60px;
}
.flow-box {
    width: 50%;
    background: var(--white);
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .08);
}
.flow-box::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -22px;
    width: 2px;
    height: 22px;
    background: #d6dce7;
    transform: translateX(-50%);
}
.flow-box::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -28px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--white);
    border: 2px solid #d6dce7;
    transform: translateX(-50%);
}
.flow-head {
    color: var(--white);
    padding: var(--padding-md);
    font-weight: bold;
    text-align: center;
}
.flow-body {
    padding: 0.8em;
    line-height: 1.8;
    color: #333;
}
.flow-body a {
    color: #0066cc;
    text-decoration: underline;
}
.flow-body a:hover {
    color: var(--orange);
}
.orange {
    background: #ef6c00;
}
.green {
    background: #43a047;
}
.blue {
    background: #1e4fa3;
}
.sky {
    background: #0b84c6;
}
.flow-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}
.sector-box {
    border-radius: 8px;
    background: var(--white);
    overflow: hidden;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .08);
    position: relative;
}
.sector-box::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -22px;
    width: 2px;
    height: 22px;
    background: #d6dce7;
    transform: translateX(-50%);
}
.sector-box::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -28px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--white);
    border: 2px solid #d6dce7;
    transform: translateX(-50%);
}
.sector-box .flow-head {
    display: flex;
    justify-content: center;
    align-items: center;
}
.upsm-card-container {
    margin: 20px auto;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.upsm-card-item {
    position: relative;
    background: var(--white);
    border: 1px solid #e0e6ed;
    border-radius: 10px;
    padding: 22px 20px 18px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}
.upsm-card-item:hover {
    border-color: var(--orange);
    box-shadow: 0 6px 18px rgba(255, 102, 0, 0.15);
}
.upsm-card-top-badge {
    position: absolute;
    top: -12px;
    left: 20px;
    background: linear-gradient(135deg, #ff6600, #ff8c00);
    color: var(--white);
    padding: 3px 12px;
    border-radius: 15px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 2px 5px rgba(255, 102, 0, 0.3);
}
.upsm-card-srno {
    width: 38px;
    height: 38px;
    background: var(--orange);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.95rem;
    flex-shrink: 0;
    border: 2px solid var(--orange);
}
.upsm-card-left {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    flex: 30%;
}
.upsm-card-main-info {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
}
.upsm-card-label {
    font-size: 0.72rem;
    /* display: block; */
    /* font-weight: 700; */
    /* text-transform: uppercase; */
    /* letter-spacing: 0.5px; */
}
.upsm-card-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1153b7;
    text-decoration: none;
}
.upsm-card-title:hover {
    color: var(--orange);
    text-decoration: underline;
}
.upsm-card-subtext {
    font-size: 0.88rem;
    color: #4a5568;
    font-weight: 600;
}
.upsm-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
    background: #fff8f2;
    border-left: 4px solid var(--orange);
    border-radius: 6px;
    padding: 12px 14px;
    flex: 1 1 50%;
}
.upsm-grid-field {
    display: flex;
    flex-direction: column;
    font-size: 0.82rem;
    color: #2d3748;
    word-break: break-word;
}
.upsm-grid-field span {
    font-size: 0.72rem;
    font-weight: 700;
}
.upsm-card-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex: 0 0 auto;
}
.upsm-btn-count {
    color: var(--white);
    padding: 3px 8px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 0.8rem;
    border: 1px solid var(--orange);
    background: var(--orange);
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background 0.3s;
    flex-direction: row;
}
.upsm-btn-count span {
    font-size: 1rem;
    width: 38px;
    height: 38px;
    background: var(--white);
    color:  var(--dark-blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    flex-shrink: 0;
}


.upsm-btn-count:hover {
    background: var(--dark-blue);
    color: var(--white);
   border-color: var(--dark-blue);
}
@media (max-width: 900px) {
    .upsm-card-right {
        width: 100%;
        align-items: flex-start;
        border-top: 1px dashed #e0e6ed;
        padding-top: 10px;
    }
}
.q-node {
    position: relative;
    margin-bottom: 25px;
    padding-left: 28px;
    border-left: 2px dashed var(--dark-blue);
}
.q-node:last-child {
    margin-bottom: 0px;
}
.question-header {
    position: relative;
    font-size: 1.1em;
    font-weight: 700;
    color: var(--dark-blue);
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    padding: 11px 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    border: 1px dashed var(--dark-blue);
}
.question-header::before {
    content: '';
    position: absolute;
    left: -34px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff4f19;
    box-shadow: 0 0 10px #ff8d13;
}
.branches {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding-left: 15px;
}
.branch-item {
    flex: 1;
    min-width: 260px;
    background: linear-gradient(135deg, #fff2e3 0%, #ffdfd3 100%);
    border-radius: 12px;
    padding: 12px 16px;
    position: relative;
    backdrop-filter: blur(8px);
    transition: transform 0.2s ease;
    border: 1px solid rgba(255, 255, 255, 0.05);
}
.branch-item:hover {
    transform: translateY(-2px);
}
.branch-item.orange {
    border-left: 3px solid var(--orange);
}
.branch-item.green {
    border-left: 3px solid #138857;
}
.branch-item.blue {
    border-left: 3px solid var(--blue);
}
.branch-label {
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.orange .branch-label {
    color: #f26300;
}
.green .branch-label {
    color: #00a661;
}
.blue .branch-label {
    color: #0094d6;
}
.branch-content {
    font-size: 13px;
    line-height: 1.6;
}
.scheme-link {
    text-decoration: underline;
    font-weight: 500;
    transition: color 0.2s ease;
    color: var(--text);
}
.scheme-link:hover {
    color: #0045b1;
}
.grid-sectors {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 10px;
    width: 100%;
    padding-left: 15px;
}
.sector-item {
    background: linear-gradient(135deg, #eaf4ff 0%, #dee7ff 100%);
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}
.footer-info {
    text-align: right;
    font-size: 11px;
    color: var(--text-muted);
    margin-top: 15px;
}
@media (max-width: 600px) {
    .q-node {
        padding-left: 15px;
    }
    .question-header::before {
        left: -21px;
    }
    .grid-sectors {
        grid-template-columns: repeat(2, 1fr);
    }
}
.ev-dash-empty-state span {
    color: var(--text);
}
.upsm-section-header {
    margin-bottom: 15px;
}
.upsm-main-heading {
    color: var(--orange);
    font-weight: 800;
    font-size: 2.2rem;
    line-height: 1.25;
    margin-bottom: 12px;
    letter-spacing: -0.5px;
}
.upsm-main-desc {
    font-size: 1.05rem;
    line-height: 1.7;
    max-width: 950px;
}
.upsm-pdf-action-box {
    background: linear-gradient(135deg, #fff3e8 0%, #ffedd5 100%);
    border: 1px solid #fbd5b5;
    border-radius: 16px;
    padding: var(--padding-md);
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
.upsm-pdf-info {
    display: flex;
    align-items: center;
    gap: 16px;
}
.upsm-pdf-icon {
    width: 52px;
    height: 52px;
    background: var(--orange);
    color: var(--white);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    box-shadow: 0 4px 10px rgba(255, 122, 26, 0.3);
}
.upsm-pdf-text h5 {
    font-weight: 700;
    color: #12284c;
    margin: 0 0 4px 0;
    font-size: 1.1rem;
}
.upsm-pdf-text p {
    margin: 0;
    color: #64748b;
    font-size: 0.88rem;
}
.upsm-pdf-btn-group {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.upsm-btn-action {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 22px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all 0.3s ease;
}
.upsm-btn-orange {
    background-color: var(--orange);
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(255, 122, 26, 0.25);
}
.upsm-btn-orange:hover {
    background-color: #e05e00;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(255, 122, 26, 0.35);
}
.upsm-btn-navy {
    background-color: #12284c;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(18, 40, 76, 0.2);
}
.upsm-btn-navy:hover {
    background-color: #0a1830;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(18, 40, 76, 0.3);
}
.upsm-highlight-item {
    background: var(--white);
    border: 1px solid #f3e5d8;
    border-radius: 14px;
    padding: var(--padding-md);
    height: 100%;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(255, 122, 26, 0.06);
}
.upsm-highlight-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(18, 40, 76, 0.12);
    border-color: var(--orange);
}
.upsm-hl-badge {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #fff8f2;
    color: var(--orange);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    margin-bottom: 14px;
}
.upsm-hl-title {
    font-weight: 700;
    font-size: 1.05rem;
    color: #013991;
    margin-bottom: 6px;
}
.upsm-hl-desc {
    font-size: 0.88rem;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}
.upsm-block-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 25px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f1f5f9;
}
.upsm-block-title {
    font-size: 1.5rem;
    font-weight: 800;
    color: #12284c;
    margin: 0;
}
.upsm-block-tag {
    background: #fff0e6;
    color: var(--orange);
    font-weight: 700;
    font-size: 0.8rem;
    padding: 4px 12px;
    border-radius: 20px;
}
.upsm-incentive-card {
    background: var(--white);
    border: 1px solid #f3e5d8;
    border-radius: 16px;
    padding: var(--padding-md);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;
    position: relative;
    box-shadow: 0 4px 12px rgba(255, 122, 26, 0.06);
}
.upsm-incentive-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(18, 40, 76, 0.12);
    border-color: rgba(255, 122, 26, 0.4);
}
.upsm-card-top {
    margin-bottom: 18px;
}
.upsm-card-category {
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--orange);
    margin-bottom: 6px;
}
.upsm-card-val {
    font-size: 1.3rem;
    font-weight: 800;
    color: #003182;
    margin-bottom: 8px;
    line-height: 1.2;
}
.upsm-card-name {
    font-weight: 700;
    color: #1e293b;
}
.upsm-card-desc {
    font-size: 0.9rem;
    color: #64748b;
    line-height: 1.55;
    margin: 0;
}
.upsm-card-footer-note {
    background: #f8fafc;
    border-left: 3px solid var(--orange);
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 0.82rem;
    color: #475569;
}
.upsm-deeptech-wrapper {
    background: linear-gradient(135deg, #0a1830 0%, #12284c 100%);
    color: var(--white);
    box-shadow: 0 10px 30px rgba(10, 24, 48, 0.2);
    position: relative;
    overflow: hidden;
}
.upsm-deeptech-wrapper::after {
    content: '';
    position: absolute;
    bottom: -30%;
    right: -10%;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(0, 180, 216, 0.15) 0%, transparent 70%);
    pointer-events: none;
}
.upsm-deeptech-header .upsm-block-title {
    color: var(--white);
}
.upsm-deeptech-header .upsm-block-tag {
    background: rgba(0, 180, 216, 0.2);
    color: #00b4d8;
}
.upsm-deeptech-card {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    padding: var(--padding-md);
    height: 100%;
    backdrop-filter: blur(10px);
}
.upsm-deeptech-card .upsm-card-val {
    color: #01f3ff;
}
.upsm-deeptech-card .upsm-card-name {
    color: var(--white);
}
.upsm-deeptech-card .upsm-card-desc {
    color: #cbd5e1;
}
@media (max-width: 768px) {
    .upsm-main-heading {
        font-size: 1.75rem;
    }
    .upsm-pdf-action-box {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 1em;
    }
    .upsm-pdf-btn-group {
        width: 100%;
    }
    .upsm-btn-action {
        width: 100%;
        justify-content: center;
    }
    .upsm-deeptech-wrapper {
        padding: var(--padding-md);
    }
}
.investor-card {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: var(--white);
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.investor-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 20px -5px rgba(242, 101, 34, 0.15);
    border-color: rgba(242, 101, 34, 0.4);
}
.card-header-custom {
    background: linear-gradient(135deg, #0b2545 0%, #134074 100%);
    color: var(--white);
    padding: 16px 20px;
    position: relative;
}
.sno-badge {
    position: absolute;
    top: 14px;
    right: 15px;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(4px);
    color: var(--white);
    font-weight: 700;
    font-size: 0.85rem;
    padding: 4px 10px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.card-header-custom .fund-name {
    font-weight: 700;
    margin: 0;
    padding-right: 45px;
    color: var(--white);
    line-height: 1.3;
}
.card-body-custom {
    padding: var(--padding-md);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.info-group {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.info-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background-color: rgba(242, 101, 34, 0.1);
    color: #f26522;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    flex-shrink: 0;
}
.info-content {
    flex-grow: 1;
}
.info-label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #718096;
    font-weight: 600;
    margin-bottom: 2px;
}
.info-value {
    font-size: 0.92rem;
    color: #2d3748;
    font-weight: 600;
    word-break: break-word;
}
.info-value .sector-tag {
    display: inline-block;
    background: none;
    color: #dd6b20;
    border: 0px solid #fbd38d;
    padding: 0;
    border-radius: 0;
    font-size: 0.85rem;
    font-weight: 600;
}

.info-value .sector-tag:hover {
    background: none;
    border-color: var(--accent);
   color: #dd6b20;
    transform: translateY(0px);
    box-shadow: none
}

.email-link, .phone-link {
    color: #2b6cb0;
    text-decoration: none;
    transition: color 0.2s;
}
.email-link:hover, .phone-link:hover {
    color: #f26522;
    text-decoration: underline;
}
.alleventssection {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    list-style: none;
    padding: var(--padding-md);
    margin: 0 auto;
    max-width: 1200px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    box-sizing: border-box;
}
.alleventssection li[id^="post-"] {
    flex: 1 1 calc(33.333% - 24px);
    min-width: 280px;
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    box-sizing: border-box;
}
.alleventssection li[id^="post-"]:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}
.alleventssection li[id^="post-"] > a {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: #1a1a1a;
    flex-grow: 1;
    overflow: hidden;
}
.alleventssection li[id^="post-"] img {
    width: 100%;
    height: 200px;
    object-fit: fill;
    display: block;
    transition: transform 0.4s ease;
    background-color: #f0f0f0;
}
.alleventssection li[id^="post-"]:hover img {
    transform: scale(1.05);
}
.alleventssection li[id^="post-"] p {
    padding: 18px 18px 12px 18px;
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.4;
    color: #2c3e50;
    transition: color 0.2s ease;
}
.alleventssection li[id^="post-"]:hover p {
    color: #0066cc;
}
.alleventssection span.ndate {
    display: block;
    padding: 0 18px 18px 18px;
    font-size: 0.85rem;
    color: #7f8c8d;
    font-weight: 500;
    margin-top: auto;
    border-top: 1px solid #f0f0f0;
    padding-top: 12px;
}
@media (max-width: 900px) {
    .alleventssection li[id^="post-"] {
        flex: 1 1 calc(50% - 24px);
    }
}
@media (max-width: 600px) {
    .alleventssection {
        padding: 12px;
        gap: 16px;
    }
    .alleventssection li[id^="post-"] {
        flex: 1 1 100%;
    }
}
.upsm-tabs-container {
    display: flex;
    justify-content: center;
    margin-bottom: 7px;
}
.upsm-nav-pills {
    background: rgba(255, 255, 255, 0.24);
    padding: 3px;
    border-radius: 50px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    display: inline-flex;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
}
.upsm-nav-pills .nav-link {
    border-radius: 40px;
    padding: 4px 24px;
    font-weight: 700;
    font-size: 15px;
    color: #1d458a;
    border: none;
    background: transparent;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.upsm-nav-pills .nav-link:hover {
    color: #ff7b00;
    background-color: #fff9f5;
}
.upsm-nav-pills .nav-link.active {
    background: linear-gradient(135deg, #ff7b00 0%, #e65100 100%);
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(255, 123, 0, 0.3);
}
.upsm-custom-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    margin: 0 auto;
}
@media (max-width: 992px) {
    .upsm-custom-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 576px) {
    .upsm-custom-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
#beneficiaryPillsTabContent .upsm-card-container {
    perspective: 1000px;
    min-height: 130px;
    width: 100%;
    margin: 0;
}
#beneficiaryPillsTabContent .upsm-card-flipper {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
    border-radius: 10px 10px 50px 50px;
    /* cursor: pointer; */
}
.upsm-card-container:hover .upsm-card-flipper {
    transform: rotateY(180deg);
}
.upsm-card-front, .upsm-card-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 10px 10px 65px 65px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--padding-md);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #f0f0f0;
    text-align: center;
}
.upsm-card-front {
    background: var(--white);
}
.upsm-icon-ring {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.3em;
    border: 2px dashed #00b4d8;
    background-color: var(--white);
    transition: transform 0.3s ease;
}
.upsm-card-container:hover .upsm-icon-ring {
    transform: scale(1.08);
}
.upsm-ring-orange {
    border-color: #ff9f1c;
}
.upsm-ring-orange i {
    color: #ff9f1c;
}
.upsm-ring-teal {
    border-color: #00b4d8;
}
.upsm-ring-teal i {
    color: #00b4d8;
}
.upsm-ring-green {
    border-color: #2ec4b6;
}
.upsm-ring-green i {
    color: #2ec4b6;
}
.upsm-ring-purple {
    border-color: #8f2d56;
}
.upsm-ring-purple i {
    color: #8f2d56;
}
.upsm-icon-ring i {
    font-size: 26px;
}
#beneficiaryPillsTabContent .upsm-card-title {
    font-size: 0.9em;
    font-weight: 700;
    color: #1a202c;
    line-height: 1.2;
    margin: 0;
}
.upsm-flip-hint {
    font-size: 11px;
    color: #a0aec0;
    margin-top: 8px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.upsm-card-back {
    transform: rotateY(180deg);
    background: linear-gradient(145deg, #102a43 0%, #1b365d 100%);
    color: var(--white);
    border: none;
}
.upsm-back-label {
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ff9f1c;
    font-weight: 700;
    /* margin-bottom: 6px; */
}
.upsm-amount-text {
    font-size: 1em;
    font-weight: 700;
    color: var(--white);
    line-height: 1.1;
    margin-bottom: 8px;
}
.upsm-desc-text {
    font-size: 12px;
    color: #cbd5e1;
    line-height: 1.35;
}
.khub-section-padding {
    background-color: #fdfaf5;
    padding: 40px 0px;
}
.innoidea {
    background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(10px);
    border: 1px solid rgb(249, 115, 35);
    border-radius: 10px;
    box-shadow: 0px 0px 25px rgba(197, 55, 0, 0.36);
}
.innoidea h4 {
    color: #141C58;
}
.khub-breadcrumb-list {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    background: rgba(255, 255, 255, 0.12);
    padding: 6px 18px;
    border-radius: 30px;
    font-size: 0.88rem;
    margin-bottom: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.khub-breadcrumb-list a {
    color: #ffd199;
    text-decoration: none;
    transition: all 0.2s;
}
.khub-breadcrumb-list a:hover {
    color: var(--white);
}
.khub-hero-title {
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 15px;
}
.khub-hero-title span {
    color: #fd792a;
}
.khub-hero-desc {
    font-size: 1.1rem;
    max-width: 850px;
    margin-bottom: 30px;
}
.khub-pill-tag {
    display: inline-block;
    background: rgba(255, 255, 255, 0.45);
    border: 1px solid #1052b9;
    color: #1052b9;
    padding: 4px 14px;
    border-radius: 20px;
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
.khub-section-title-wrap {
    margin-bottom: 40px;
    position: relative;
}
.khub-section-badge {
    color: #fd792a;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 0.85rem;
    display: block;
    margin-bottom: 6px;
}
.khub-section-main-title {
    font-weight: 800;
    color: var(--dark1);
    margin-bottom: 12px;
}
.khub-section-subtext {
    color: #64748b;
    font-size: 1rem;
    max-width: 750px;
}
.khub-card-custom {
    background: var(--white);
    border-radius: 16px;
    border: 1px solid rgba(16, 82, 185, 0.1);
    padding: 1.5em;
    box-shadow: 0 8px 25px rgba(10, 46, 71, 0.05);
    transition: all 0.3s ease;
    position: relative;
}
.khub-card-custom:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(253, 121, 42, 0.12);
    border-color: #fd792a;
}
.khub-journey-box {
    background: var(--white);
    border-radius: 20px;
    padding: var(--padding-md);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    border: 1px solid #ffeedb;
}
.khub-journey-steps {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    position: relative;
}
.khub-journey-step-item {
    flex: 1;
    min-width: 120px;
    text-align: center;
    position: relative;
    z-index: 1;
}
.khub-step-badge {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: linear-gradient(135deg, #fd792a 0%, #e65100 100%);
    color: var(--white);
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px auto;
    box-shadow: 0 4px 12px rgba(253, 121, 42, 0.3);
    font-size: 1.1rem;
}
.khub-step-label {
    font-weight: 700;
    color: var(--dark1);
    font-size: 0.95rem;
}
.khub-btn-orange {
    background: linear-gradient(135deg, #fd792a 0%, #e65100 100%);
    color: #ffffff !important;
    font-weight: 700;
    padding: 10px 24px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    box-shadow: 0 4px 15px rgba(253, 121, 42, 0.3);
    transition: all 0.3s ease;
}
.khub-btn-orange:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(253, 121, 42, 0.45);
}
.khub-btn-blue {
    background: linear-gradient(135deg, #1052b9 0%, #0a2e47 100%);
    color: #ffffff !important;
    font-weight: 700;
    padding: 10px 24px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    box-shadow: 0 4px 15px rgba(16, 82, 185, 0.25);
    transition: all 0.3s ease;
}
.khub-btn-blue:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(16, 82, 185, 0.4);
}
.khub-btn-outline {
    border: 2px solid #1052b9;
    color: #1052b9 !important;
    font-weight: 700;
    padding: 8px 20px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}
.khub-btn-outline:hover {
    background: #1052b9;
    color: #ffffff !important;
}
.khub-step-card {
    background: var(--white);
    border-radius: 14px;
    padding: var(--padding-md);
    border-left: 5px solid #1052b9;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    height: 100%;
}
.khub-step-card-number {
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #fd792a;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
.khub-step-card-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--dark1);
    margin-bottom: 12px;
}
.khub-badge-list {
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
}
.khub-badge-list li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 6px;
    font-size: 0.92rem;
    color: #1e293b;
}
.khub-badge-list li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #16a34a;
    font-size: 0.85rem;
}
.khub-tier-card {
    border-radius: 16px;
    padding: 28px;
    background: var(--white);
    border: 1px solid #ffe8d6;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.khub-tier-card.khub-tier-primary {
    border-top: 5px solid #fd792a;
}
.khub-tier-card.khub-tier-growth {
    border-top: 5px solid #1052b9;
}
.khub-tier-card.khub-tier-deeptech {
    border-top: 5px solid #8B5CF6;
}
.khub-tier-icon {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    margin-bottom: 15px;
}
.khub-tier-primary .khub-tier-icon {
    background: #fff2ea;
    color: #fd792a;
}
.khub-tier-growth .khub-tier-icon {
    background: #eef4ff;
    color: #1052b9;
}
.khub-tier-deeptech .khub-tier-icon {
    background: #f5f0ff;
    color: #8B5CF6;
}
.khub-tier-title {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--dark1);
    margin-bottom: 15px;
}
.khub-link-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--white);
    padding: 14px 20px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    text-decoration: none;
    color: #1e293b;
    font-weight: 600;
    transition: all 0.25s ease;
    margin-bottom: 10px;
}
.khub-link-item:hover {
    border-color: #fd792a;
    background: #fffaf5;
    color: #fd792a;
    transform: translateX(4px);
}
.khub-link-item i {
    color: #fd792a;
}
.khub-table-card {
    background: var(--white);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
    border: 1px solid #ffe8d6;
}
.khub-custom-table {
    width: 100%;
    margin-bottom: 0;
    border-collapse: collapse;
}
.khub-custom-table thead {
    background: var(--dark1);
    color: var(--white);
}
.khub-custom-table th {
    padding: 16px 20px;
    font-weight: 700;
    font-size: 1rem;
    border: none;
}
.khub-custom-table td {
    padding: 10px 20px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
    font-size: 0.95rem;
}
.khub-custom-table tbody tr:hover {
    background-color: #fffaf5;
}
.khub-feat-icon-box {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #fff3eb 0%, #ffe3d1 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #fd792a;
    margin-bottom: 20px;
    border: 2px dashed #fd792a;
}
.rounded-4 {
    border-radius: 15px;
}
#faqTabs.custom-nav-tabs {
    border: none;
    gap: 12px;
    margin-bottom: 25px;
    justify-content: center;
}
#faqTabs.custom-nav-tabs .nav-link {
    border: 2px solid #e2e8f0;
    background-color: var(--white);
    color: #0b2545;
    font-weight: 700;
    font-size: 1rem;
    padding: 12px 26px;
    border-radius: 10px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}
#faqTabs.custom-nav-tabs .nav-link:hover {
    border-color: #f26522;
    color: #f26522;
    background-color: #fff9f5;
}
#faqTabs.custom-nav-tabs .nav-link.active {
    background-color: #f26522;
    border-color: #f26522;
    color: var(--white);
    box-shadow: 0 4px 12px rgba(242, 101, 34, 0.25);
}
#faqTabsContent .accordion-item {
    border: 1px solid #a8bbd4;
    border-radius: 10px !important;
    margin-bottom: 5px;
    background-color: var(--white);
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
    transition: all 0.2s ease;
}
#faqTabsContent .accordion-item:hover {
    border-color: rgba(242, 101, 34, 0.4);
}
#faqTabsContent .accordion-button {
    font-weight: 700;
    color: #0b2545;
    font-size: 1.02rem;
    padding: 10px 15px;
    background-color: var(--white);
    box-shadow: none !important;
    line-height: 1.4;
}
#faqTabsContent .accordion-button:not(.collapsed) {
    background-color: #fffaf7;
    color: #1052b9;
    border-bottom: 1px solid #fce8de;
}
#faqTabsContent .accordion-body {
    padding: var(--padding-md);
    color: #4a5568;
}
#faqTabsContent .accordion-body ul {
    padding-left: 20px;
    margin-bottom: 10px;
}
#faqTabsContent .accordion-body li {
    margin-bottom: 6px;
}
#faqTabsContent .badge-qno {
    background-color: rgba(11, 37, 69, 0.08);
    color: #0b2545;
    font-size: 0.8rem;
    padding: 4px 8px;
    border-radius: 6px;
    margin-right: 10px;
    font-weight: 700;
    flex-shrink: 0;
}
#faqTabsContent .accordion-button:not(.collapsed) .badge-qno {
    background-color: rgba(34, 135, 242, 0.15);
    color: #1052b9;
}
.upsm-gr-info-card {
    background: var(--white);
    border-left: 6px solid var(--orange);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(15, 43, 92, 0.06);
}
.upsm-gr-info-icon i {
    color: var(--orange);
}
.upsm-gr-info-text {
    color: #2c3e50;
    line-height: 1.7;
    font-weight: 500;
}
.upsm-gr-action-card {
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.upsm-gr-action-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(15, 43, 92, 0.2) !important;
}
.upsm-gr-card-reg {
    background: linear-gradient(135deg, #e2fffb 0%, #fff 100%);
    color: var(--white);
}
.upsm-gr-card-notreg {
    background: linear-gradient(135deg, #fff1f3 0%, #fff 100%);
    color: var(--white);
}
.upsm-gr-card-bg-circle {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 140px;
    height: 140px;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 50%;
    pointer-events: none;
}
.upsm-gr-badge-icon {
    width: 50px;
    height: 50px;
    background: rgb(249, 102, 15);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    color: var(--white);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.19);
    border: 1px solid var(--white);
}
.section h3.upsm-gr-card-heading {
    font-size: 1.3rem;
    font-weight: 700;
    color: #31437b;
}
.upsm-gr-card-desc {
    font-size: 0.92rem;
    line-height: 1.5;
}
.upsm-gr-btn {
    background-color: #3fb377;
    color: var(--white);
    border: none;
    transition: all 0.3s ease;
}
.upsm-gr-btn:hover {
    background-color: var(--orange);
    color: var(--white);
}
.upsm-gr-btn-orange {
    background-color: #f04da9;
    color: var(--white);
    border: none;
    transition: all 0.3s ease;
}
.upsm-gr-btn-orange:hover {
    background-color: #e65c00;
    color: var(--white);
}
.upsm-gr-section-header {
    position: relative;
}
.upsm-gr-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #0f2b5c;
    margin-bottom: 8px;
}
.upsm-gr-title-bar {
    width: 65px;
    height: 4px;
    background: linear-gradient(90deg, #ff6600, #ff8833);
    border-radius: 4px;
}
.upsm-gr-accordion .accordion-item {
    background: var(--white);
    border: 1px solid #e9ecef !important;
    overflow: hidden;
    transition: all 0.2s ease;
}
.upsm-gr-accordion .accordion-item:hover {
    border-color: #ff6600 !important;
}
.upsm-gr-accordion .accordion-button {
    background-color: var(--white);
    color: #0f2b5c !important;
    box-shadow: none !important;
}
.upsm-gr-accordion .accordion-button:not(.collapsed) {
    background-color: #f8faff;
    color: #ff6600 !important;
}
.upsm-gr-accordion .accordion-button::after {
    content: '\f067';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    background-image: none !important;
    font-size: 1rem;
    color: var(--orange);
    transition: transform 0.3s ease;
}
.upsm-gr-accordion .accordion-button:not(.collapsed)::after {
    content: '\f068';
    color: #0f2b5c;
    transform: rotate(180deg);
}
.upsm-gr-accordion .accordion-body {
    line-height: 1.6;
    font-size: 0.95rem;
    background-color: #f8faff;
    border-top: 1px dashed #e2e8f0;
}
.display-7 {
    background-image: linear-gradient(to right, #ffffff 0%, #fff0 100%);
    font-size: 0.95em;
    color: var(--dark-blue);
    border-left: 5px solid var(--dark-blue);
    border-radius: 15px;
    padding: var(--padding-md);
    font-weight: 700;
}
.submit-grievance-unregistered .form-control {
    font-size: 0.95em;
    border-left: 5px solid;
    border-radius: 15px;
    padding: 0.7em 1.5em;
    border-color: var(--text-muted);
}
.submit {
    background: linear-gradient(135deg, #ff8c12 0%, #ff5f10 50%, #ff4800 100%);
    text-decoration: none;
    color: var(--white);
    font-size: 1em;
    padding: 12px 45px;
    font-weight: 700;
    text-transform: uppercase;
    border: 0;
    border-radius: 15px;
}
.submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(10, 47, 110, 0.4);
    color: var(--white);
}
.sitemap {
    display: grid;
    gap: 25px;
    padding: 0;
    list-style: none;
    justify-items: stretch;
}
.sitemap > li {
    padding-left: 25px;
    position: relative;
}
.sitemap > li:before {
    content: "";
    position: absolute;
    left: 13px;
    top: 7px;
    bottom: 0;
    width: 2px;
    background: #1b426e;
}
.sitemap > li > a:first-child {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    display: inline-block;
    position: relative;
    padding-left: 10px;
    text-decoration: none;
    color: var(--text);
}
.sitemap > li > a:first-child:before {
    content: "";
    position: absolute;
    left: -17px;
    top: 6px;
    width: 12px;
    height: 12px;
    background: var(--orange);
    border-radius: 50%;
}
.sitemap li ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0;
    position: relative;
}
.sitemap li ul li {
    position: relative;
    margin: 4px 0;
    padding-left: 0;
}
.sitemap li ul li:before {
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    width: 12px;
    height: 1px;
    background: #1b426e;
}
.sitemap li ul li a {
    display: inline-block;
    padding: 7px 10px;
    border-radius: 5px;
    text-decoration: none;
    color: var(--text);
    transition: 0.3s;
}
.sitemap li ul li a:hover {
    background: #1b426e;
    color: var(--white);
    padding-left: 14px;
}
.video_gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3em;
    list-style: none;
    padding: 0;
}
.video_title {
    text-align: center;
    margin: 0;
    font-size: 15px;
    position: absolute;
    left: 10%;
    right: 10%;
    background: var(--orange);
    bottom: -19px;
    color: var(--white);
    padding: var(--padding-md);
    border-radius: 100px;
    font-weight: 700;
    border: 5px solid var(--white);
}
.video_gallery li {
    position: relative;
}
.video_gallery video, .video_gallery li iframe {
    width: 100%;
    height: 350px;
    background: var(--white);
    padding: 1.5em;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}
.inner_data_container .qr img, footer .qr img {
    max-width: 100%;
}
.inner_data_container .qr {
    padding: var(--padding-md);
    border: 1px solid rgba(255, 96, 0, 0.5);
    border-radius: 15px;
    margin-bottom: 25px;
}
.inner_data_container .qr span {
    display: block;
    text-align: center;
    padding-top: 5px;
    font-weight: bold;
}
footer .qr {
    padding: var(--padding-md);
    border: 1px solid rgba(255, 96, 0, 0.5);
    border-radius: 11px;
    margin-bottom: 25px;
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.77);
}
footer .qr span {
    display: block;
    text-align: center;
    padding-top: 5px;
    font-weight: 600;
    line-height: 16px;
    color: #0043ab;
}
.section-blue .section-eyebrow::before, .section-blue .section-eyebrow::after {
    background: #1052b9;
}
.section-blue .section-eyebrow {
    color: #1052b9;
    border: 1px solid rgb(16, 82, 185);
}
.upsm-pdf-action-box.govt_order_strip {
    padding: var(--padding-md);
    margin-bottom: 15px;
}
.upsm-pdf-action-box.govt_order_strip .upsm-pdf-info {
    width: 80%;
}
.startup-summary-card {
    display: flex;
    align-items: center;
    gap: 18px;
    background: linear-gradient(145deg, #ffffff 0%, #fbf8ec 100%);
    border: 1px solid rgb(242, 115, 38);
    border-radius: 24px;
    padding: 15px 55px 15px 15px;
    box-shadow: 0 20px 50px rgba(255, 216, 155, 0.5);
    transition: .3s;
    position: relative;
}
.startup-summary-card::after {
    content: "\f178";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    color: #5a606d;
    font-size: 22px;
    transition: all 0.3s ease;
    animation: arrowMove 1.2s ease-in-out infinite;
}
@keyframes arrowMove {
    0% {
        transform: translateY(-50%) translateX(0);
        opacity: 1;
    }
    50% {
        transform: translateY(-50%) translateX(8px);
        opacity: 0.7;
    }
    100% {
        transform: translateY(-50%) translateX(0);
        opacity: 1;
    }
}
.startup-summary-card:hover::after {
    transform: translateY(-50%) translateX(6px);
}
.startup-summary-card:hover::after {
    right: -30px;
}
.startup-summary-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 35px rgba(0, 0, 0, .12);
}
.startup-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff7b1d, #ffb347);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 28px;
}
.small-title {
    display: block;
    color: #6c757d;
    font-size: 14px;
}
.count-row {
    display: flex;
    align-items: center;
    gap: 12px;
}
#startupCount {
    font-size: 42px;
    font-weight: 700;
    color: #0B5EA8;
    margin: 0;
    line-height: 1;
}
.startup-summary-card p {
    color: #777;
    font-size: 14px;
    margin: 0;
}
.form-select-lg {
    height: 56px;
    border-radius: 12px;
}
.ev-dash-event-item .badge {
    font-size: 0.8em;
    padding: 8px 5px;
}
.select-district {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 1em;
    font-size: 1.4em;
}
.datatable_options {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.select-district .select2-container {
    width: 70% !important;
}
.select-district .select2-container .select2-selection--single {
    height: 50px;
    border-radius: 84px;
    box-shadow: 0 0px 35px rgba(140, 107, 97, 0.5);
    border-color: rgb(8 33 71 / 24%);
    background: #ffffff61;
}
.select-district .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 50px;
    padding-left: 2em;
    padding-right: 2em;
    border-radius: 84px;
}
.select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 11px !important;
    right: 11px !important;
    width: 20px;
}

 .ev-dash-calendar-card {
   background: rgba(255, 255, 255, 0.75);
   border: 1px solid rgba(130, 154, 166, 0.45);
   border-radius: 16px;
   padding: var(--padding-md);
   box-shadow: inset 0 0 20px rgba(199, 148, 28, 0.05);
 }
 .ev-dash-cal-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 20px;
 }
 .ev-dash-month-title {
   font-weight: 700;
   font-size: 1.2rem;
   letter-spacing: 0.5px;
   color: #1153b8;
   text-shadow: 0 0 10px rgba(46, 100, 205, 0.3);
 }
 .ev-dash-nav-btn {
   background: rgba(255, 255, 255, 0.03);
   border: 1px solid rgb(16 82 184 / 0%);
   color:var(--dark-blue);
   width: 36px;
   height: 36px;
   border-radius: 8px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: all 0.2s ease;
 }
 .ev-dash-nav-btn:hover {
   background: #1052b8;
   color: var(--white);
   box-shadow: 0 0 12px #1444b670;
 }
 .ev-dash-month-brick {
   display: none;
 }
 .ev-dash-month-brick.active-month {
   display: block;
 }
 .ev-dash-cal-grid {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 5px;
   text-align: center;
 }
 .ev-dash-day-label {
   font-size: 0.85rem;
   font-weight: 800;
   color: #ff9f1c;
   text-transform: uppercase;
   /* margin-bottom: 5px; */
 }
 .ev-dash-cal-date {
   font-size: 0.9rem;
   font-weight: 600;
   padding: 8px 0;
   border-radius: 8px;
   color: rgba(0, 0, 0, 0.7);
   background: rgba(0, 0, 0, 0.14);
   cursor: pointer;
   transition: all 0.2s ease;
   position: relative;
   border: 1px solid rgb(0 0 0 / 0%);
 }
 /* Event Available Glow */
 .ev-dash-date-has-event {
   color: #000;
   background: rgba(214, 78, 25, 0.15);
   border: 1px dashed rgba(199, 122, 2, 0.6);
 }
 .ev-dash-date-has-event::after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 6px;
    background: #ff8300;
    border-radius: 50%;
    animation: blinkDot 1s infinite;
}

@keyframes blinkDot {
    0%, 100% {
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }
    50% {
        opacity: 0.2;
        transform: translateX(-50%) scale(1.5);
    }
}
 /* Today Active Highlight */
 .ev-dash-date-today {
   background: #ff9f1c !important;
   color: #040e1a !important;
   font-weight: 800;
   box-shadow: 0 0 10px #ff9f1c;
 }
 /* Active Selection Glow */
 .ev-dash-date-active {
   background: #e1822e !important;
   color: #ffffff !important;
   box-shadow: 0 0 15px #d65f17b0;
   border-color: #b36016;
 }
 /* ==========================================================================
       6 CATEGORY BUTTONS
       ========================================================================== */
 .ev-dash-btn-matrix {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 10px;
   margin-top: 1em;
 }
 .ev-dash-glow-btn {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 6px;
   background: rgba(255, 255, 255, 0.67);
   border-radius: 6px;
   text-decoration: none;
   font-weight: 600;
   font-size: 0.9rem;
   transition: all 0.3s ease;
 }
 .ev-dash-btn-orange {
   border: 2px solid #df5816;
   color: #df5816;
   box-shadow: 0 0 10px rgba(255, 159, 28, 0.1);
 }
 .ev-dash-btn-green {
   border: 2px solid #0db1a2;
   color: #0db1a2;
   box-shadow: 0 0 10px rgba(46, 196, 182, 0.1);
 }
 .ev-dash-btn-blue {
   border: 2px solid #05a0c5;
   color: #05a0c5;
   box-shadow: 0 0 10px rgba(0, 180, 216, 0.1);
 }
 .ev-dash-btn-orange:hover, .ev-dash-btn-orange.active {
   background: #ff9f1c;
   color: #040e1a;
   box-shadow: 0 0 20px #ff9f1c;
 }
 .ev-dash-btn-green:hover, .ev-dash-btn-green.active {
   background: #2ec4b6;
   color: #040e1a;
   box-shadow: 0 0 20px #2ec4b6;
 }
 .ev-dash-btn-blue:hover, .ev-dash-btn-blue.active {
   background: #01cfff;
   color: #040e1a;
   box-shadow: 0 0 20px #01cfff;
 }
 .ev-dash-btn-left {
   display: flex;
   align-items: center;
   gap: 12px;
 }
 /* ==========================================================================
       RIGHT SIDE PANEL TERMINAL
       ========================================================================== */
 .ev-dash-display-panel {
   background: rgba(255, 255, 255, 0.85);
   border: 1px solid rgba(186, 96, 0, 0.31);
   border-radius: 16px;
   padding: var(--padding-md);
   height: 100%;
 }
 .ev-dash-panel-title {
   font-size: 1.2rem;
   font-weight: 700;
   color: var(--dark-blue);
   border-bottom: 1px solid rgb(241 227 227);
   margin-bottom: 1em;
 }
 .ev-dash-event-item {
   background: var(--white);
   padding: var(--padding-md);
   border-radius: 0 12px 12px 0;
   margin-bottom: 15px;
   position: relative;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   overflow: hidden;
 }

.ev-dash-event-item::after {
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    right: -70px;
    bottom: -70px;
    pointer-events: none;
    border-radius: 50%;
    background: rgb(249 249 244);
}

 .ev-dash-event-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.09);
}

.ev-dash-event-item::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 4px;
    height: 100%;
    background: linear-gradient(90deg, rgb(37, 99, 235), rgb(79, 70, 229), rgb(124, 58, 237));
}

 .ev-dash-item-date {
   font-size: 0.8rem;
   font-weight: 700;
   color: var(--accent2);
   margin-bottom: 4px;
   display: flex;
   gap: 0.5em;
   flex-direction: row-reverse;
   justify-content: flex-end;
   align-items: center;
 }
.ev-dash-item-date span:first-child {
   padding-left: 0.5em;
   border-left: 1px solid var(--border);
}
 .ev-dash-item-title {
   font-size: 1.05rem;
   font-weight: 700;
   margin-bottom: 6px;
   color: var(--orange);
 }
 .ev-dash-item-desc {
   font-size: 0.88rem;
   color: rgba(0, 0, 0, 0.88);
   /* margin: 0; */
   line-height: 1.4;
 }
 .ev-dash-empty-state {
   text-align: center;
   color: rgba(255, 255, 255, 0.4);
   padding-top: 80px;
 }


.page-item .previous, .page-item .next, .page-item .first, .page-item .last {
    font-size: 0 !important;
}
.page-item .previous::before, .page-item .next::before, .page-item .first::before, .page-item .last::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: inline-block;
    font-size: 12px !important;
}
.page-item .previous::before {
    content: "\f053";
}
.page-item .next::before {
    content: "\f054";
}
.page-item .first::before {
    content: "\f100";
}
.page-item .last::before {
    content: "\f101";
}

.btn-register, .btn-hero-outline, .btn-hero-primary, .btn, .accessibilitybtn, .nav-tabs .nav-link, .upsm-nav-pills .nav-link, .tq-web-link, .contact-dash-social-circle, #masterTabs .nav-link, .btn-register, .btn-hero-outline, .btn-hero-primary, .btn {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s ease;
}
.btn-register::before, .btn-hero-outline::before, .btn-hero-primary::before, .btn::before, .accessibilitybtn::before, .nav-tabs .nav-link::before, .upsm-nav-pills .nav-link::before, .tq-web-link::before, .contact-dash-social-circle::before, #masterTabs .nav-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient( 120deg, transparent, rgba(255, 255, 255, 0.6), transparent);
    transform: skewX(-25deg);
    transition: left 0.7s ease;
    z-index: 1;
    pointer-events: none;
}
.btn-register > *, .btn-hero-outline > *, .btn-hero-primary > *, .btn > *, .accessibilitybtn > *, .nav-tabs .nav-link > *, .upsm-nav-pills .nav-link > *, .tq-web-link > *, .contact-dash-social-circle > *, #masterTabs .nav-link > * {
    position: relative;
    z-index: 2;
}
.btn-register:hover::before, .btn-hero-outline:hover::before, .btn-hero-primary:hover::before, .btn:hover::before, .accessibilitybtn:hover::before, .nav-tabs .nav-link:hover::before, .upsm-nav-pills .nav-link:hover::before, .tq-web-link:hover::before, .contact-dash-social-circle:hover::before, #masterTabs .nav-link:hover::before {
    left: 150%;
}
.btn-register:hover, .btn-hero-outline:hover, .btn-hero-primary:hover, .btn:hover, .accessibilitybtn:hover, .nav-tabs .nav-link:hover, .upsm-nav-pills .nav-link:hover, .tq-web-link:hover, .contact-dash-social-circle:hover, #masterTabs .nav-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255, 255, 255, 0.2);
}




        .no-events-box {
            width: 100%;
            padding: 2em;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 25px;
            position: relative;
            overflow: hidden;
            flex-direction: column;
            align-content: center;
            background: var(--white);
        }

        .no-events-box::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 4px;
            height: 100%;
            background: linear-gradient(
                90deg,
                #2563eb,
                #4f46e5,
                #7c3aed
            );
        }

        .no-events-icon {
            width: 75px;
            height: 75px;
            min-width: 75px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: #eef4ff;
            color: #2563eb;
            font-size: 32px;
            box-shadow:
                0 6px 18px rgba(37, 99, 235, 0.12);
        }

        .no-events-content {
            text-align: center;
        }

        .no-events-content h3 {
            margin: 0 0 8px;
            font-size: 17px;
            line-height: 1.3;
            font-weight: 700;
            color: #1f2937;
        }

        .no-events-content p {
            margin: 0;
            color: #6b7280;
        }

        .no-events-box::after {
            content: "";
            position: absolute;

            width: 140px;
            height: 140px;

            right: -70px;
            bottom: -70px;

            border-radius: 50%;

            background: rgba(37, 99, 235, 0.04);

            pointer-events: none;
        }

        .no-events-box {
            transition:
                transform 0.3s ease,
                box-shadow 0.3s ease;
        }

        .no-events-box:hover {
            transform: translateY(-3px);

            box-shadow:
                0 15px 35px rgba(0, 0, 0, 0.09);
        }

        .no-events-icon i {
            transition: transform 0.3s ease;
        }

        .no-events-box:hover .no-events-icon i {
            transform: scale(1.1);
        }


.ev-dash-event-item .btn-register{
    font-size: 0.8em;
    padding: 4px 5px;
    text-transform: capitalize;
}
#eventsContainer {
  height: 75vh;
    overflow-y: auto;
}