/* =====================================================
   Rising Bharat Home + Header CSS
   File: public_html/assets/css/rb-home-opportunities.css
===================================================== */

* {
    box-sizing: border-box;
}

/* ==============================
   Header
============================== */

.rb-main-header {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #edf2f7;
    box-shadow: 0 2px 14px rgba(15, 35, 90, 0.05);
    position: sticky;
    top: 0;
    z-index: 9999;
}

.rb-nav {
    width: 100%;
    max-width: 1180px;
    height: 78px;
    margin: 0 auto;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.rb-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #062b63;
    text-decoration: none;
    flex-shrink: 0;
}

.rb-brand:hover,
.rb-brand:visited,
.rb-brand:active {
    color: #062b63;
    text-decoration: none;
}

.rb-brand img {
    height: 58px;
    width: auto;
    object-fit: contain;
    display: block;
}

.rb-brand-text {
    display: block;
}

.rb-brand h3 {
    margin: 0;
    font-size: 22px;
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: -0.3px;
}

.rb-brand h3 span {
    font-size: inherit;
    font-weight: inherit;
}

.rb-brand-text > span {
    display: block;
    margin-top: 3px;
    font-size: 11px;
    line-height: 1.25;
    color: #53627a;
    font-weight: 600;
    white-space: nowrap;
}

.logo-black {
    color: #06142f;
}

.logo-blue {
    color: #006dff;
}

.rb-mobile-menu-btn {
    display: none;
    width: 58px;
    height: 58px;
    border: 0;
    border-radius: 14px;
    background: #062b63;
    color: #ffffff;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rb-modern-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
    flex: 1;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rb-modern-menu a,
.rb-nav-dropdown-button {
    color: #06142f;
    text-decoration: none;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    padding: 12px 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: inherit;
    white-space: nowrap;
}

.rb-modern-menu a:link,
.rb-modern-menu a:visited,
.rb-modern-menu a:hover,
.rb-modern-menu a:active {
    text-decoration: none;
}

.rb-modern-menu a:hover,
.rb-nav-dropdown-button:hover,
.rb-modern-menu a.active,
.rb-nav-dropdown-button.active {
    color: #006dff;
}

.rb-nav-dropdown {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.rb-nav-dropdown-menu {
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    min-width: 190px;
    background: #ffffff;
    border: 1px solid #e7effd;
    border-radius: 14px;
    box-shadow: 0 18px 45px rgba(15, 35, 90, 0.14);
    padding: 10px;
    display: none;
    z-index: 10000;
}

.rb-nav-dropdown:hover .rb-nav-dropdown-menu,
.rb-nav-dropdown.open .rb-nav-dropdown-menu,
.rb-nav-dropdown:focus-within .rb-nav-dropdown-menu {
    display: block;
}

.rb-nav-dropdown-menu a {
    display: flex;
    width: 100%;
    padding: 12px 14px;
    border-radius: 10px;
    color: #062b63;
    background: #ffffff;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.rb-nav-dropdown-menu a:hover {
    background: #eef6ff;
    color: #006dff;
}

.new-badge-menu {
    background: #13b954;
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    padding: 4px 7px;
    border-radius: 6px;
    margin-left: 4px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}

.rb-modern-menu .modern-login {
    background: #062b63;
    color: #ffffff;
    padding: 13px 20px;
    border-radius: 8px;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(6, 43, 99, 0.18);
}

.rb-modern-menu .modern-login:hover {
    background: #004aad;
    color: #ffffff;
}

/* ==============================
   Hero
============================== */

.rb-home-hero {
    min-height: 620px;
    padding: 78px 0 98px;
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.94) 32%,
            rgba(255,255,255,.70) 52%,
            rgba(255,255,255,.10) 78%,
            rgba(255,255,255,0) 100%
        ),
        url("../images/hero-building.jpg");
    background-size: cover;
    background-position: center right;
}

.rb-hero-content {
    max-width: 650px;
}

.rb-mobile-title {
    display: none;
}

.rb-hero-content p {
    max-width: 590px;
    color: #233859;
    font-size: 17px;
    line-height: 1.7;
    font-weight: 600;
}

.rb-home-search {
    width: 90%;
    max-width: 1180px;
    margin: -38px auto 22px;
    position: relative;
    z-index: 10;
    background: #ffffff;
    border: 1px solid #dbeafe;
    box-shadow: 0 18px 45px rgba(15,35,90,.14);
    grid-template-columns: 1fr 190px 120px;
}

.rb-home-search button {
    background: #062b63;
    color: #ffffff;
    cursor: pointer;
}

/* ==============================
   Sections
============================== */

.rb-opportunities-section,
.rb-departments-section,
.rb-latest-section {
    padding: 28px 0;
}

.rb-section-title-row,
.rb-latest-title-row {
    margin-bottom: 18px;
}

.rb-section-title-row h2,
.rb-latest-title-row h2 {
    font-size: 28px;
    line-height: 1.2;
    margin: 0;
    color: #062b63;
}

.rb-section-title-row a,
.rb-latest-title-row > a {
    color: #062b63;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
}

/* ==============================
   Opportunity Cards
============================== */

.rb-opportunity-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.rb-opportunity-card {
    min-height: 188px;
    border-radius: 18px;
    background: #ffffff;
    border: 1.5px solid #dbeafe;
    box-shadow: 0 10px 28px rgba(15,35,90,.055);
    text-decoration: none;
    padding: 28px 22px 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: .25s ease;
}

.rb-opportunity-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 45px rgba(15,35,90,.11);
    text-decoration: none;
}

.rb-opportunity-icon {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 31px;
    margin-bottom: 16px;
}

.rb-opportunity-card strong {
    font-size: 20px;
    color: #062b63;
    margin-bottom: 9px;
}

.rb-opportunity-card p {
    margin: 0;
    color: #53627a;
    font-size: 14px;
    line-height: 1.55;
}

.rb-opportunity-card em {
    margin-top: auto;
    padding-top: 14px;
    font-style: normal;
    font-size: 14px;
    font-weight: 900;
}

.rb-card-job {
    background: linear-gradient(135deg,#f7fbff,#eef6ff);
    border-color: #72a7ff;
}

.rb-card-job .rb-opportunity-icon {
    background: linear-gradient(135deg,#0b5ed7,#006dff);
}

.rb-card-job em {
    color: #0b5ed7;
}

.rb-card-internship {
    background: linear-gradient(135deg,#fffaf5,#fff3e8);
    border-color: #ffe1c5;
}

.rb-card-internship .rb-opportunity-icon {
    background: linear-gradient(135deg,#ff8a00,#ff6a00);
}

.rb-card-internship em {
    color: #e66500;
}

.rb-card-scholarship {
    background: linear-gradient(135deg,#f7fffb,#eefbf4);
    border-color: #ccefdc;
}

.rb-card-scholarship .rb-opportunity-icon {
    background: linear-gradient(135deg,#17b45b,#09a84f);
}

.rb-card-scholarship em {
    color: #0c9b48;
}

.rb-card-course {
    background: linear-gradient(135deg,#fbf8ff,#f4edff);
    border-color: #e8d8ff;
}

.rb-card-course .rb-opportunity-icon {
    background: linear-gradient(135deg,#8c3df2,#7226dd);
}

.rb-card-course em {
    color: #7226dd;
}

/* ==============================
   Departments
============================== */

.rb-dept-card {
    text-decoration: none;
    min-width: 178px;
    min-height: 118px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.rb-dept-card img {
    width: 64px;
    height: 64px;
    object-fit: contain;
}

.rb-dept-card strong {
    line-height: 1.25;
    color: #062b63;
}

/* ==============================
   Latest Opportunities
============================== */

.rb-opportunity-tabs {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
    flex-wrap: wrap;
}

.rb-opportunity-tabs a {
    text-decoration: none;
    border-radius: 999px;
    padding: 9px 16px;
    background: #f2f8ff;
    color: #062b63;
    font-weight: 900;
    font-size: 13px;
}

.rb-opportunity-tabs a:nth-child(1) {
    background: #eaf4ff;
    color: #0b5ed7;
}

.rb-opportunity-tabs a:nth-child(2) {
    background: #ecfdf3;
    color: #0c9b48;
}

.rb-opportunity-tabs a:nth-child(3) {
    background: #fff4e8;
    color: #e66500;
}

.rb-latest-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.rb-latest-card {
    padding: 14px;
    border-radius: 18px;
    border: 1px solid #e7effd;
    box-shadow: 0 12px 32px rgba(15,35,90,.075);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
}

.rb-latest-card .internship-thumb {
    width: 100%;
    height: 128px;
    object-fit: cover;
    border-radius: 14px;
    margin: 0 0 12px;
}

.rb-card-top {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: flex-start;
    margin-bottom: 9px;
}

.rb-badge-row {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.rb-category-badge,
.rb-type-badge,
.rb-days-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 999px;
    padding: 6px 9px;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
}

.rb-category-badge {
    background: #eaf4ff;
    color: #0b5ed7;
}

.rb-type-badge {
    background: #ecfdf3;
    color: #0c9b48;
}

.rb-type-badge.paid {
    background: #ecfdf3;
    color: #0c9b48;
}

.rb-type-badge.unpaid {
    background: #fff4e8;
    color: #e66500;
}

.rb-days-badge {
    background: #fff1f2;
    color: #be123c;
    white-space: nowrap;
}

.rb-latest-card h3 {
    color: #062b63;
    font-size: 16px;
    line-height: 1.27;
    margin: 0 0 12px;
    font-weight: 900;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rb-info-grid {
    list-style: none;
    padding: 0;
    margin: 0 0 14px;
    display: grid;
    gap: 8px;
}

.rb-info-grid li {
    color: #53627a;
    font-size: 12px;
    line-height: 1.35;
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rb-info-grid li i {
    color: #6b7a90;
    flex: 0 0 auto;
}

.rb-scholarship-info-grid {
    grid-template-columns: 1fr;
}

.rb-latest-card .apply-btn {
    margin-top: auto;
    text-decoration: none;
    border-radius: 11px;
    padding: 11px 14px;
    font-size: 13px;
}

.rb-empty-card {
    grid-column: 1 / -1;
    background: #ffffff;
    border: 1px solid #e7effd;
    border-radius: 18px;
    padding: 30px;
    text-align: center;
}

/* ==============================
   Alert / Trust
============================== */

.rb-alert-banner {
    padding: 20px 0;
}

.rb-alert-flex {
    padding: 20px 28px;
    border-radius: 15px;
    background: #eaf4ff;
}

.rb-alert-left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.rb-alert-icon {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #0b5ed7;
    font-size: 24px;
    flex: 0 0 auto;
}

.rb-trust-container {
    padding-bottom: 22px;
}

/* ==============================
   Tablet
============================== */

@media (max-width: 1200px) {
    .rb-latest-grid,
    .rb-opportunity-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ==============================
   Mobile
============================== */

@media (max-width: 900px) {
    .rb-nav {
        height: 92px;
        padding: 8px 18px;
        gap: 12px;
    }

    .rb-brand img {
        height: 68px;
    }

    .rb-brand h3 {
        font-size: 23px;
    }

    .rb-brand-text > span {
        font-size: 12px;
        max-width: 230px;
        white-space: normal;
    }

    .rb-mobile-menu-btn {
        display: flex;
    }

    .rb-modern-menu {
        position: fixed;
        top: 92px;
        left: 0;
        right: 0;
        width: 100%;
        background: #ffffff;
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 18px 22px 24px;
        box-shadow: 0 18px 45px rgba(15, 35, 90, 0.16);
        z-index: 9998;
        max-height: calc(100vh - 92px);
        overflow-y: auto;
    }

    .rb-modern-menu.active {
        display: flex;
    }

    .rb-modern-menu a,
    .rb-nav-dropdown-button {
        width: 100%;
        justify-content: space-between;
        color: #062b63;
        padding: 15px 0;
        border-bottom: 1px solid #e5e7eb;
        font-size: 16px;
        text-decoration: none;
    }

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

    .rb-nav-dropdown-menu {
        position: static;
        box-shadow: none;
        border: none;
        border-radius: 0;
        padding: 6px 0 8px 12px;
        display: none;
        background: #ffffff;
        min-width: 0;
    }

    .rb-nav-dropdown:hover .rb-nav-dropdown-menu {
        display: none;
    }

    .rb-nav-dropdown.open .rb-nav-dropdown-menu {
        display: block;
    }

    .rb-nav-dropdown-menu a {
        background: #f8fbff;
        margin-top: 6px;
        border-bottom: none;
        padding: 12px 14px;
        border-radius: 10px;
        font-size: 14px;
    }

    .rb-modern-menu .modern-login {
        margin-top: 14px;
        text-align: center;
        justify-content: center;
        border-bottom: none;
        color: #ffffff;
    }

    .rb-home-hero {
        min-height: auto;
        padding: 34px 0 30px;
        background: #ffffff;
        border-bottom: 1px solid #edf2fb;
        text-align: center;
    }

    .rb-desktop-title {
        display: none;
    }

    .rb-mobile-title {
        display: block;
        font-size: 28px;
        line-height: 1.16;
        color: #062b63;
        margin: 0 0 12px;
        font-weight: 900;
    }

    .rb-tricolor-line,
    .rb-hero-buttons,
    .rb-hero-feature-box {
        display: none;
    }

    .rb-hero-content p {
        max-width: 350px;
        margin: 0 auto;
        font-size: 15.5px;
        line-height: 1.65;
        color: #334155;
    }

    .rb-home-search {
        display: none;
    }

    .rb-opportunities-section,
    .rb-departments-section,
    .rb-latest-section {
        padding: 22px 0;
    }

    .rb-section-title-row,
    .rb-latest-title-row {
        margin-bottom: 15px;
        align-items: center;
    }

    .rb-section-title-row h2,
    .rb-latest-title-row h2 {
        font-size: 22px;
    }

    .rb-section-title-row a,
    .rb-latest-title-row > a {
        font-size: 12px;
    }

    .rb-opportunity-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .rb-opportunity-card {
        min-height: 208px;
        padding: 18px 12px 16px;
        border-radius: 15px;
    }

    .rb-opportunity-icon {
        width: 58px;
        height: 58px;
        font-size: 28px;
        margin-bottom: 12px;
    }

    .rb-opportunity-card strong {
        font-size: 16px;
    }

    .rb-opportunity-card p {
        font-size: 13px;
        line-height: 1.55;
    }

    .rb-opportunity-card em {
        font-size: 13px;
    }

    .rb-dept-card {
        min-width: 142px;
        min-height: 142px;
        padding: 18px 10px;
        border-radius: 14px;
    }

    .rb-dept-card img {
        width: 58px;
        height: 58px;
    }

    .dept-control.prev {
        left: -8px;
    }

    .dept-control.next {
        right: -8px;
    }

    .dept-control {
        width: 44px;
        height: 44px;
    }

    .rb-latest-title-row {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 12px;
    }

    .rb-opportunity-tabs {
        gap: 8px;
        margin-top: 12px;
    }

    .rb-opportunity-tabs a {
        font-size: 12px;
        padding: 8px 12px;
    }

    .rb-latest-grid {
        display: flex;
        flex-direction: column;
        gap: 13px;
    }

    .rb-latest-card {
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr);
        gap: 12px;
        padding: 14px;
        border-radius: 17px;
        position: relative;
    }

    .rb-latest-card .internship-thumb {
        width: 92px;
        height: 92px;
        margin: 0;
        border-radius: 13px;
    }

    .rb-latest-card .rb-card-content {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .rb-card-top {
        margin-bottom: 7px;
    }

    .rb-category-badge,
    .rb-type-badge,
    .rb-days-badge {
        font-size: 9.5px;
        padding: 5px 7px;
    }

    .rb-days-badge {
        display: none;
    }

    .rb-latest-card h3 {
        font-size: 15px;
        margin-bottom: 8px;
        -webkit-line-clamp: 2;
    }

    .rb-info-grid {
        gap: 6px;
        margin-bottom: 10px;
    }

    .rb-info-grid li {
        font-size: 11.5px;
    }

    .rb-latest-card .apply-btn {
        align-self: flex-end;
        width: auto;
        min-width: 118px;
        padding: 9px 12px;
        font-size: 12px;
        border-radius: 10px;
    }

    .rb-alert-flex {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 20px;
    }

    .rb-alert-left {
        align-items: flex-start;
    }

    .rb-trust-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

@media (max-width: 380px) {
    .rb-brand img {
        height: 58px;
    }

    .rb-brand h3 {
        font-size: 20px;
    }

    .rb-brand-text > span {
        font-size: 11px;
    }

    .rb-mobile-menu-btn {
        width: 52px;
        height: 52px;
    }

    .rb-opportunity-grid {
        gap: 10px;
    }
}/* =====================================================
   HOME LATEST OPPORTUNITIES - SAME AS INTERNSHIP CARD
   3 cards only on desktop
===================================================== */

.rb-section-title-no-button {
    justify-content: flex-start !important;
}

.latest-section .modern-internship-grid,
.rb-latest-section .modern-internship-grid,
.rb-latest-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-items: stretch !important;
}

.latest-section .rb-internship-card,
.rb-latest-section .rb-internship-card {
    display: flex !important;
    flex-direction: column !important;
    padding: 16px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #edf2fb !important;
    box-shadow: 0 8px 22px rgba(15,35,90,.055) !important;
}

.latest-section .internship-thumb,
.rb-latest-section .internship-thumb {
    width: 100% !important;
    height: 145px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    margin-bottom: 13px !important;
}

.latest-section .rb-card-top,
.rb-latest-section .rb-card-top {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin-bottom: 9px !important;
    flex-wrap: wrap !important;
}

.latest-section .rb-badge-row,
.rb-latest-section .rb-badge-row {
    display: flex !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

.latest-section .rb-days-badge,
.latest-section .rb-category-badge,
.latest-section .rb-type-badge,
.rb-latest-section .rb-days-badge,
.rb-latest-section .rb-category-badge,
.rb-latest-section .rb-type-badge {
    font-size: 10.5px !important;
    padding: 5px 9px !important;
    line-height: 1 !important;
    border-radius: 999px !important;
}

.latest-section .rb-days-badge,
.rb-latest-section .rb-days-badge {
    color: #b42318 !important;
    background: #fff1f1 !important;
}

.latest-section .rb-category-badge,
.rb-latest-section .rb-category-badge {
    background: #eaf4ff !important;
    color: #0b5ed7 !important;
}

.latest-section .rb-type-badge,
.rb-latest-section .rb-type-badge {
    background: #ecfdf3 !important;
    color: #0c9b48 !important;
}

.latest-section .rb-type-badge.unpaid,
.rb-latest-section .rb-type-badge.unpaid {
    background: #fff4e8 !important;
    color: #e66500 !important;
}

.latest-section .rb-internship-card h3,
.rb-latest-section .rb-internship-card h3 {
    font-size: 17px !important;
    line-height: 1.25 !important;
    margin: 0 0 12px !important;
    font-weight: 900 !important;
    color: #062b63 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.latest-section .rb-info-grid,
.rb-latest-section .rb-info-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px 10px !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    list-style: none !important;
}

.latest-section .rb-scholarship-info-grid,
.rb-latest-section .rb-scholarship-info-grid {
    grid-template-columns: 1fr !important;
}

.latest-section .rb-info-grid li,
.rb-latest-section .rb-info-grid li {
    font-size: 12px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: #26364d !important;
    font-weight: 700 !important;
}

.latest-section .apply-btn,
.rb-latest-section .apply-btn {
    width: 100% !important;
    padding: 11px 14px !important;
    font-size: 13px !important;
    border-radius: 11px !important;
    margin-top: auto !important;
    background: #062b63 !important;
    color: #ffffff !important;
    text-align: center !important;
    text-decoration: none !important;
    font-weight: 900 !important;
}

.latest-section .rb-premium-note,
.rb-latest-section .rb-premium-note {
    font-size: 11px !important;
    margin: 9px 0 0 !important;
    text-align: center !important;
}

/* Tablet */
@media(min-width:769px) and (max-width:1100px) {
    .latest-section .modern-internship-grid,
    .rb-latest-section .modern-internship-grid,
    .rb-latest-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Mobile - same as internship page card */
@media(max-width:768px) {
    .latest-section .modern-internship-grid,
    .rb-latest-section .modern-internship-grid,
    .rb-latest-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .latest-section .rb-internship-card,
    .rb-latest-section .rb-internship-card {
        display: grid !important;
        grid-template-columns: 112px minmax(0, 1fr) !important;
        gap: 12px !important;
        width: 100% !important;
        padding: 48px 12px 12px !important;
        min-height: 204px !important;
        border-radius: 18px !important;
        background: #ffffff !important;
        border: 1px solid #edf2fb !important;
        box-shadow: 0 8px 22px rgba(15,35,90,.055) !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        position: relative !important;
        align-items: start !important;
    }

    .latest-section .rb-card-top,
    .rb-latest-section .rb-card-top {
        position: absolute !important;
        top: 12px !important;
        left: 12px !important;
        right: 12px !important;
        height: 25px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        gap: 4px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .latest-section .rb-badge-row,
    .rb-latest-section .rb-badge-row {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        gap: 4px !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-left: auto !important;
        overflow: hidden !important;
        flex-shrink: 0 !important;
    }

    .latest-section .rb-days-badge,
    .latest-section .rb-category-badge,
    .latest-section .rb-type-badge,
    .rb-latest-section .rb-days-badge,
    .rb-latest-section .rb-category-badge,
    .rb-latest-section .rb-type-badge {
        height: 24px !important;
        min-height: 24px !important;
        padding: 0 5px !important;
        font-size: 9px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;
        border-radius: 999px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .latest-section .rb-days-badge,
    .rb-latest-section .rb-days-badge {
        flex: 1 1 auto !important;
        max-width: 115px !important;
        min-width: 0 !important;
    }

    .latest-section .rb-days-badge i,
    .rb-latest-section .rb-days-badge i {
        display: none !important;
    }

    .latest-section .rb-category-badge,
    .rb-latest-section .rb-category-badge {
        flex: 0 1 78px !important;
        max-width: 78px !important;
        min-width: 0 !important;
    }

    .latest-section .rb-type-badge,
    .rb-latest-section .rb-type-badge {
        flex: 0 0 48px !important;
        max-width: 48px !important;
        min-width: 48px !important;
    }

    .latest-section .rb-card-image,
    .rb-latest-section .rb-card-image {
        width: 112px !important;
        min-width: 112px !important;
        height: 144px !important;
        overflow: hidden !important;
        border-radius: 14px !important;
    }

    .latest-section .internship-thumb,
    .rb-latest-section .internship-thumb {
        width: 112px !important;
        height: 144px !important;
        object-fit: cover !important;
        object-position: center !important;
        border-radius: 14px !important;
        display: block !important;
        margin: 0 !important;
    }

    .latest-section .rb-card-content,
    .rb-latest-section .rb-card-content {
        min-width: 0 !important;
        width: 100% !important;
        height: 144px !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .latest-section .rb-internship-card h3,
    .rb-latest-section .rb-internship-card h3 {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 11px !important;
        padding: 0 !important;
        font-size: 16px !important;
        line-height: 21px !important;
        font-weight: 900 !important;
        color: #062b63 !important;
        letter-spacing: -.25px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: unset !important;
    }

    .latest-section .rb-info-grid,
    .rb-latest-section .rb-info-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 10px !important;
        row-gap: 13px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        overflow: hidden !important;
    }

    .latest-section .rb-scholarship-info-grid,
    .rb-latest-section .rb-scholarship-info-grid {
        grid-template-columns: 1fr !important;
        row-gap: 10px !important;
    }

    .latest-section .rb-info-grid li,
    .rb-latest-section .rb-info-grid li {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        min-width: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 11.5px !important;
        line-height: 16px !important;
        font-weight: 700 !important;
        color: #26364d !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .latest-section .apply-btn,
    .rb-latest-section .apply-btn {
        width: 142px !important;
        height: 38px !important;
        margin: auto 0 0 auto !important;
        padding: 0 10px !important;
        border-radius: 11px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #062b63 !important;
        color: #ffffff !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        text-decoration: none !important;
        box-shadow: 0 7px 16px rgba(6,43,99,.18) !important;
        position: static !important;
        flex-shrink: 0 !important;
    }

    .latest-section .rb-premium-note,
    .rb-latest-section .rb-premium-note {
        display: none !important;
    }
}

/* Very small phones */
@media(max-width:380px) {
    .latest-section .rb-internship-card,
    .rb-latest-section .rb-internship-card {
        grid-template-columns: 100px minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: 44px 10px 10px !important;
        min-height: 194px !important;
    }

    .latest-section .rb-card-top,
    .rb-latest-section .rb-card-top {
        top: 10px !important;
        left: 10px !important;
        right: 10px !important;
        height: 23px !important;
        gap: 3px !important;
    }

    .latest-section .rb-card-image,
    .latest-section .internship-thumb,
    .rb-latest-section .rb-card-image,
    .rb-latest-section .internship-thumb {
        width: 100px !important;
        min-width: 100px !important;
        height: 138px !important;
    }

    .latest-section .rb-card-content,
    .rb-latest-section .rb-card-content {
        height: 138px !important;
    }

    .latest-section .rb-internship-card h3,
    .rb-latest-section .rb-internship-card h3 {
        font-size: 15px !important;
        line-height: 20px !important;
        margin-bottom: 10px !important;
    }

    .latest-section .rb-info-grid,
    .rb-latest-section .rb-info-grid {
        row-gap: 11px !important;
        column-gap: 8px !important;
    }

    .latest-section .rb-info-grid li,
    .rb-latest-section .rb-info-grid li {
        font-size: 10.5px !important;
        line-height: 15px !important;
    }

    .latest-section .apply-btn,
    .rb-latest-section .apply-btn {
        width: 130px !important;
        height: 36px !important;
        font-size: 12px !important;
    }

    .latest-section .rb-days-badge,
    .latest-section .rb-category-badge,
    .latest-section .rb-type-badge,
    .rb-latest-section .rb-days-badge,
    .rb-latest-section .rb-category-badge,
    .rb-latest-section .rb-type-badge {
        height: 22px !important;
        min-height: 22px !important;
        padding: 0 4px !important;
        font-size: 8px !important;
    }

    .latest-section .rb-days-badge,
    .rb-latest-section .rb-days-badge {
        max-width: 100px !important;
    }

    .latest-section .rb-category-badge,
    .rb-latest-section .rb-category-badge {
        flex-basis: 66px !important;
        max-width: 66px !important;
    }

    .latest-section .rb-type-badge,
    .rb-latest-section .rb-type-badge {
        flex-basis: 42px !important;
        max-width: 42px !important;
        min-width: 42px !important;
    }
}

/* =====================================================
   HOME: Latest Internships / Jobs / Scholarships
===================================================== */

.rb-section-title-no-button {
    justify-content: flex-start !important;
}

.rb-home-latest-section {
    padding: 24px 0 !important;
}

.rb-home-latest-section .rb-latest-title-row {
    margin-bottom: 18px !important;
}

.rb-home-latest-section .rb-latest-title-row h2 {
    font-size: 28px !important;
    color: #062b63 !important;
    margin: 0 !important;
    font-weight: 900 !important;
}

.rb-home-latest-section .rb-latest-title-row a {
    color: #062b63 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.rb-home-card-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-items: stretch !important;
}

.rb-home-card-grid .rb-internship-card {
    display: flex !important;
    flex-direction: column !important;
    padding: 16px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #edf2fb !important;
    box-shadow: 0 8px 22px rgba(15,35,90,.055) !important;
}

.rb-home-card-grid .internship-thumb {
    width: 100% !important;
    height: 145px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    margin-bottom: 13px !important;
}

.rb-home-card-grid .rb-card-top {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin-bottom: 9px !important;
    flex-wrap: wrap !important;
}

.rb-home-card-grid .rb-badge-row {
    display: flex !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

.rb-home-card-grid .rb-days-badge,
.rb-home-card-grid .rb-category-badge,
.rb-home-card-grid .rb-type-badge {
    font-size: 10.5px !important;
    padding: 5px 9px !important;
    line-height: 1 !important;
    border-radius: 999px !important;
}

.rb-home-card-grid .rb-days-badge {
    color: #b42318 !important;
    background: #fff1f1 !important;
}

.rb-home-card-grid .rb-category-badge {
    background: #eaf4ff !important;
    color: #0b5ed7 !important;
}

.rb-home-card-grid .rb-type-badge {
    background: #ecfdf3 !important;
    color: #0c9b48 !important;
}

.rb-home-card-grid .rb-type-badge.unpaid {
    background: #fff4e8 !important;
    color: #e66500 !important;
}

.rb-home-card-grid .rb-internship-card h3 {
    font-size: 17px !important;
    line-height: 1.25 !important;
    margin: 0 0 12px !important;
    font-weight: 900 !important;
    color: #062b63 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.rb-home-card-grid .rb-info-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px 10px !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    list-style: none !important;
}

.rb-home-card-grid .rb-info-grid li {
    font-size: 12px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: #26364d !important;
    font-weight: 700 !important;
}

.rb-home-card-grid .apply-btn {
    width: 100% !important;
    padding: 11px 14px !important;
    font-size: 13px !important;
    border-radius: 11px !important;
    margin-top: auto !important;
    background: #062b63 !important;
    color: #ffffff !important;
    text-align: center !important;
    text-decoration: none !important;
    font-weight: 900 !important;
}

.rb-home-card-grid .rb-premium-note {
    font-size: 11px !important;
    margin: 9px 0 0 !important;
    text-align: center !important;
}

/* Tablet */
@media(max-width:1100px) {
    .rb-home-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Mobile */
@media(max-width:768px) {
    .rb-home-latest-section {
        padding: 22px 0 !important;
    }

    .rb-home-latest-section .rb-latest-title-row h2 {
        font-size: 22px !important;
    }

    .rb-home-card-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .rb-home-card-grid .rb-internship-card {
        display: grid !important;
        grid-template-columns: 112px minmax(0, 1fr) !important;
        gap: 12px !important;
        width: 100% !important;
        padding: 48px 12px 12px !important;
        min-height: 204px !important;
        border-radius: 18px !important;
        background: #ffffff !important;
        border: 1px solid #edf2fb !important;
        box-shadow: 0 8px 22px rgba(15,35,90,.055) !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        position: relative !important;
        align-items: start !important;
    }

    .rb-home-card-grid .rb-card-top {
        position: absolute !important;
        top: 12px !important;
        left: 12px !important;
        right: 12px !important;
        height: 25px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        gap: 4px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .rb-home-card-grid .rb-badge-row {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        gap: 4px !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-left: auto !important;
        overflow: hidden !important;
        flex-shrink: 0 !important;
    }

    .rb-home-card-grid .rb-days-badge,
    .rb-home-card-grid .rb-category-badge,
    .rb-home-card-grid .rb-type-badge {
        height: 24px !important;
        min-height: 24px !important;
        padding: 0 5px !important;
        font-size: 9px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;
        border-radius: 999px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .rb-home-card-grid .rb-days-badge {
        flex: 1 1 auto !important;
        max-width: 115px !important;
        min-width: 0 !important;
    }

    .rb-home-card-grid .rb-days-badge i {
        display: none !important;
    }

    .rb-home-card-grid .rb-category-badge {
        flex: 0 1 78px !important;
        max-width: 78px !important;
        min-width: 0 !important;
    }

    .rb-home-card-grid .rb-type-badge {
        flex: 0 0 48px !important;
        max-width: 48px !important;
        min-width: 48px !important;
    }

    .rb-home-card-grid .rb-card-image {
        width: 112px !important;
        min-width: 112px !important;
        height: 144px !important;
        overflow: hidden !important;
        border-radius: 14px !important;
    }

    .rb-home-card-grid .internship-thumb {
        width: 112px !important;
        height: 144px !important;
        object-fit: cover !important;
        object-position: center !important;
        border-radius: 14px !important;
        display: block !important;
        margin: 0 !important;
    }

    .rb-home-card-grid .rb-card-content {
        min-width: 0 !important;
        width: 100% !important;
        height: 144px !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .rb-home-card-grid .rb-internship-card h3 {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 11px !important;
        padding: 0 !important;
        font-size: 16px !important;
        line-height: 21px !important;
        font-weight: 900 !important;
        color: #062b63 !important;
        letter-spacing: -.25px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: unset !important;
    }

    .rb-home-card-grid .rb-info-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 10px !important;
        row-gap: 13px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        overflow: hidden !important;
    }

    .rb-home-card-grid .rb-info-grid li {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        min-width: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 11.5px !important;
        line-height: 16px !important;
        font-weight: 700 !important;
        color: #26364d !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .rb-home-card-grid .apply-btn {
        width: 142px !important;
        height: 38px !important;
        margin: auto 0 0 auto !important;
        padding: 0 10px !important;
        border-radius: 11px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #062b63 !important;
        color: #ffffff !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        text-decoration: none !important;
        box-shadow: 0 7px 16px rgba(6,43,99,.18) !important;
        position: static !important;
        flex-shrink: 0 !important;
    }

    .rb-home-card-grid .rb-premium-note {
        display: none !important;
    }
}

@media(max-width:380px) {
    .rb-home-card-grid .rb-internship-card {
        grid-template-columns: 100px minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: 44px 10px 10px !important;
        min-height: 194px !important;
    }

    .rb-home-card-grid .rb-card-top {
        top: 10px !important;
        left: 10px !important;
        right: 10px !important;
        height: 23px !important;
        gap: 3px !important;
    }

    .rb-home-card-grid .rb-card-image,
    .rb-home-card-grid .internship-thumb {
        width: 100px !important;
        min-width: 100px !important;
        height: 138px !important;
    }

    .rb-home-card-grid .rb-card-content {
        height: 138px !important;
    }

    .rb-home-card-grid .rb-internship-card h3 {
        font-size: 15px !important;
        line-height: 20px !important;
        margin-bottom: 10px !important;
    }

    .rb-home-card-grid .rb-info-grid {
        row-gap: 11px !important;
        column-gap: 8px !important;
    }

    .rb-home-card-grid .rb-info-grid li {
        font-size: 10.5px !important;
        line-height: 15px !important;
    }

    .rb-home-card-grid .apply-btn {
        width: 130px !important;
        height: 36px !important;
        font-size: 12px !important;
    }

    .rb-home-card-grid .rb-days-badge,
    .rb-home-card-grid .rb-category-badge,
    .rb-home-card-grid .rb-type-badge {
        height: 22px !important;
        min-height: 22px !important;
        padding: 0 4px !important;
        font-size: 8px !important;
    }

    .rb-home-card-grid .rb-days-badge {
        max-width: 100px !important;
    }

    .rb-home-card-grid .rb-category-badge {
        flex-basis: 66px !important;
        max-width: 66px !important;
    }

    .rb-home-card-grid .rb-type-badge {
        flex-basis: 42px !important;
        max-width: 42px !important;
        min-width: 42px !important;
    }
}

/* =====================================================
   FIX: Keep homepage hero background image on mobile
   Do not remove working desktop/mobile layout
===================================================== */

@media(max-width:900px){
    .rb-home-hero{
        min-height:auto !important;
        padding:34px 0 30px !important;
        background:
            linear-gradient(
                90deg,
                rgba(255,255,255,.96) 0%,
                rgba(255,255,255,.90) 45%,
                rgba(255,255,255,.68) 70%,
                rgba(255,255,255,.35) 100%
            ),
            url("/assets/images/hero-building.jpg") !important;
        background-size:cover !important;
        background-position:center right !important;
        background-repeat:no-repeat !important;
        border-bottom:1px solid #edf2fb !important;
        text-align:center !important;
    }
}

/* =====================================================
   HEADER DESIGN FIX
   1. More space between logo and nav
   2. Courses simple link
   3. Mobile menu cutting fix
===================================================== */

@media(min-width:901px){
    .rb-nav{
        max-width:1240px !important;
        gap:34px !important;
    }

    .rb-brand{
        margin-right:34px !important;
        flex-shrink:0 !important;
    }

    .rb-modern-menu{
        gap:22px !important;
    }
}

/* Mobile menu full height fix */
@media(max-width:900px){
    .rb-modern-menu{
        position:fixed !important;
        top:92px !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        width:100% !important;
        max-height:none !important;
        overflow-y:auto !important;
        padding:18px 22px 90px !important;
        z-index:9998 !important;
        box-sizing:border-box !important;
    }

    .rb-modern-menu.active{
        display:flex !important;
    }

    .rb-nav-dropdown-menu{
        width:100% !important;
        box-sizing:border-box !important;
    }

    .rb-modern-menu .modern-login{
        width:100% !important;
        box-sizing:border-box !important;
    }
}

/* Small desktop/laptop spacing safety */
@media(min-width:901px) and (max-width:1150px){
    .rb-nav{
        gap:22px !important;
    }

    .rb-brand{
        margin-right:18px !important;
    }

    .rb-modern-menu{
        gap:16px !important;
    }

    .rb-modern-menu a,
    .rb-nav-dropdown-button{
        font-size:14px !important;
    }

    .rb-modern-menu .modern-login{
        padding:12px 16px !important;
    }
}

/* =====================================================
   MOBILE HEADER SIZE FIX - NO TEXT CUTTING
   Logo + text smaller, tagline allowed in second line
===================================================== */

@media(max-width:900px){
    .rb-nav{
        height:78px !important;
        padding:8px 12px !important;
        gap:8px !important;
    }

    .rb-brand{
        gap:7px !important;
        max-width:calc(100% - 58px) !important;
        min-width:0 !important;
        overflow:visible !important;
    }

    .rb-brand img{
        height:44px !important;
        width:auto !important;
        flex:0 0 auto !important;
    }

    .rb-brand-text{
        min-width:0 !important;
        overflow:visible !important;
    }

    .rb-brand h3{
        font-size:22px !important;
        line-height:1 !important;
        white-space:nowrap !important;
        overflow:visible !important;
        text-overflow:clip !important;
    }

    .rb-brand-text > span{
        display:block !important;
        font-size:10.5px !important;
        line-height:1.2 !important;
        max-width:260px !important;
        white-space:normal !important;
        overflow:visible !important;
        text-overflow:clip !important;
    }

    .rb-mobile-menu-btn{
        width:50px !important;
        height:50px !important;
        border-radius:15px !important;
        font-size:29px !important;
        flex:0 0 50px !important;
    }

    .rb-modern-menu{
        top:78px !important;
        max-height:calc(100vh - 78px) !important;
    }
}

@media(max-width:420px){
    .rb-nav{
        height:74px !important;
        padding:7px 10px !important;
    }

    .rb-brand{
        max-width:calc(100% - 54px) !important;
    }

    .rb-brand img{
        height:40px !important;
    }

    .rb-brand h3{
        font-size:19px !important;
    }

    .rb-brand-text > span{
        font-size:9.5px !important;
        line-height:1.18 !important;
        max-width:220px !important;
        white-space:normal !important;
    }

    .rb-mobile-menu-btn{
        width:48px !important;
        height:48px !important;
        flex-basis:48px !important;
        font-size:27px !important;
    }

    .rb-modern-menu{
        top:74px !important;
        max-height:calc(100vh - 74px) !important;
    }
}

@media(max-width:360px){
    .rb-nav{
        height:70px !important;
    }

    .rb-brand img{
        height:36px !important;
    }

    .rb-brand h3{
        font-size:17px !important;
    }

    .rb-brand-text > span{
        font-size:8.8px !important;
        max-width:185px !important;
        white-space:normal !important;
    }

    .rb-mobile-menu-btn{
        width:44px !important;
        height:44px !important;
        flex-basis:44px !important;
        font-size:25px !important;
    }

    .rb-modern-menu{
        top:70px !important;
        max-height:calc(100vh - 70px) !important;
    }
}

/* =====================================================
   HOME OPPORTUNITIES - EXACT BOX DESIGN
===================================================== */

.rb-new-opportunities-section{
    padding:42px 0 36px !important;
    background:#ffffff !important;
}

.rb-opportunity-title-row{
    max-width:980px !important;
    margin:0 auto 22px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
}

.rb-opportunity-title-row h2{
    margin:0 !important;
    font-size:30px !important;
    line-height:1.15 !important;
    color:#061c45 !important;
    font-weight:900 !important;
}

.rb-opportunity-title-row a{
    color:#061c45 !important;
    text-decoration:none !important;
    font-size:15px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
}

.rb-new-opportunity-grid{
    max-width:980px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:26px 30px !important;
}

.rb-new-opportunity-card{
    min-height:284px !important;
    padding:34px 26px 28px !important;
    border-radius:18px !important;
    background:#ffffff !important;
    border:1px solid #e5edf7 !important;
    box-shadow:0 10px 28px rgba(15,35,90,.055) !important;
    text-decoration:none !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:center !important;
    transition:.25s ease !important;
}

.rb-new-opportunity-card:hover{
    transform:translateY(-3px) !important;
    box-shadow:0 18px 44px rgba(15,35,90,.10) !important;
    text-decoration:none !important;
}

.rb-new-opportunity-card .rb-opportunity-icon{
    width:70px !important;
    height:70px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#ffffff !important;
    font-size:34px !important;
    margin:0 0 22px !important;
}

.rb-new-opportunity-card strong{
    display:block !important;
    color:#071437 !important;
    font-size:22px !important;
    line-height:1.25 !important;
    font-weight:900 !important;
    margin:0 0 10px !important;
}

.rb-new-opportunity-card p{
    color:#66748a !important;
    font-size:15.5px !important;
    line-height:1.45 !important;
    margin:0 auto 22px !important;
    max-width:270px !important;
    font-weight:700 !important;
}

.rb-opportunity-mini-badge{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    min-height:42px !important;
    padding:10px 18px !important;
    border-radius:10px !important;
    font-size:15px !important;
    line-height:1.15 !important;
    font-weight:900 !important;
    margin:0 0 24px !important;
}

.rb-opportunity-mini-badge i{
    font-size:22px !important;
    flex:0 0 auto !important;
}

.rb-new-opportunity-card em{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-style:normal !important;
    font-size:18px !important;
    line-height:1 !important;
    font-weight:900 !important;
    margin-top:auto !important;
    padding-top:0 !important;
}

.rb-card-job .rb-opportunity-icon{
    background:linear-gradient(135deg,#0b5ed7,#006dff) !important;
}

.rb-card-job .rb-opportunity-mini-badge{
    background:#eef6ff !important;
    color:#0b5ed7 !important;
}

.rb-card-job em{
    color:#0b5ed7 !important;
}

.rb-card-internship .rb-opportunity-icon{
    background:linear-gradient(135deg,#0f9a9b,#078080) !important;
}

.rb-card-internship .rb-opportunity-mini-badge{
    background:#eafafa !important;
    color:#078080 !important;
}

.rb-card-internship em{
    color:#078080 !important;
}

.rb-card-scholarship .rb-opportunity-icon{
    background:linear-gradient(135deg,#17b45b,#09a84f) !important;
}

.rb-card-scholarship .rb-opportunity-mini-badge{
    background:#ecfdf3 !important;
    color:#0c9b48 !important;
}

.rb-card-scholarship em{
    color:#0c9b48 !important;
}

.rb-card-course .rb-opportunity-icon{
    background:linear-gradient(135deg,#8c3df2,#7226dd) !important;
}

.rb-card-course .rb-opportunity-mini-badge{
    background:#f5edff !important;
    color:#7226dd !important;
}

.rb-card-course em{
    color:#7226dd !important;
}

.rb-opportunity-bottom-note{
    max-width:980px !important;
    margin:24px auto 0 !important;
    padding:16px 22px !important;
    border-radius:12px !important;
    background:linear-gradient(135deg,#fffaf0,#fffdf7) !important;
    border:1px solid #ffe8a8 !important;
    color:#061c45 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    text-align:center !important;
    font-size:16px !important;
    line-height:1.45 !important;
    font-weight:800 !important;
}

.rb-opportunity-bottom-note i{
    color:#f59e0b !important;
    font-size:22px !important;
}

/* Mobile */
@media(max-width:768px){
    .rb-new-opportunities-section{
        padding:30px 0 28px !important;
    }

    .rb-opportunity-title-row{
        margin-bottom:18px !important;
        align-items:flex-start !important;
    }

    .rb-opportunity-title-row h2{
        font-size:27px !important;
    }

    .rb-opportunity-title-row a{
        font-size:12px !important;
        padding-top:6px !important;
    }

    .rb-new-opportunity-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:12px !important;
        max-width:100% !important;
    }

    .rb-new-opportunity-card{
        min-height:252px !important;
        padding:20px 10px 18px !important;
        border-radius:18px !important;
    }

    .rb-new-opportunity-card .rb-opportunity-icon{
        width:58px !important;
        height:58px !important;
        font-size:29px !important;
        margin-bottom:18px !important;
    }

    .rb-new-opportunity-card strong{
        font-size:17px !important;
        line-height:1.2 !important;
        margin-bottom:8px !important;
    }

    .rb-new-opportunity-card p{
        font-size:12.5px !important;
        line-height:1.45 !important;
        margin-bottom:16px !important;
        max-width:145px !important;
    }

    .rb-opportunity-mini-badge{
        min-height:36px !important;
        padding:8px 9px !important;
        gap:6px !important;
        font-size:10.5px !important;
        border-radius:9px !important;
        margin-bottom:18px !important;
        max-width:145px !important;
    }

    .rb-opportunity-mini-badge i{
        font-size:16px !important;
    }

    .rb-new-opportunity-card em{
        font-size:13.5px !important;
    }

    .rb-opportunity-bottom-note{
        margin-top:18px !important;
        padding:13px 10px !important;
        font-size:12.5px !important;
        line-height:1.45 !important;
        gap:8px !important;
    }

    .rb-opportunity-bottom-note i{
        font-size:18px !important;
    }
}

@media(max-width:380px){
    .rb-new-opportunity-card{
        min-height:245px !important;
        padding:18px 8px 16px !important;
    }

    .rb-new-opportunity-card strong{
        font-size:15.5px !important;
    }

    .rb-new-opportunity-card p{
        font-size:11.5px !important;
        max-width:130px !important;
    }

    .rb-opportunity-mini-badge{
        font-size:9.8px !important;
        max-width:130px !important;
        padding:7px 7px !important;
    }

    .rb-new-opportunity-card em{
        font-size:12.5px !important;
    }
}

/* =====================================================
   JOB / INTERNSHIP / SCHOLARSHIP PAGE BUTTONS
   Replaces search bar on all three listing pages
===================================================== */

.rb-page-opportunity-buttons{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
    margin:8px 0 30px;
}

.rb-page-opportunity-btn{
    min-width:155px;
    height:48px;
    padding:0 22px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#ffffff;
    border:1.5px solid #dbeafe;
    color:#062b63;
    text-decoration:none;
    font-size:15px;
    font-weight:900;
    box-shadow:0 8px 22px rgba(15,35,90,.06);
    transition:.22s ease;
}

.rb-page-opportunity-btn:hover{
    transform:translateY(-2px);
    color:#062b63;
    text-decoration:none;
    box-shadow:0 14px 30px rgba(15,35,90,.10);
}

.rb-page-opportunity-btn.active{
    background:#062b63;
    border-color:#062b63;
    color:#ffffff;
}

.rb-page-opportunity-btn.active:hover{
    color:#ffffff;
}

@media(max-width:768px){
    .rb-page-opportunity-buttons{
        display:grid;
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap:8px;
        margin:8px 0 18px;
    }

    .rb-page-opportunity-btn{
        min-width:0;
        width:100%;
        height:42px;
        padding:0 8px;
        font-size:12.5px;
        border-radius:12px;
    }
}

@media(max-width:380px){
    .rb-page-opportunity-btn{
        font-size:11.5px;
        height:40px;
    }
}

/* =====================================================
   FIX MOBILE NAV GAP ONLY
   Do not affect desktop
===================================================== */

@media(max-width:900px){
    .rb-modern-menu,
    .rb-modern-menu.active{
        justify-content:flex-start !important;
        align-items:stretch !important;
        gap:0 !important;
    }
}

/* =====================================================
   HOME OPPORTUNITY BADGE MOBILE ALIGNMENT FIX
   Fix icon + text alignment inside small colored badges
===================================================== */

@media(max-width:768px){

    .rb-new-opportunity-card .rb-opportunity-mini-badge{
        width:100% !important;
        max-width:150px !important;
        min-height:44px !important;
        padding:7px 10px !important;
        display:grid !important;
        grid-template-columns:22px minmax(0, 1fr) !important;
        align-items:center !important;
        justify-content:center !important;
        column-gap:7px !important;
        text-align:center !important;
        line-height:1.15 !important;
    }

    .rb-new-opportunity-card .rb-opportunity-mini-badge i{
        width:22px !important;
        height:22px !important;
        min-width:22px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        font-size:18px !important;
        line-height:1 !important;
        margin:0 !important;
    }

    .rb-new-opportunity-card .rb-opportunity-mini-badge{
        font-size:11px !important;
        font-weight:900 !important;
        white-space:normal !important;
        overflow:visible !important;
    }

    .rb-card-course .rb-opportunity-mini-badge,
    .rb-card-scholarship .rb-opportunity-mini-badge,
    .rb-card-internship .rb-opportunity-mini-badge,
    .rb-card-job .rb-opportunity-mini-badge{
        margin-left:auto !important;
        margin-right:auto !important;
    }
}

@media(max-width:380px){

    .rb-new-opportunity-card .rb-opportunity-mini-badge{
        max-width:136px !important;
        min-height:42px !important;
        grid-template-columns:20px minmax(0, 1fr) !important;
        column-gap:6px !important;
        font-size:10px !important;
        padding:7px 8px !important;
    }

    .rb-new-opportunity-card .rb-opportunity-mini-badge i{
        width:20px !important;
        height:20px !important;
        min-width:20px !important;
        font-size:16px !important;
    }
}

/* =====================================================
   HOME OPPORTUNITY BADGE MOBILE ALIGNMENT FIX
   Fix icon + text alignment inside small colored badges
===================================================== */

@media(max-width:768px){

    .rb-new-opportunity-card .rb-opportunity-mini-badge{
        width:100% !important;
        max-width:150px !important;
        min-height:44px !important;
        padding:7px 10px !important;
        display:grid !important;
        grid-template-columns:22px minmax(0, 1fr) !important;
        align-items:center !important;
        justify-content:center !important;
        column-gap:7px !important;
        text-align:center !important;
        line-height:1.15 !important;
    }

    .rb-new-opportunity-card .rb-opportunity-mini-badge i{
        width:22px !important;
        height:22px !important;
        min-width:22px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        font-size:18px !important;
        line-height:1 !important;
        margin:0 !important;
    }

    .rb-new-opportunity-card .rb-opportunity-mini-badge{
        font-size:11px !important;
        font-weight:900 !important;
        white-space:normal !important;
        overflow:visible !important;
    }

    .rb-card-course .rb-opportunity-mini-badge,
    .rb-card-scholarship .rb-opportunity-mini-badge,
    .rb-card-internship .rb-opportunity-mini-badge,
    .rb-card-job .rb-opportunity-mini-badge{
        margin-left:auto !important;
        margin-right:auto !important;
    }
}

@media(max-width:380px){

    .rb-new-opportunity-card .rb-opportunity-mini-badge{
        max-width:136px !important;
        min-height:42px !important;
        grid-template-columns:20px minmax(0, 1fr) !important;
        column-gap:6px !important;
        font-size:10px !important;
        padding:7px 8px !important;
    }

    .rb-new-opportunity-card .rb-opportunity-mini-badge i{
        width:20px !important;
        height:20px !important;
        min-width:20px !important;
        font-size:16px !important;
    }
}

/* =====================================================
   FINAL FIX: Home opportunity badge icon + text alignment
===================================================== */

@media(max-width:768px){

    .rb-new-opportunities-section .rb-new-opportunity-card .rb-opportunity-mini-badge{
        width:150px !important;
        max-width:150px !important;
        min-height:48px !important;
        height:48px !important;
        padding:0 9px !important;
        margin:0 auto 18px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:7px !important;

        text-align:center !important;
        white-space:normal !important;
        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    .rb-new-opportunities-section .rb-new-opportunity-card .rb-opportunity-mini-badge i{
        width:22px !important;
        min-width:22px !important;
        height:22px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        font-size:18px !important;
        line-height:1 !important;
        margin:0 !important;
        padding:0 !important;
        flex-shrink:0 !important;
    }

    .rb-new-opportunities-section .rb-mini-badge-text{
        display:block !important;
        flex:1 1 auto !important;
        min-width:0 !important;
        max-width:100% !important;

        font-size:11px !important;
        line-height:1.15 !important;
        font-weight:900 !important;
        text-align:center !important;

        white-space:normal !important;
        overflow:visible !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
    }
}

@media(max-width:380px){

    .rb-new-opportunities-section .rb-new-opportunity-card .rb-opportunity-mini-badge{
        width:136px !important;
        max-width:136px !important;
        min-height:46px !important;
        height:46px !important;
        padding:0 7px !important;
        gap:6px !important;
    }

    .rb-new-opportunities-section .rb-new-opportunity-card .rb-opportunity-mini-badge i{
        width:20px !important;
        min-width:20px !important;
        height:20px !important;
        font-size:16px !important;
    }

    .rb-new-opportunities-section .rb-mini-badge-text{
        font-size:10px !important;
        line-height:1.12 !important;
    }
}

/* =====================================================
   HOME OPPORTUNITY CARDS - MOBILE 2x2 SMALL VERSION
   Do not stack/rearrange, only shrink cards on mobile
===================================================== */

@media(max-width:768px){

    .rb-new-opportunities-section{
        padding:24px 0 24px !important;
    }

    .rb-new-opportunity-grid{
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:12px !important;
        width:100% !important;
        max-width:100% !important;
        margin:0 auto !important;
    }

    .rb-new-opportunity-card{
        min-height:178px !important;
        height:auto !important;
        padding:14px 8px 12px !important;
        border-radius:16px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:flex-start !important;
        text-align:center !important;
        overflow:hidden !important;
    }

    .rb-new-opportunity-card .rb-opportunity-icon{
        width:46px !important;
        height:46px !important;
        min-width:46px !important;
        min-height:46px !important;
        font-size:23px !important;
        margin:0 0 10px !important;
    }

    .rb-new-opportunity-card strong{
        font-size:14px !important;
        line-height:1.15 !important;
        margin:0 0 6px !important;
        min-height:32px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
    }

    .rb-new-opportunity-card p{
        font-size:10.5px !important;
        line-height:1.25 !important;
        max-width:125px !important;
        margin:0 auto 8px !important;
        min-height:28px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
    }

    .rb-new-opportunity-card .rb-opportunity-mini-badge{
        width:100% !important;
        max-width:128px !important;
        min-height:32px !important;
        height:32px !important;
        padding:0 6px !important;
        margin:0 auto 9px !important;
        border-radius:8px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:5px !important;
        text-align:center !important;
        box-sizing:border-box !important;
    }

    .rb-new-opportunity-card .rb-opportunity-mini-badge i{
        width:16px !important;
        height:16px !important;
        min-width:16px !important;
        font-size:14px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        margin:0 !important;
        padding:0 !important;
        line-height:1 !important;
    }

    .rb-new-opportunity-card .rb-opportunity-mini-badge,
    .rb-new-opportunity-card .rb-mini-badge-text{
        font-size:9px !important;
        line-height:1.08 !important;
        font-weight:900 !important;
        white-space:normal !important;
    }

    .rb-new-opportunity-card em{
        font-size:11.5px !important;
        line-height:1.1 !important;
        margin-top:auto !important;
        padding-top:0 !important;
    }

    .rb-opportunity-bottom-note{
        margin-top:16px !important;
        padding:12px 10px !important;
        font-size:12.5px !important;
        line-height:1.35 !important;
        border-radius:12px !important;
    }
}

@media(max-width:380px){

    .rb-new-opportunity-grid{
        gap:10px !important;
    }

    .rb-new-opportunity-card{
        min-height:168px !important;
        padding:12px 6px 10px !important;
    }

    .rb-new-opportunity-card .rb-opportunity-icon{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        min-height:42px !important;
        font-size:21px !important;
        margin-bottom:8px !important;
    }

    .rb-new-opportunity-card strong{
        font-size:13px !important;
        min-height:30px !important;
    }

    .rb-new-opportunity-card p{
        font-size:9.5px !important;
        max-width:112px !important;
        min-height:26px !important;
    }

    .rb-new-opportunity-card .rb-opportunity-mini-badge{
        max-width:116px !important;
        height:30px !important;
        min-height:30px !important;
    }

    .rb-new-opportunity-card .rb-opportunity-mini-badge,
    .rb-new-opportunity-card .rb-mini-badge-text{
        font-size:8.2px !important;
    }

    .rb-new-opportunity-card em{
        font-size:10.5px !important;
    }
}