.elementor-40237 .elementor-element.elementor-element-e0ee40e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overflow:hidden;--padding-top:64px;--padding-bottom:72px;--padding-left:0px;--padding-right:0px;}.elementor-40237 .elementor-element.elementor-element-e0ee40e:not(.elementor-motion-effects-element-type-background), .elementor-40237 .elementor-element.elementor-element-e0ee40e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #08152A 0%, #0056D2 55%);}.elementor-40237 .elementor-element.elementor-element-c55fb75{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-40237 .elementor-element.elementor-element-a8dc65c{width:var( --container-widget-width, 680px );max-width:680px;--container-widget-width:680px;--container-widget-flex-grow:0;}.elementor-40237 .elementor-element.elementor-element-a8dc65c > .elementor-widget-container{margin:0px 0px 14px 0px;}.elementor-40237 .elementor-element.elementor-element-a8dc65c .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:52px;font-weight:700;font-style:italic;line-height:1.1em;letter-spacing:-0.02em;color:#FFFFFF;}.elementor-40237 .elementor-element.elementor-element-266072f{width:var( --container-widget-width, 540px );max-width:540px;--container-widget-width:540px;--container-widget-flex-grow:0;font-family:"Plus Jakarta Sans", Sans-serif;font-size:1rem;font-weight:400;line-height:1.78em;color:#FFFFFFBF;}.elementor-40237 .elementor-element.elementor-element-266072f > .elementor-widget-container{margin:0px 0px 32px 0px;}.elementor-40237 .elementor-element.elementor-element-1689d7f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E8ECF4;--border-color:#E8ECF4;--border-radius:0px 0px 0px 0px;box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.05);--z-index:200;}.elementor-40237 .elementor-element.elementor-element-1689d7f:not(.elementor-motion-effects-element-type-background), .elementor-40237 .elementor-element.elementor-element-1689d7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-40237 .elementor-element.elementor-element-1689d7f.e-con{--align-self:center;}.elementor-40237 .elementor-element.elementor-element-ed39e9e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--flex-wrap:nowrap;--padding-top:36px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-40237 .elementor-element.elementor-element-ed39e9e:not(.elementor-motion-effects-element-type-background), .elementor-40237 .elementor-element.elementor-element-ed39e9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-40237 .elementor-element.elementor-element-1207edf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40237 .elementor-element.elementor-element-a899c74{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40237 .elementor-element.elementor-element-451a470 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40237 .elementor-element.elementor-element-dc66423{--display:flex;}.elementor-40237 .elementor-element.elementor-element-d0357e2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-40237 .elementor-element.elementor-element-c724ca1{--display:flex;--justify-content:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overlay-opacity:0.12;--border-radius:56px 52px 56px 52px;--padding-top:56px;--padding-bottom:56px;--padding-left:52px;--padding-right:52px;}.elementor-40237 .elementor-element.elementor-element-c724ca1:not(.elementor-motion-effects-element-type-background), .elementor-40237 .elementor-element.elementor-element-c724ca1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #0D1B2A 0%, #0056D2 100%);}.elementor-40237 .elementor-element.elementor-element-c724ca1::before, .elementor-40237 .elementor-element.elementor-element-c724ca1 > .elementor-background-video-container::before, .elementor-40237 .elementor-element.elementor-element-c724ca1 > .e-con-inner > .elementor-background-video-container::before, .elementor-40237 .elementor-element.elementor-element-c724ca1 > .elementor-background-slideshow::before, .elementor-40237 .elementor-element.elementor-element-c724ca1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-40237 .elementor-element.elementor-element-c724ca1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://bandung.ut.ac.id/wp-content/uploads/2022/11/background-gedung-ut-bandung.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-40237 .elementor-element.elementor-element-6af95cd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overflow:hidden;}.elementor-40237 .elementor-element.elementor-element-039d415{--display:flex;--justify-content:center;}.elementor-40237 .elementor-element.elementor-element-8359df6{text-align:start;}.elementor-40237 .elementor-element.elementor-element-8359df6 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:2rem;font-weight:700;line-height:1.2em;color:#FFFFFF;}.elementor-40237 .elementor-element.elementor-element-b1f3058{text-align:justify;}.elementor-40237 .elementor-element.elementor-element-b1f3058 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.92rem;font-weight:400;line-height:1.7em;letter-spacing:0.4px;color:#FFFFFF;}.elementor-40237 .elementor-element.elementor-element-5e3fa28{--display:flex;}.elementor-40237 .elementor-element.elementor-element-797fb35 .elementor-button{background-color:#FF9D1B;font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.88rem;font-weight:700;fill:#0D1B2A;color:#0D1B2A;box-shadow:0px 4px 20px 0px rgba(255, 157.00000000000006, 26.99999999999999, 0.3);border-style:none;border-radius:100px 100px 100px 100px;padding:13px 28px 13px 28px;}.elementor-40237 .elementor-element.elementor-element-797fb35 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-40237 .elementor-element.elementor-element-797fb35 .elementor-button-content-wrapper{flex-direction:row;}.elementor-40237 .elementor-element.elementor-element-797fb35 .elementor-button:hover, .elementor-40237 .elementor-element.elementor-element-797fb35 .elementor-button:focus{box-shadow:0px 8px 28px 0px rgba(255, 157.00000000000006, 26.99999999999999, 0.42);}.elementor-40237 .elementor-element.elementor-element-2ad7849 .elementor-button{background-color:#02010100;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:100px 100px 100px 100px;padding:11px 26px 11px 26px;}.elementor-40237 .elementor-element.elementor-element-2ad7849 .elementor-button:hover, .elementor-40237 .elementor-element.elementor-element-2ad7849 .elementor-button:focus{background-color:#FFFFFF1A;border-color:#FFFFFF;}.elementor-40237 .elementor-element.elementor-element-2ad7849 .elementor-button-content-wrapper{flex-direction:row;}.elementor-40237 .elementor-element.elementor-element-db03cc5 .elementor-button{background-color:#02010100;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:100px 100px 100px 100px;padding:11px 26px 11px 26px;}.elementor-40237 .elementor-element.elementor-element-db03cc5 .elementor-button:hover, .elementor-40237 .elementor-element.elementor-element-db03cc5 .elementor-button:focus{background-color:#FFFFFF1A;border-color:#FFFFFF;}.elementor-40237 .elementor-element.elementor-element-db03cc5 .elementor-button-content-wrapper{flex-direction:row;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-40237 .elementor-element.elementor-element-a8dc65c .elementor-heading-title{font-size:38px;}.elementor-40237 .elementor-element.elementor-element-797fb35{width:auto;max-width:auto;}.elementor-40237 .elementor-element.elementor-element-2ad7849{width:auto;max-width:auto;}.elementor-40237 .elementor-element.elementor-element-db03cc5{width:auto;max-width:auto;}}@media(max-width:767px){.elementor-40237 .elementor-element.elementor-element-a8dc65c .elementor-heading-title{font-size:30px;}.elementor-40237 .elementor-element.elementor-element-8359df6{text-align:center;}.elementor-40237 .elementor-element.elementor-element-b1f3058{text-align:center;}}@media(min-width:768px){.elementor-40237 .elementor-element.elementor-element-e0ee40e{--width:100%;}.elementor-40237 .elementor-element.elementor-element-1207edf{--width:30%;}.elementor-40237 .elementor-element.elementor-element-039d415{--width:82.665%;}.elementor-40237 .elementor-element.elementor-element-5e3fa28{--width:17%;}}@media(max-width:1024px) and (min-width:768px){.elementor-40237 .elementor-element.elementor-element-039d415{--width:100%;}.elementor-40237 .elementor-element.elementor-element-5e3fa28{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-10be38b */.hero-page-badge {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: rgba(255, 157, 27, 0.18);
        border: 1px solid rgba(255, 157, 27, 0.35);
        color: #ffd98a;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 5px 14px;
        border-radius: 100px;
        margin-bottom: 20px;
      }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a8dc65c */.elementor-40237 .elementor-element.elementor-element-a8dc65c em {
    font-style: italic;
    color: #FFD98A;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e0ee40e *//* Grid overlay */ 
.elementor-40237 .elementor-element.elementor-element-e0ee40e::before { content:'';
                      position:absolute;
                      inset:0; background-image:
                      linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
                      background-size:44px 44px;
                      pointer-events:none; }
 /* Radial glow blobs */
  .elementor-40237 .elementor-element.elementor-element-e0ee40e::after {
                      content:''; position:absolute; inset:0; background:
                      radial-gradient(ellipse 55% 70% at 85% 30%, rgba(255,157,27,.13) 0%,
                      transparent 60%), radial-gradient(ellipse 45% 55% at 8% 80%,
                      rgba(29,109,220,.35) 0%, transparent 55%); pointer-events:none; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a899c74 */.elementor-40237 .elementor-element.elementor-element-a899c74 { min-width: 0;}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8359df6 */h2 em {
    font-style: italic;
    color: #FF9D1B;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b1f3058 */p {
    max-width: 480px;

}/* End custom CSS */
/* Start custom CSS */:root {
        --primary: #0056d2;
        --secondary: #1d6ddc;
        --accent: #ff9d1b;
        --bg: #f9f9f9;
        --white: #fff;
        --dark: #0d1b2a;
        --g100: #f4f6fa;
        --g200: #e8ecf4;
        --g400: #9ba8bb;
        --g600: #5c6b82;
        --g800: #2d3748;
        --r-sm: 8px;
        --r-md: 14px;
        --r-lg: 24px;
        --shadow-sm: 0 2px 8px rgba(0, 86, 210, 0.07);
        --shadow-md: 0 8px 32px rgba(0, 86, 210, 0.12);
        --shadow-lg: 0 24px 64px rgba(0, 86, 210, 0.16);
        --fhead: 'Fraunces', serif;
        --fbody: 'Plus Jakarta Sans', sans-serif;
        --ease: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        /* warna per fakultas */
        --c-fhisip: #f17e00;
        --c-feb: #1aafc2;
        --c-fst: #0849f7;
        --c-fkip: #8e13ec;
        --c-sps: #a9efff;
        --c-vokasi: #f17e00;
      }

      
 .filter-bar {
        background: #fff;

        position: sticky;
        top: 0;
        z-index: 200;
      }
      .filter-bar .e-con {
        height: 56px;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 16px;
        padding: 0 24px;
      }

/* Tab row */
      .ftabs {
        display: flex;
        gap: 0;
        height: 56px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
      }
      .ftabs::-webkit-scrollbar {
        display: none;
      }
      .ftab {
        font-size: 0.83rem;
        font-weight: 600;
        color: var(--g400);
        padding: 0 20px;
        height: 100%;
        white-space: nowrap;
        border: none;
        background: none;
        cursor: pointer;
        border-bottom: 2px solid transparent;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        transition: var(--ease);
      }
      .ftab:hover {
        color: var(--primary);
      }
      .ftab.on {
        color: var(--primary);
        border-bottom-color: var(--primary);
      }
      .ftab-n {
        font-size: 0.63rem;
        font-weight: 800;
        padding: 2px 6px;
        background: var(--g200);
        color: var(--g600);
        border-radius: 100px;
        transition: var(--ease);
      }
      .ftab.on .ftab-n {
        background: rgba(0, 86, 210, 0.12);
        color: var(--primary);
      }
      
       .filter-search-wrap {
        position: relative;
        flex-shrink: 0;
      }
      .filter-search {
        border: 1px solid var(--g200);
        border-radius: 100px !important;
        padding: 8px 14px 8px 36px !important;
        font-size: 0.82rem;
        font-family: var(--fbody);
        color: var(--dark);
        background: var(--g100);
        outline: none;
        width: 220px;
        transition: var(--ease);
      }
      .filter-search::placeholder {
        color: var(--g400);
      }
      .filter-search:focus {
        border-color: var(--primary);
        background: #fff;
        box-shadow: 0 0 0 3px rgba(0, 86, 210, 0.1);
      }
      .filter-search-ico {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--g400);
        pointer-events: none;
        font-size: 0.85rem;
      }
      
      /* SIDEBAR */
      .sb-box {
        background: #fff;
        border: 1px solid var(--g200);
        border-radius: var(--r-md);
        overflow: hidden;
        box-shadow: var(--shadow-sm);
      }
      .sb-box-head {
        padding: 12px 16px;
        border-bottom: 1px solid var(--g200);
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--g600);
        display: flex;
        align-items: center;
        gap: 7px;
        background: var(--g100);
      }
      .sb-box-head::before {
        content: '';
        width: 3px;
        height: 12px;
        background: var(--primary);
        border-radius: 3px;
      }
      .sb-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 16px;
        font-size: 0.84rem;
        font-weight: 500;
        color: var(--g800);
        cursor: pointer;
        transition: var(--ease);
        border-bottom: 1px solid var(--g100);
        gap: 8px;
      }
      .sb-item:last-child {
        border-bottom: none;
      }
      .sb-item:hover {
        background: rgba(0, 86, 210, 0.03);
        color: var(--primary);
      }
      .sb-item.on {
        background: rgba(0, 86, 210, 0.05);
        color: var(--primary);
        font-weight: 700;
      }
      .sb-item-inner {
        display: flex;
        align-items: center;
        gap: 8px;
      }
      .sb-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        flex-shrink: 0;
      }
      .sb-count {
        font-size: 0.67rem;
        font-weight: 700;
        background: var(--g100);
        color: var(--g400);
        padding: 2px 7px;
        border-radius: 100px;
        flex-shrink: 0;
        transition: var(--ease);
      }
      .sb-item.on .sb-count {
        background: rgba(0, 86, 210, 0.1);
        color: var(--primary);
      }
      
      /* result bar */
      .result-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 10px;
      }
      .result-txt {
        font-size: 0.82rem;
        color: var(--g600);
      }
      .result-txt strong {
        color: var(--dark);
        font-weight: 700;
      }
      .view-toggle {
        display: flex;
        gap: 3px;
        background: var(--g100);
        border: 1px solid var(--g200);
        border-radius: var(--r-sm);
        padding: 3px;
      }
      .vt-btn {
        width: 30px;
        height: 28px;
        border: none;
        background: none;
        border-radius: 5px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--g400);
        transition: var(--ease);
        font-size: 0.88rem;
      }
      .vt-btn.on {
        background: #fff;
        color: var(--primary);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
      }
/* ── FACULTY GROUP HEADER ── */
      .fac-group-head {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 0 10px;
        margin-bottom: 12px;
        border-bottom: 2px solid var(--g200);
        width: 100%;
      }
      .fac-group-head-dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        flex-shrink: 0;
      }
      .fac-group-head h2 {
        font-size: 0.8rem;
        font-weight: 800;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: var(--g600);
      }
      .fac-group-head-count {
        font-size: 0.68rem;
        font-weight: 700;
        color: var(--g400);
        background: var(--g100);
        padding: 2px 8px;
        border-radius: 100px;
      }
      .fac-group-head-akre {
        font-size: 0.7rem;
        font-weight: 700;
        color: var(--g400);
        margin-left: auto;
      }

      /* ── PROGRAM CARD (identik homepage + ekstensi) ── */
      .programs-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
        width: 100%;
        margin-bottom: 32px;
      }
      .prog-card {
        background: var(--g100);
        border: 1px solid var(--g200);
        border-radius: var(--r-md);
        padding: 20px 18px;
        cursor: pointer;
        transition: var(--ease);
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        text-decoration: none;
        color: inherit;
      }
      .prog-card::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, var(--primary), var(--secondary));
        transform: scaleX(0);
        transform-origin: left;
        transition: var(--ease);
      }
      .prog-card:hover {
        background: #fff;
        box-shadow: var(--shadow-md);
        transform: translateY(-4px);
      }
      .prog-card:hover::after {
        transform: scaleX(1);
      }
      .prog-card-top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 12px;
        gap: 8px;
      }
      .prog-card-ico {
        width: 42px;
        height: 42px;
        border-radius: var(--r-sm);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        flex-shrink: 0;
        transition: var(--ease);
      }
      .prog-card:hover .prog-card-ico {
        filter: brightness(1.1) saturate(1.2);
      }
      .prog-fac-badge {
        font-size: 0.6rem;
        font-weight: 800;
        padding: 3px 8px;
        border-radius: 100px;
        border: 1px solid;
        white-space: nowrap;
        align-self: flex-start;
      }
      .prog-card h3 {
        font-size: 0.88rem;
        font-weight: 700;
        color: var(--dark);
        line-height: 1.38;
        flex: 1;
        margin-bottom: 4px;
      }
      .prog-card-fac {
        font-size: 0.73rem;
        color: var(--g400);
        margin-bottom: 12px;
      }
      .prog-card-note {
        font-size: 0.66rem;
        font-style: italic;
        color: var(--g400);
        margin-top: -8px;
        margin-bottom: 12px;
        line-height: 1.4;
      }
      .prog-card-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: auto;
        padding-top: 12px;
        border-top: 1px solid var(--g100);
        gap: 8px;
      }
      .prog-badge {
        font-size: 0.66rem;
        font-weight: 700;
        padding: 3px 9px;
        border-radius: 100px;
      }
      .prog-akre {
        font-size: 0.66rem;
        font-weight: 700;
        display: flex;
        align-items: center;
        gap: 4px;
        color: var(--g400);
      }
      .prog-akre-dot {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--g200);
      }
      .prog-akre.a {
        color: #065f46;
      }
      .prog-akre.a .prog-akre-dot {
        background: #10b981;
      }
      .prog-akre.b {
        color: var(--g600);
      }
      .prog-akre.b .prog-akre-dot {
        background: var(--g400);
      }

      /* Card hidden by filter */
      .prog-card.hidden {
        display: none;
      }

      /* ── EMPTY STATE ── */
      .empty-state {
        grid-column: 1/-1;
        padding: 56px 0;
        text-align: center;
        display: none;
      }
      .empty-state.show {
        display: block;
      }
      .empty-ico {
        font-size: 3rem;
        margin-bottom: 12px;
      }
      .empty-state h3 {
        font-size: 0.97rem;
        font-weight: 700;
        color: var(--g600);
        margin-bottom: 6px;
      }
      .empty-state p {
        font-size: 0.82rem;
        color: var(--g400);
      }
      
      
 /* ══════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════ */
      @media (max-width: 1024px) {
        .ps-sidebar {
          display: none;
        }
        .programs-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .jenjang-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .faq-ps .e-con {
          flex-wrap: wrap;
        }
        .faq-ps-left {
          flex: 0 0 100%;
        }
      }
      @media (max-width: 768px) {
        .e-con {
          padding: 0 16px;
        }
        .ps-hero {
          padding: 44px 0 52px;
        }
        .ps-hero-stats {
          gap: 20px;
        }
        .programs-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .filter-bar .e-con {
          height: auto;
          padding: 10px 16px;
          flex-wrap: wrap;
          gap: 10px;
        }
        .ftabs {
          height: 44px;
        }
        .filter-search {
          width: 160px;
        }
        .cta-ps .e-con {
          flex-direction: column;
          text-align: center;
        }
        .cta-ps-btns {
          justify-content: center;
        }
        .jenjang-grid {
          grid-template-columns: 1fr;
        }
      }
      @media (max-width: 480px) {
        .programs-grid {
          grid-template-columns: 1fr;
        }
        .view-toggle{
            display: none;
        }
        .hero-fac-pills {
          gap: 6px;
        }
        .hfp {
          font-size: 0.7rem;
          padding: 5px 10px;
        }
      }/* End custom CSS */