/*=========================================================
  01. ROOT
=========================================================*/

:root{
    --mrfo-primary:#0B3C78;
    --mrfo-primary-dark:#072E5D;
    --mrfo-primary-light:#EAF3FF;
    --mrfo-accent:#E39B18;
    --mrfo-accent-light:#FFF4D8;
    --mrfo-success:#198754;
    --mrfo-danger:#DC3545;
    --mrfo-body:#F5F7FA;
    --mrfo-card:#FFFFFF;
    --mrfo-white:#FFFFFF;
    --mrfo-text:#1F2937;
    --mrfo-muted:#6B7280;
    --mrfo-border:#D9E2EC;
    --mrfo-shadow-sm:0 2px 8px rgba(0,0,0,.04);
    --mrfo-shadow:0 5px 16px rgba(0,0,0,.06);
    --mrfo-radius:8px;
    --mrfo-transition:.25s ease;
}


/*=========================================================
  02. RESET
=========================================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    background:var(--mrfo-body);
    color:var(--mrfo-text);
    font-family:'Inter',sans-serif;
    font-size:15px;
    line-height:1.5;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
}

::selection{
    background:var(--mrfo-primary);
    color:#fff;
}

a{
    color:inherit;
    text-decoration:none;
    transition:var(--mrfo-transition);
}

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

ul{
    list-style:none;
    margin:0;
    padding:0;
}

button{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    background:none;
    font-family:inherit;
}


/*=========================================================
  03. CONTAINER
=========================================================*/

.container{
    width:100%;
    max-width:1320px;
    margin:0 auto;
    padding:0 15px;
}


/*=========================================================
  04. MRFO TOPBAR
=========================================================*/

.mrfo-topbar{
    height:48px;
    background:var(--mrfo-primary-dark);
    color:#fff;
}

.mrfo-topbar-wrapper{
    height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.mrfo-topbar-left,
.mrfo-topbar-right{
    display:flex;
    align-items:center;
    height:100%;
    white-space:nowrap;
}

.mrfo-topbar-left{
    min-width:0;
}

.mrfo-topbar-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#fff;
    font-size:12px;
    white-space:nowrap;
}

.mrfo-topbar-link i{
    font-size:12px;
}

.mrfo-topbar-divider{
    width:1px;
    height:18px;
    margin:0 12px;
    background:rgba(255,255,255,.3);
    flex-shrink:0;
}


/* FONT SIZE */

.mrfo-font-controls{
    display:flex;
    align-items:center;
    gap:3px;
    white-space:nowrap;
}

.mrfo-font-controls button{
    width:28px;
    height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:transparent;
    border:0;
    border-radius:4px;
    font-size:12px;
    cursor:pointer;
}

.mrfo-font-controls button:hover,
.mrfo-font-controls button.active{
    background:rgba(255,255,255,.15);
}


/* LANGUAGE */

.mrfo-language{
    display:inline-flex !important;
    align-items:center;
    gap:4px;
    white-space:nowrap !important;
}

.mrfo-language a{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:auto !important;
    min-width:60px;
    height:28px;
    padding:0 8px;
    color:#fff;
    font-size:12px;
    white-space:nowrap !important;
    border-radius:4px;
}

.mrfo-language a.active{
    background:#fff;
    color:var(--mrfo-primary-dark);
}

.mrfo-language a:hover{
    background:rgba(255,255,255,.12);
}


/* MOBILE */

@media(max-width:767px){

    .mrfo-topbar,
    .mrfo-topbar-wrapper{
        height:42px;
    }

    .mrfo-topbar-left{
        width:100%;
        justify-content:center;
    }

    .mrfo-topbar-right{
        display:none;
    }

    .mrfo-screen-reader{
        display:none;
    }
}





/*=========================================================
  05. MRFO MAIN HEADER
=========================================================*/

.mrfo-header{
    height:85px;
    background:#fff;
    border-bottom:1px solid var(--mrfo-border);
}

.mrfo-header-wrapper{
    height:96px;
    display:flex;
    align-items:center;
    gap:30px;
}


/* BRAND */

.mrfo-brand{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

.mrfo-logo{
    width:58px;
    height:58px;
    flex:0 0 58px;
}

.mrfo-logo img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.mrfo-brand-content{
    min-width:0;
}

.mrfo-brand-content h3{
    margin:0 0 4px;
    color:var(--mrfo-primary-dark);
    font-size:25px;
    font-weight:700;
    line-height:1.2;
    white-space:nowrap;
}

.mrfo-brand-content p{
    margin:0;
    color:var(--mrfo-muted);
    font-size:12px;
    line-height:1.3;
}


/* ADDRESS */

.mrfo-address{
    display:flex;
    align-items:center;
    gap:9px;
    margin-left:auto;
    max-width:280px;
}

.mrfo-address > i{
    color:var(--mrfo-primary);
    font-size:22px;
    flex-shrink:0;
}

.mrfo-address h6{
    margin:0 0 3px;
    color:var(--mrfo-primary-dark);
    font-size:12px;
    font-weight:700;
}

.mrfo-address span{
    display:block;
    color:var(--mrfo-muted);
    font-size:11px;
    line-height:1.35;
}


/* RIGHT */

.mrfo-right{
    display:flex;
    align-items:center;
    gap:16px;
    flex-shrink:0;
}

.mrfo-social{
    display:flex;
    align-items:center;
    gap:6px;
}

.mrfo-social a{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--mrfo-border);
    border-radius:50%;
    color:var(--mrfo-primary);
    font-size:13px;
}

.mrfo-social a:hover{
    background:var(--mrfo-primary);
    border-color:var(--mrfo-primary);
    color:#fff;
}


/* INDIA */

.mrfo-india{
    width:42px;
    height:53px;
}

.mrfo-india img{
    width:100%;
    height:100%;
    object-fit:contain;
}


/*=========================================================
  MOBILE MENU BUTTON
=========================================================*/

.mrfo-mobile-menu{
    display:none;
    width:40px;
    height:40px;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    border:1px solid var(--mrfo-border);
    border-radius:7px;
    background:#fff;
    color:var(--mrfo-primary-dark);
    font-size:21px;
    cursor:pointer;
}

.mrfo-mobile-menu:hover{
    background:var(--mrfo-primary-light);
}


/*=========================================================
  TABLET
=========================================================*/

@media(max-width:991.98px){

    .mrfo-header,
    .mrfo-header-wrapper{
        height:88px;
    }

    .mrfo-logo{
        width:58px;
        height:58px;
        flex-basis:58px;
    }

    .mrfo-brand-content h3{
        font-size:18px;
    }

    .mrfo-brand-content p{
        font-size:10px;
    }

    .mrfo-address{
        max-width:210px;
    }

    .mrfo-social{
        display:none;
    }

}


/*=========================================================
  MOBILE
=========================================================*/

@media(max-width:767.98px){

    .mrfo-header,
    .mrfo-header-wrapper{
        height:70px;
    }

    .mrfo-header-wrapper{
        gap:10px;
    }

    .mrfo-brand{
        flex:1;
        min-width:0;
    }

    .mrfo-logo{
        width:48px;
        height:48px;
        flex-basis:48px;
    }

    .mrfo-brand-content h3{
        margin-bottom:3px;
        font-size:14px;
        line-height:1.2;
        white-space:normal;
    }

    .mrfo-brand-content p{
        font-size:9px;
        line-height:1.25;
    }

    /* Hide desktop information */

    .mrfo-address,
    .mrfo-right{
        display:none;
    }

    /* Show hamburger */

    .mrfo-mobile-menu{
        display:flex;
    }

}





/*=========================================================
    06. MRFO SIDEBAR
=========================================================*/

.mrfo-sidebar{
    width:225px;
    flex:0 0 225px;
    min-height:0;
    height:auto;
    background:var(--mrfo-primary-dark);
    color:#fff;
}

.mrfo-sidebar-inner{
    padding:10px 8px 20px;
}

/* SECTION LABEL */

.mrfo-sidebar-label{
    padding:10px 10px 5px;
    color:rgba(255,255,255,.52);
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.7px;
}

/* MENU ITEM */

.mrfo-side-item{
    width:100%;
    min-height:41px;
    padding:0 11px;

    display:flex;
    align-items:center;
    gap:10px;

    border:0;
    border-radius:6px;

    background:transparent;
    color:rgba(255,255,255,.95);

    font-size:15px;
    font-weight:600;
    line-height:1.2;
    text-align:left;

    cursor:pointer;
    transition:var(--mrfo-transition);
}

.mrfo-side-item > i:first-child{
    width:17px;
    flex:0 0 17px;
    text-align:center;
    font-size:14px;
}

.mrfo-side-item:hover{
    background:rgba(255,255,255,.09);
    color:#fff;
}

.mrfo-side-item.active{
    background:#0d6efd;
    color:#fff;
    box-shadow:0 2px 5px rgba(0,0,0,.12);
}

/* CHEVRON */

.mrfo-chevron{
    margin-left:auto;
    font-size:10px !important;
    transition:transform .2s ease;
}

.mrfo-side-group.open .mrfo-chevron{
    transform:rotate(180deg);
}

.mrfo-side-group.open > .mrfo-side-toggle{
    background:rgba(255,255,255,.08);
}

/* SUBMENU */

.mrfo-side-submenu{
    display:none;
    margin:2px 0 4px 13px;
    padding:3px 0 3px 12px;
    border-left:1px solid rgba(255,255,255,.16);
}

.mrfo-side-group.open .mrfo-side-submenu{
    display:block;
}

.mrfo-side-submenu a{
    display:block;
    padding:8px 10px;
    border-radius:5px;

    color:rgba(255,255,255,.78);

    font-size:13px;
    font-weight:500;
    line-height:1.2;
}

.mrfo-side-submenu a:hover{
    background:rgba(255,255,255,.08);
    color:#fff;
}

/* PAGE LAYOUT */

.mrfo-page-layout{
    display:flex;
    align-items:stretch;
    width:100%;
}

.mrfo-main-content{
    flex:1;
    min-width:0;
    padding:8px;
}

/*=========================================================
    MOBILE
=========================================================*/

.mrfo-mobile-menu{
    display:none;
    width:38px;
    height:38px;
    align-items:center;
    justify-content:center;

    border:1px solid var(--mrfo-border);
    border-radius:6px;

    background:#fff;
    color:var(--mrfo-primary-dark);

    font-size:18px;
    cursor:pointer;
}

.mrfo-sidebar-overlay{
    display:none;
}

@media(max-width:767px){

    .mrfo-mobile-menu{
        display:flex;
    }

    .mrfo-sidebar{
        position:fixed;
        top:0;
        left:-280px;

        width:270px;
        height:100vh;
        min-height:100vh;

        overflow-y:auto;

        z-index:1100;

        transition:left .25s ease;
        box-shadow:6px 0 20px rgba(0,0,0,.2);
    }

    .mrfo-sidebar.show{
        left:0;
    }

    .mrfo-sidebar-overlay{
        position:fixed;
        inset:0;
        z-index:1050;
        background:rgba(0,0,0,.45);
    }

    .mrfo-sidebar-overlay.show{
        display:block;
    }

    .mrfo-main-content{
        width:100%;
        padding:7px;
    }

}

/*=========================================================
    DESKTOP SIDEBAR HEIGHT
=========================================================*/

@media(min-width:768px){

    .mrfo-page-layout{
        display:flex;
        align-items:stretch;
        width:100%;
    }

    .mrfo-sidebar{
        height:auto;
        min-height:0;
        align-self:stretch;
    }

    .mrfo-main-content{
        min-width:0;
    }

}






/*=========================================================
  MRFO HERO SLIDER
=========================================================*/

.mrfo-hero{
    width:100%;
    margin:6px 0;
}

.mrfo-hero-slider{
    position:relative;
    width:100%;
    aspect-ratio:16 / 5;
    overflow:hidden;
    background:#fff;
    border-radius:7px;
}

.mrfo-hero-slide{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    opacity:0;
    visibility:hidden;
    transition:opacity .5s ease;
}

.mrfo-hero-slide.active{
    opacity:1;
    visibility:visible;
    z-index:2;
}

.mrfo-hero-link{
    display:block;
    width:100%;
    height:100%;
}

.mrfo-hero-image{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}


/* ARROWS */

.mrfo-hero-control{
    position:absolute;
    top:50%;
    z-index:5;
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    transform:translateY(-50%);
    border:0;
    border-radius:50%;
    background:rgba(0,0,0,.35);
    color:#fff;
    font-size:13px;
    cursor:pointer;
}

.mrfo-hero-control:hover{
    background:var(--mrfo-primary);
}

.mrfo-hero-prev{
    left:12px;
}

.mrfo-hero-next{
    right:12px;
}


/* CIRCLES */

.mrfo-hero-indicators{
    position:absolute;
    left:50%;
    bottom:12px;
    z-index:6;
    display:flex;
    align-items:center;
    gap:6px;
    transform:translateX(-50%);
}

.mrfo-hero-indicators button{
    width:7px;
    height:7px;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.7);
    cursor:pointer;
}

.mrfo-hero-indicators button.active{
    width:9px;
    height:9px;
    background:#fff;
}


/* MOBILE */

@media(max-width:767.98px){

    .mrfo-hero{
        margin:8px 0;
    }

    .mrfo-hero-slider{
        aspect-ratio:16 / 6;
        border-radius:5px;
    }

    .mrfo-hero-control{
        width:28px;
        height:28px;
        font-size:11px;
    }

    .mrfo-hero-prev{
        left:7px;
    }

    .mrfo-hero-next{
        right:7px;
    }

    .mrfo-hero-indicators{
        bottom:7px;
        gap:5px;
    }

    .mrfo-hero-indicators button{
        width:6px;
        height:6px;
    }

    .mrfo-hero-indicators button.active{
        width:8px;
        height:8px;
    }

}



/*=========================================================
  08. IMPORTANT NOTICE
=========================================================*/

.mrfo-important-notice{
    width:100%;
    height:44px;
    display:flex;
    align-items:center;
    background:var(--mrfo-primary);
    border-radius:6px;
    overflow:hidden;
}


/*=========================================================
  NOTICE LABEL
=========================================================*/

.mrfo-notice-label{
    height:30px;
    margin-left:7px;
    padding:0 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    flex:0 0 auto;
    background:var(--mrfo-accent);
    border-radius:4px;
    color:#fff;
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
}

.mrfo-notice-label i{
    font-size:14px;
}


/*=========================================================
  MOVING CONTENT
=========================================================*/

.mrfo-notice-content{
    flex:1;
    min-width:0;
    margin-left:14px;
    margin-right:8px;
    overflow:hidden;
    white-space:nowrap;
}

.mrfo-notice-track{
    display:inline-block;
    padding-left:100%;
    animation:mrfoNoticeMove 22s linear infinite;
}

.mrfo-notice-text{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#fff;
    font-size:14px;
    font-weight:600;
    line-height:1;
    white-space:nowrap;
}

.mrfo-notice-text:hover{
    color:#fff;
}


/* NEW BADGE */

.mrfo-notice-new{
    display:inline-flex;
    align-items:center;
    height:19px;
    padding:0 7px;
    border-radius:3px;
    background:var(--mrfo-danger);
    color:#fff;
    font-size:9px;
    font-weight:700;
}


/*=========================================================
  VIEW ALL AREA
=========================================================*/

.mrfo-notice-action-wrap{
    height:100%;
    padding:0 7px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    background:var(--mrfo-primary);
    position:relative;
    z-index:10;
}

.mrfo-notice-action{
    height:30px;
    padding:0 13px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border-radius:4px;
    background:var(--mrfo-accent);
    color:#fff;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
}

.mrfo-notice-action:hover{
    background:#f0a91d;
    color:#fff;
}

.mrfo-notice-action i{
    font-size:11px;
}


/*=========================================================
  ANIMATION
=========================================================*/

@keyframes mrfoNoticeMove{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-100%);
    }

}


/* Pause */

.mrfo-notice-content:hover .mrfo-notice-track{
    animation-play-state:paused;
}


/*=========================================================
  MOBILE
=========================================================*/

@media(max-width:767.98px){

    .mrfo-important-notice{
        height:42px;
    }

    .mrfo-notice-label{
        height:28px;
        margin-left:5px;
        padding:0 9px;
        gap:5px;
        font-size:10px;
    }

    .mrfo-notice-label i{
        font-size:11px;
    }

    .mrfo-notice-content{
        margin-left:8px;
        margin-right:4px;
    }

    .mrfo-notice-text{
        font-size:11px;
        font-weight:600;
    }

    .mrfo-notice-new{
        height:17px;
        padding:0 5px;
        font-size:8px;
    }

    .mrfo-notice-action-wrap{
        padding:0 5px;
    }

    .mrfo-notice-action{
        height:28px;
        padding:0 9px;
        font-size:10px;
    }

}









/*=========================================================
  ANNOUNCEMENTS + WHAT'S NEW
=========================================================*/

.mrfo-home-updates{
    width:100%;
    margin-top:12px;
}

.mrfo-updates-grid{
    display:grid;
    grid-template-columns:68% 32%;
    gap:12px;
}


/*=========================================================
  CARDS
=========================================================*/

.mrfo-announcements-card,
.mrfo-whats-new-card{
    background:#fff;
    border:1px solid #cbd8e6;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(7,46,93,.07);
}


/*=========================================================
  HEADER
=========================================================*/

.mrfo-section-header{
    min-height:50px;
    padding:0 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    background:#fff;
    border-bottom:1px solid #d8e2ec;
}

.mrfo-section-title{
    display:flex;
    align-items:center;
    gap:10px;
}

.mrfo-section-title i{
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:6px;
    background:var(--mrfo-primary-light);
    color:var(--mrfo-primary);
    font-size:15px;
}

.mrfo-section-title h2{
    margin:0;
    color:var(--mrfo-primary);
    font-size:17px;
    font-weight:800;
    line-height:1.2;
}


/*=========================================================
  SEARCH
=========================================================*/

.mrfo-announcement-search{
    width:235px;
    height:35px;
    display:flex;
    border:1px solid #cbd8e6;
    border-radius:5px;
    overflow:hidden;
    background:#fff;
}

.mrfo-announcement-search input{
    width:100%;
    min-width:0;
    padding:0 11px;
    border:0;
    outline:0;
    background:#fff;
    color:#26384b;
    font-size:12px;
    font-weight:500;
}

.mrfo-announcement-search input::placeholder{
    color:#7b8794;
}

.mrfo-announcement-search button{
    width:38px;
    flex:0 0 38px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:var(--mrfo-primary);
    cursor:pointer;
}

.mrfo-announcement-search button:hover{
    background:var(--mrfo-primary-light);
}


/*=========================================================
  CATEGORY FILTER
=========================================================*/

.mrfo-announcement-filters{
    min-height:40px;
    padding:0 10px;
    display:flex;
    align-items:center;
    background:#f2f7fc;
    border-bottom:1px solid #d7e1eb;
    overflow-x:auto;
    scrollbar-width:none;
}

.mrfo-announcement-filters::-webkit-scrollbar{
    display:none;
}

.mrfo-announcement-filters a{
    height:30px;
    margin-right:5px;
    padding:0 15px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    color:#526274;
    font-size:11px;
    font-weight:700;
    white-space:nowrap;
}

.mrfo-announcement-filters a:hover{
    background:#e2edf8;
    color:var(--mrfo-primary);
}

.mrfo-announcement-filters a.active{
    background:var(--mrfo-primary);
    color:#fff;
}


/*=========================================================
  TABLE
=========================================================*/

.mrfo-announcement-table-wrap{
    width:100%;
    overflow-x:auto;
}

.mrfo-announcement-table{
    width:100%;
    min-width:760px;
    border-collapse:collapse;
}

.mrfo-announcement-table th{
    height:39px;
    padding:8px;
    background:var(--mrfo-primary);
    color:#fff;
    border-right:1px solid rgba(255,255,255,.2);
    font-size:11px;
    font-weight:800;
    text-align:center;
    white-space:nowrap;
}

.mrfo-announcement-table td{
    height:55px;
    padding:9px 10px;
    border-right:1px solid #dfe7ef;
    border-bottom:1px solid #dfe7ef;
    color:#25384b;
    background:#fff;
    font-size:11.5px;
    font-weight:600;
    line-height:1.45;
    vertical-align:middle;
}

.mrfo-announcement-table tbody tr:nth-child(even) td{
    background:#f8fafc;
}

.mrfo-announcement-table tbody tr:hover td{
    background:#edf6ff;
}


/*=========================================================
  TABLE COLUMNS
=========================================================*/

.mrfo-announcement-table th:nth-child(1),
.mrfo-announcement-table td:nth-child(1){
    width:6%;
    text-align:center;
}

.mrfo-announcement-table th:nth-child(2),
.mrfo-announcement-table td:nth-child(2){
    width:12%;
    text-align:center;
}

.mrfo-announcement-table th:nth-child(3),
.mrfo-announcement-table td:nth-child(3){
    width:14%;
    text-align:center;
}

.mrfo-announcement-table th:nth-child(4),
.mrfo-announcement-table td:nth-child(4){
    width:17%;
    text-align:center;
}

.mrfo-announcement-table th:nth-child(5),
.mrfo-announcement-table td:nth-child(5){
    width:39%;
}

.mrfo-announcement-table th:nth-child(6),
.mrfo-announcement-table td:nth-child(6){
    width:12%;
    text-align:center;
}


/*=========================================================
  DATE
=========================================================*/

.mrfo-announcement-date{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    color:var(--mrfo-primary);
    font-weight:700;
    white-space:nowrap;
}

.mrfo-announcement-date i{
    font-size:11px;
}


/*=========================================================
  CATEGORY
=========================================================*/

.mrfo-announcement-category{
    color:var(--mrfo-primary);
    font-weight:800;
}

.mrfo-advertisement-number{
    color:#394b5e;
    font-weight:600;
}


/*=========================================================
  SUBJECT
=========================================================*/

.mrfo-announcement-subject{
    display:flex;
    align-items:flex-start;
    gap:7px;
    color:#24384b;
    font-weight:650;
}

.mrfo-announcement-new{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:3px 6px;
    border-radius:3px;
    background:#e5395b;
    color:#fff;
    font-size:8px;
    font-weight:800;
    line-height:1;
    flex-shrink:0;
}


/*=========================================================
  DOWNLOAD
=========================================================*/

.mrfo-announcement-actions a{
    width:33px;
    height:33px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #cbd9e7;
    border-radius:5px;
    background:#f3f8fd;
    color:var(--mrfo-primary);
    font-size:14px;
}

.mrfo-announcement-actions a:hover{
    background:var(--mrfo-primary);
    color:#fff;
    border-color:var(--mrfo-primary);
}


/*=========================================================
  WHAT'S NEW
=========================================================*/

.mrfo-whats-header{
    justify-content:flex-start;
}

.mrfo-whats-new-list{
    width:100%;
}

.mrfo-whats-new-item{
    padding:12px 14px;
    border-bottom:1px solid #dfe7ef;
    transition:background .2s ease;
}

.mrfo-whats-new-item:hover{
    background:#f6faff;
}


/* META */

.mrfo-whats-new-meta{
    display:flex;
    align-items:center;
    gap:7px;
    margin-bottom:6px;
}

.mrfo-whats-new-badge{
    padding:3px 6px;
    border-radius:3px;
    background:#e5395b;
    color:#fff;
    font-size:8px;
    font-weight:800;
}

.mrfo-whats-new-category{
    color:var(--mrfo-primary);
    font-size:10px;
    font-weight:800;
}


/* TITLE */

.mrfo-whats-new-title{
    display:block;
    color:#25384b;
    font-size:12.5px;
    font-weight:700;
    line-height:1.45;
}

.mrfo-whats-new-title:hover{
    color:var(--mrfo-primary);
}


/* DATE + VIEW */

.mrfo-whats-new-bottom{
    margin-top:8px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.mrfo-whats-new-date{
    display:flex;
    align-items:center;
    gap:5px;
    color:var(--mrfo-primary) !important;
    font-size:10.5px !important;
    font-weight:700;
}

.mrfo-whats-new-date i{
    font-size:10px;
}

.mrfo-whats-new-view{
    display:flex;
    align-items:center;
    gap:5px;
    color:var(--mrfo-primary);
    font-size:10.5px;
    font-weight:800;
}

.mrfo-whats-new-view:hover{
    color:var(--mrfo-accent);
}


/*=========================================================
  VIEW ALL BUTTON
=========================================================*/

.mrfo-section-footer{
    min-height:58px;
    padding:9px 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f4f8fc;
    border-top:1px solid #d7e1eb;
}

.mrfo-view-all-button{
    min-height:34px;
    padding:0 17px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    border:1px solid var(--mrfo-primary);
    border-radius:5px;
    background:var(--mrfo-primary);
    color:#fff;
    font-size:11px;
    font-weight:800;
    line-height:1;
    box-shadow:0 2px 5px rgba(7,46,93,.12);
}

.mrfo-view-all-button:hover{
    background:var(--mrfo-primary-dark);
    border-color:var(--mrfo-primary-dark);
    color:#fff;
    transform:translateY(-1px);
}

.mrfo-view-all-button i{
    font-size:11px;
}


/*=========================================================
  EMPTY
=========================================================*/

.mrfo-empty-row{
    height:100px;
    text-align:center !important;
    color:#7b8794 !important;
}

.mrfo-whats-empty{
    min-height:180px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:8px;
    color:#7b8794;
    font-size:12px;
    font-weight:600;
}

.mrfo-whats-empty i{
    color:var(--mrfo-primary);
    font-size:24px;
}


/*=========================================================
  TABLET
=========================================================*/

@media(max-width:1100px){

    .mrfo-updates-grid{
        grid-template-columns:1fr;
    }

}


/*=========================================================
  MOBILE
=========================================================*/

@media(max-width:767.98px){

    .mrfo-home-updates{
        margin-top:9px;
    }

    .mrfo-updates-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    .mrfo-section-header{
        min-height:49px;
        padding:0 10px;
    }

    .mrfo-section-title h2{
        font-size:15px;
    }

    .mrfo-announcement-search{
        width:150px;
        height:32px;
    }

    .mrfo-announcement-search input{
        font-size:10.5px;
    }

    .mrfo-announcement-filters a{
        padding:0 12px;
        font-size:10px;
    }

    .mrfo-announcement-table{
        min-width:760px;
    }

    .mrfo-announcement-table td{
        font-size:11px;
    }

    .mrfo-whats-new-item{
        padding:13px 12px;
    }

    .mrfo-whats-new-title{
        font-size:12.5px;
    }

    .mrfo-section-footer{
        min-height:57px;
    }

}








/* =========================================================
   MRFO PRIMARY SERVICES
   Responsive • Clean • Modern
   ========================================================= */

.mrfo-primary-services {
    width: 100%;
    margin: 12px 0 14px;
    padding: 0;
    overflow: hidden;
}


/* =========================================================
   GRID
   ========================================================= */

.mrfo-primary-services-grid {
    width: 100%;
    display: grid;

    /*
     * Large desktop
     * 4 cards in one row
     */
    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 10px;
}


/* =========================================================
   CARD
   ========================================================= */

.mrfo-primary-service-card {
    width: 100%;
    min-width: 0;
    min-height: 76px;

    display: flex;
    align-items: center;

    gap: 12px;

    padding: 11px 14px;

    background: #FFFFFF;

    border: 1px solid #D3DEE9;
    border-radius: 8px;

    color: #24384D;

    box-shadow: 0 2px 7px rgba(7, 46, 93, .05);

    text-decoration: none;

    overflow: hidden;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}


/* =========================================================
   ICON
   ========================================================= */

.mrfo-primary-service-icon {
    width: 43px;
    height: 43px;

    flex: 0 0 43px;

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

    background: #EAF3FF;

    border: 1px solid #D4E4F5;
    border-radius: 7px;

    color: #0B3C78;

    font-size: 20px;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease;
}


/* =========================================================
   CONTENT
   ========================================================= */

.mrfo-primary-service-content {
    min-width: 0;
    flex: 1;

    display: flex;
    flex-direction: column;

    gap: 3px;

    overflow: hidden;
}


/* =========================================================
   TITLE
   ========================================================= */

.mrfo-primary-service-content h3 {
    min-width: 0;

    margin: 0;

    color: #0B3C78;

    font-size: 14px;
    font-weight: 800;

    line-height: 1.35;

    /*
     * Allows wrapping when necessary instead of
     * creating horizontal overflow.
     */
    overflow-wrap: anywhere;
}


/* =========================================================
   DESCRIPTION / ACTION
   ========================================================= */

.mrfo-primary-service-content span {
    min-width: 0;

    display: inline-flex;
    align-items: center;

    gap: 5px;

    color: #66788B;

    font-size: 11px;
    font-weight: 600;

    line-height: 1.35;

    overflow-wrap: anywhere;
}


.mrfo-primary-service-content span i {
    flex: 0 0 auto;

    color: #0B3C78;

    font-size: 10px;

    transition: transform .18s ease;
}


/* =========================================================
   HOVER
   ========================================================= */

.mrfo-primary-service-card:hover {
    background: #F8FBFF;

    border-color: #AFC8E2;

    box-shadow: 0 5px 14px rgba(7, 46, 93, .09);

    color: #24384D;

    transform: translateY(-1px);
}


.mrfo-primary-service-card:hover
.mrfo-primary-service-icon {
    background: #0B3C78;

    border-color: #0B3C78;

    color: #FFFFFF;
}


.mrfo-primary-service-card:hover
.mrfo-primary-service-content h3 {
    color: #072E5D;
}


.mrfo-primary-service-card:hover
.mrfo-primary-service-content span i {
    transform: translateX(3px);
}


/* =========================================================
   LARGE TABLET / SMALL DESKTOP
   <= 1100px
   ========================================================= */

@media (max-width: 1100px) {

    .mrfo-primary-services-grid {
        /*
         * 3 cards per row
         */
        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        gap: 10px;
    }

}


/* =========================================================
   TABLET
   <= 850px
   ========================================================= */

@media (max-width: 850px) {

    .mrfo-primary-services {
        margin: 10px 0 12px;
    }


    .mrfo-primary-services-grid {

        /*
         * 2 cards per row
         */
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 9px;
    }


    .mrfo-primary-service-card {

        min-height: 74px;

        padding: 10px 12px;

        gap: 10px;
    }


    .mrfo-primary-service-icon {

        width: 41px;
        height: 41px;

        flex-basis: 41px;

        font-size: 18px;
    }


    .mrfo-primary-service-content h3 {

        font-size: 13px;

        line-height: 1.35;
    }


    .mrfo-primary-service-content span {

        font-size: 10.5px;

        line-height: 1.35;
    }

}


/* =========================================================
   MOBILE
   <= 576px

   1 CARD PER ROW
   ========================================================= */

@media (max-width: 576px) {

    .mrfo-primary-services {

        margin: 9px 0 11px;

    }


    .mrfo-primary-services-grid {

        /*
         * One card per row on mobile
         */
        grid-template-columns: 1fr;

        gap: 8px;
    }


    .mrfo-primary-service-card {

        min-height: 68px;

        padding: 10px 11px;

        gap: 10px;

        border-radius: 7px;
    }


    .mrfo-primary-service-icon {

        width: 40px;
        height: 40px;

        flex-basis: 40px;

        border-radius: 7px;

        font-size: 18px;
    }


    .mrfo-primary-service-content {

        gap: 2px;
    }


    .mrfo-primary-service-content h3 {

        font-size: 13px;

        line-height: 1.35;

    }


    .mrfo-primary-service-content span {

        font-size: 10px;

        line-height: 1.35;

        /*
         * Do not force one line on narrow screens.
         */
        white-space: normal;

    }


    .mrfo-primary-service-content span i {

        font-size: 9px;

    }

}


/* =========================================================
   SMALL MOBILE
   <= 430px
   ========================================================= */

@media (max-width: 430px) {

    .mrfo-primary-services-grid {

        gap: 7px;

    }


    .mrfo-primary-service-card {

        min-height: 64px;

        padding: 9px 10px;

        gap: 9px;

    }


    .mrfo-primary-service-icon {

        width: 38px;
        height: 38px;

        flex-basis: 38px;

        font-size: 17px;

    }


    .mrfo-primary-service-content h3 {

        font-size: 12.5px;

    }


    .mrfo-primary-service-content span {

        font-size: 9.5px;

    }

}


/* =========================================================
   VERY SMALL PHONES
   <= 360px
   ========================================================= */

@media (max-width: 360px) {

    .mrfo-primary-services-grid {

        gap: 6px;

    }


    .mrfo-primary-service-card {

        min-height: 61px;

        padding: 8px 9px;

        gap: 8px;

    }


    .mrfo-primary-service-icon {

        width: 36px;
        height: 36px;

        flex-basis: 36px;

        font-size: 16px;

        border-radius: 6px;

    }


    .mrfo-primary-service-content h3 {

        font-size: 12px;

    }


    .mrfo-primary-service-content span {

        font-size: 9px;

    }

}


/* =========================================================
   TOUCH DEVICES
   Avoid sticky hover/transform behaviour
   ========================================================= */

@media (hover: none) {

    .mrfo-primary-service-card:hover {

        background: #FFFFFF;

        border-color: #D3DEE9;

        box-shadow: 0 2px 7px rgba(7, 46, 93, .05);

        transform: none;

    }


    .mrfo-primary-service-card:hover
    .mrfo-primary-service-icon {

        background: #EAF3FF;

        border-color: #D4E4F5;

        color: #0B3C78;

    }


    .mrfo-primary-service-card:hover
    .mrfo-primary-service-content h3 {

        color: #0B3C78;

    }


    .mrfo-primary-service-card:hover
    .mrfo-primary-service-content span i {

        transform: none;

    }

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.mrfo-primary-service-card:focus-visible {

    outline: 2px solid #0B3C78;

    outline-offset: 2px;

}


/* =========================================================
   SAFETY
   Prevent long database/text values from
   breaking the layout
   ========================================================= */

.mrfo-primary-services,
.mrfo-primary-services-grid,
.mrfo-primary-service-card,
.mrfo-primary-service-content,
.mrfo-primary-service-content h3,
.mrfo-primary-service-content span {

    overflow-wrap: anywhere;

}








/*=========================================================
    MRFO FOOTER
=========================================================*/

.mrfo-footer{
    width:100%;
    color:#fff;
}


/* MAIN */

.mrfo-footer-main{
    padding:46px 0 42px;
    background:var(--mrfo-primary-dark);
}

.mrfo-footer-main .container{
    display:grid;
    grid-template-columns:1fr 1.8fr;
    gap:65px;
}


/* BRAND */

.mrfo-footer-brand{
    max-width:440px;
}

.mrfo-footer-logo{
    display:inline-flex;
    margin-bottom:14px;
}

.mrfo-footer-logo img{
    width:64px;
    height:64px;
    object-fit:cover;
    padding:3px;
    background:#fff;
    border-radius:8px;
}

.mrfo-footer-brand h2{
    margin:0 0 12px;
    color:#fff;
    font-size:21px;
    font-weight:800;
    line-height:1.35;
}

.mrfo-footer-brand p{
    margin:0;
    color:rgba(255,255,255,.82);
    font-size:13px;
    font-weight:500;
    line-height:1.7;
}


/* VISION MISSION */

.mrfo-footer-links-inline{
    margin-top:20px;
    display:flex;
    align-items:center;
    gap:10px;
}

.mrfo-footer-links-inline a{
    color:#fff;
    font-size:13px;
    font-weight:700;
}

.mrfo-footer-links-inline a:hover{
    color:var(--mrfo-accent);
}

.mrfo-footer-links-inline span{
    width:4px;
    height:4px;
    border-radius:50%;
    background:var(--mrfo-accent);
}


/* SOCIAL */

.mrfo-footer-social{
    margin-top:22px;
    display:flex;
    align-items:center;
    gap:9px;
}

.mrfo-footer-social a{
    width:37px;
    height:37px;

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

    border:1px solid rgba(255,255,255,.25);
    border-radius:6px;

    background:rgba(255,255,255,.07);
    color:#fff;

    font-size:15px;

    transition:var(--mrfo-transition);
}

.mrfo-footer-social a:hover{
    background:var(--mrfo-accent);
    border-color:var(--mrfo-accent);
    color:#fff;
    transform:translateY(-2px);
}


/* THREE COLUMNS */

.mrfo-footer-columns{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

.mrfo-footer-column h3{
    position:relative;

    margin:0 0 21px;
    padding-bottom:12px;

    color:#fff;

    font-size:16px;
    font-weight:800;
    line-height:1.3;
}

.mrfo-footer-column h3::after{
    content:"";

    position:absolute;
    left:0;
    bottom:0;

    width:34px;
    height:3px;

    border-radius:2px;

    background:var(--mrfo-accent);
}

.mrfo-footer-column ul{
    margin:0;
    padding:0;
    list-style:none;
}

.mrfo-footer-column li{
    margin-bottom:13px;
}

.mrfo-footer-column a{
    display:flex;
    align-items:center;
    gap:8px;

    color:rgba(255,255,255,.82);

    font-size:13px;
    font-weight:600;
    line-height:1.45;

    transition:var(--mrfo-transition);
}

.mrfo-footer-column a i{
    color:var(--mrfo-accent);
    font-size:9px;
    flex:0 0 auto;
}

.mrfo-footer-column a:hover{
    color:#fff;
    padding-left:3px;
}


/* CONTACT */

.mrfo-footer-contact{
    background:var(--mrfo-primary);
    border-top:1px solid rgba(255,255,255,.15);
    border-bottom:1px solid rgba(255,255,255,.15);
}

.mrfo-footer-contact-grid{
    min-height:86px;

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

.mrfo-footer-contact-item{
    min-width:0;

    padding:15px 20px;

    display:flex;
    align-items:center;
    gap:13px;

    border-right:1px solid rgba(255,255,255,.16);

    color:#fff;
}

.mrfo-footer-contact-item:last-child{
    border-right:0;
}

.mrfo-footer-contact-item > i{
    width:38px;
    height:38px;

    flex:0 0 38px;

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

    border-radius:6px;

    background:rgba(255,255,255,.10);

    color:var(--mrfo-accent);

    font-size:16px;
}

.mrfo-footer-contact-item strong{
    display:block;
    margin-bottom:4px;

    color:#fff;

    font-size:12px;
    font-weight:800;
}

.mrfo-footer-contact-item span{
    display:block;

    color:rgba(255,255,255,.78);

    font-size:11.5px;
    font-weight:500;
    line-height:1.45;

    overflow-wrap:anywhere;
}

.mrfo-footer-contact-item:hover{
    background:rgba(255,255,255,.04);
}


/* COPYRIGHT */

.mrfo-footer-bottom{
    background:#041f3f;
}

.mrfo-footer-bottom-wrapper{
    min-height:58px;

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

    gap:20px;
}

.mrfo-footer-bottom p{
    margin:0;

    color:rgba(255,255,255,.75);

    font-size:11.5px;
    font-weight:600;
    line-height:1.5;
}

.mrfo-footer-bottom-links{
    display:flex;
    align-items:center;
    gap:9px;
}

.mrfo-footer-bottom-links a{
    color:rgba(255,255,255,.72);

    font-size:11px;
    font-weight:600;
}

.mrfo-footer-bottom-links a:hover{
    color:#fff;
}

.mrfo-footer-bottom-links span{
    color:rgba(255,255,255,.3);
    font-size:10px;
}


/* TABLET */

@media(max-width:991.98px){

    .mrfo-footer-main{
        padding:38px 0;
    }

    .mrfo-footer-main .container{
        grid-template-columns:1fr;
        gap:38px;
    }

    .mrfo-footer-brand{
        max-width:700px;
    }

    .mrfo-footer-columns{
        gap:25px;
    }

    .mrfo-footer-contact-grid{
        grid-template-columns:1fr;
    }

    .mrfo-footer-contact-item{
        min-height:70px;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.14);
    }

    .mrfo-footer-contact-item:last-child{
        border-bottom:0;
    }

    .mrfo-footer-bottom-wrapper{
        padding:12px 0;
        min-height:60px;
        flex-wrap:wrap;
    }

}


/* MOBILE */

@media(max-width:767.98px){

    .mrfo-footer-main{
        padding:32px 0;
    }

    .mrfo-footer-main .container{
        gap:32px;
    }

    .mrfo-footer-brand h2{
        font-size:18px;
    }

    .mrfo-footer-brand p{
        font-size:12px;
    }

    .mrfo-footer-links-inline a{
        font-size:12px;
    }

    .mrfo-footer-columns{
        grid-template-columns:1fr;
        gap:30px;
    }

    .mrfo-footer-column h3{
        font-size:15px;
        margin-bottom:17px;
    }

    .mrfo-footer-column li{
        margin-bottom:11px;
    }

    .mrfo-footer-column a{
        font-size:12.5px;
    }

    .mrfo-footer-contact-item{
        padding:13px 10px;
    }

    .mrfo-footer-bottom-wrapper{
        min-height:auto;
        padding:14px 0;

        flex-direction:column;

        justify-content:center;

        text-align:center;

        gap:8px;
    }

    .mrfo-footer-bottom p{
        font-size:11px;
    }

}



.mrfo-sidebar .mrfo-side-item.active {
    background: #1478F2;
    color: #FFFFFF;
}

.mrfo-sidebar .mrfo-side-item.active i {
    color: #FFFFFF;
}

.mrfo-sidebar .mrfo-side-item.active:hover {
    background: #1478F2;
    color: #FFFFFF;
}

.mrfo-sidebar .mrfo-side-group.open > .mrfo-side-toggle {
    color: #FFFFFF;
}

.mrfo-sidebar .mrfo-side-group.open > .mrfo-side-toggle.active {
    background: #1478F2;
    color: #FFFFFF;
}

.mrfo-sidebar .mrfo-side-submenu a.active {
    color: #FFFFFF;
    font-weight: 700;
}



/*=========================================================
    MRFO HOME PAGE
    GLOBAL READABLE FONT SCALE
    Student Login Style
=========================================================*/


/*=========================================================
    BASE HOME CONTENT
=========================================================*/

.mrfo-main-content{
    font-size:15px;
}


/*=========================================================
    IMPORTANT NOTICE
=========================================================*/

.mrfo-notice-label{
    font-size:14px !important;
    font-weight:800 !important;
}

.mrfo-notice-label i{
    font-size:16px !important;
}

.mrfo-notice-text{
    font-size:15px !important;
    font-weight:700 !important;
}

.mrfo-notice-new{
    font-size:10px !important;
    height:21px !important;
}


/*=========================================================
    ANNOUNCEMENT SECTION HEADER
=========================================================*/

.mrfo-section-header{
    min-height:58px !important;
    padding:0 16px !important;
}

.mrfo-section-title{
    gap:11px !important;
}

.mrfo-section-title i{
    width:36px !important;
    height:36px !important;
    font-size:17px !important;
}

.mrfo-section-title h2{
    font-size:19px !important;
    font-weight:800 !important;
    line-height:1.3 !important;
}


/*=========================================================
    SEARCH
=========================================================*/

.mrfo-announcement-search{
    width:260px !important;
    height:40px !important;
}

.mrfo-announcement-search input{
    font-size:14px !important;
    font-weight:500 !important;
}

.mrfo-announcement-search button{
    width:42px !important;
    flex-basis:42px !important;
    font-size:15px !important;
}


/*=========================================================
    CATEGORY FILTER
=========================================================*/

.mrfo-announcement-filters{
    min-height:45px !important;
}

.mrfo-announcement-filters a{
    height:34px !important;
    padding:0 16px !important;

    font-size:13px !important;
    font-weight:700 !important;
}


/*=========================================================
    ANNOUNCEMENT TABLE
=========================================================*/

.mrfo-announcement-table th{
    height:46px !important;

    padding:10px 9px !important;

    font-size:13px !important;
    font-weight:800 !important;
}

.mrfo-announcement-table td{
    height:62px !important;

    padding:11px 12px !important;

    font-size:14px !important;
    font-weight:600 !important;

    line-height:1.5 !important;
}


/* DATE */

.mrfo-announcement-date{
    font-size:13.5px !important;
    font-weight:700 !important;
}

.mrfo-announcement-date i{
    font-size:13px !important;
}


/* CATEGORY */

.mrfo-announcement-category{
    font-size:14px !important;
    font-weight:800 !important;
}


/* ADVERTISEMENT */

.mrfo-advertisement-number{
    font-size:13.5px !important;
    font-weight:700 !important;
}


/* SUBJECT */

.mrfo-announcement-subject{
    font-size:14px !important;
    font-weight:650 !important;
    line-height:1.5 !important;
}

.mrfo-announcement-new{
    padding:4px 7px !important;

    font-size:9px !important;
}


/* DOWNLOAD BUTTON */

.mrfo-announcement-actions a{
    width:38px !important;
    height:38px !important;

    font-size:16px !important;
}


/*=========================================================
    WHAT'S NEW
=========================================================*/

.mrfo-whats-new-item{
    padding:16px 17px !important;
}


/* CATEGORY */

.mrfo-whats-new-category{
    font-size:12px !important;
    font-weight:800 !important;
}

.mrfo-whats-new-badge{
    padding:4px 7px !important;
    font-size:9px !important;
}


/* TITLE */

.mrfo-whats-new-title{
    font-size:15px !important;
    font-weight:750 !important;
    line-height:1.5 !important;
}


/* DATE */

.mrfo-whats-new-date{
    font-size:13px !important;
    font-weight:700 !important;
}

.mrfo-whats-new-date i{
    font-size:12px !important;
}


/* VIEW DETAILS */

.mrfo-whats-new-view{
    font-size:13px !important;
    font-weight:800 !important;
}


/*=========================================================
    VIEW ALL BUTTON
=========================================================*/

.mrfo-section-footer{
    min-height:62px !important;
}

.mrfo-view-all-button{
    min-height:39px !important;

    padding:0 19px !important;

    font-size:13px !important;
    font-weight:800 !important;
}

.mrfo-view-all-button i{
    font-size:13px !important;
}


/*=========================================================
    QUICK ACCESS
=========================================================*/

.mrfo-quick-access{
    padding:14px 0 !important;
}

.mrfo-quick-card{
    height:82px !important;

    gap:8px !important;
}

.mrfo-quick-card > i{
    font-size:23px !important;
}

.mrfo-quick-card > span{
    font-size:13.5px !important;
    font-weight:800 !important;
    line-height:1.3 !important;
}


/*=========================================================
    FOOTER
=========================================================*/

.mrfo-footer-brand p{
    font-size:14px !important;
    line-height:1.7 !important;
}

.mrfo-footer-brand h2{
    font-size:23px !important;
}

.mrfo-footer-column h3{
    font-size:17px !important;
}

.mrfo-footer-column a{
    font-size:14px !important;
}

.mrfo-footer-contact-item{
    font-size:14px !important;
}


/*=========================================================
    TABLET
=========================================================*/

@media(max-width:991.98px){

    .mrfo-section-title h2{
        font-size:18px !important;
    }

    .mrfo-announcement-table th{
        font-size:13px !important;
    }

    .mrfo-announcement-table td{
        font-size:14px !important;
    }

    .mrfo-quick-card > span{
        font-size:13px !important;
    }

}


/*=========================================================
    MOBILE
=========================================================*/

@media(max-width:767.98px){

    /* NOTICE */

    .mrfo-notice-label{
        font-size:12px !important;
    }

    .mrfo-notice-label i{
        font-size:14px !important;
    }

    .mrfo-notice-text{
        font-size:13px !important;
    }


    /* SECTION HEADER */

    .mrfo-section-header{
        min-height:56px !important;
        padding:0 12px !important;
    }

    .mrfo-section-title{
        gap:8px !important;
    }

    .mrfo-section-title i{
        width:34px !important;
        height:34px !important;

        font-size:16px !important;
    }

    .mrfo-section-title h2{
        font-size:17px !important;
    }


    /* SEARCH */

    .mrfo-announcement-search{
        width:175px !important;
        height:37px !important;
    }

    .mrfo-announcement-search input{
        font-size:13px !important;
    }


    /* FILTER */

    .mrfo-announcement-filters{
        min-height:43px !important;
    }

    .mrfo-announcement-filters a{
        height:32px !important;

        padding:0 13px !important;

        font-size:12px !important;
    }


    /* TABLE */

    .mrfo-announcement-table{
        min-width:850px !important;
    }

    .mrfo-announcement-table th{
        height:45px !important;

        font-size:13px !important;
    }

    .mrfo-announcement-table td{
        height:60px !important;

        font-size:13.5px !important;
    }

    .mrfo-announcement-subject{
        font-size:13.5px !important;
    }


    /* WHAT'S NEW */

    .mrfo-whats-new-item{
        padding:15px 14px !important;
    }

    .mrfo-whats-new-title{
        font-size:15px !important;
        line-height:1.5 !important;
    }

    .mrfo-whats-new-category{
        font-size:12px !important;
    }

    .mrfo-whats-new-date,
    .mrfo-whats-new-view{
        font-size:12.5px !important;
    }


    /* VIEW ALL */

    .mrfo-view-all-button{
        min-height:39px !important;

        font-size:13px !important;
    }


    /* QUICK ACCESS */

    .mrfo-quick-access{
        padding:11px 0 !important;
    }

    .mrfo-quick-card{
        height:76px !important;

        gap:7px !important;
    }

    .mrfo-quick-card > i{
        font-size:21px !important;
    }

    .mrfo-quick-card > span{
        font-size:13px !important;
        font-weight:800 !important;
    }


    /* FOOTER */

    .mrfo-footer-brand h2{
        font-size:20px !important;
    }

    .mrfo-footer-brand p{
        font-size:13.5px !important;
    }

    .mrfo-footer-column h3{
        font-size:16px !important;
    }

    .mrfo-footer-column a{
        font-size:13.5px !important;
    }

}