/* ===========================
   GLOBAL
=========================== */

body{

margin:0;

font-family:'IBM Plex Sans',sans-serif;

background:#fff;

color:#1f2937;

}

.container{

width:92% ;

max-width:1440px;

margin:auto;

}

/* ===========================
TOP BAR
=========================== */

.top-bar{

height:54px;

border-bottom:1px solid #ececec;

display:flex;

align-items:center;

background:#fff;

}

.top-bar-inner{

display:flex;

justify-content:space-between;

align-items:center;

}

.top-links{

margin-left:auto;

display:flex;

gap:38px;

align-items:center;

}

.top-links a{

font-size:15px;

font-weight:500;

color:#555;

text-decoration:none;

transition:.3s;

position:relative;

padding:10px 0;

}

.top-links a:hover{

color:#0f62fe;

}

/* ===========================
MAIN NAV
=========================== */

.main-nav{

height:94px;

background:#fff;

border-bottom:1px solid #ececec;

}

.nav-inner{

height:100%;

display:grid;

grid-template-columns:280px 1fr;

align-items:center;

}

/* ===========================
LOGO
=========================== */

.logo a{

display:flex;

align-items:center;

text-decoration:none;

color:#111827;

}

.logo-icon{

position:relative;

width:46px;

height:46px;

margin-right:16px;

}

.logo-square{

position:absolute;

width:32px;

height:32px;

background:#0f62fe;

border-radius:8px;

left:0;

top:8px;

}

.logo-square.small{

width:16px;

height:16px;

right:0;

left:auto;

top:0;

background:#111827;

border-radius:4px;

}

.logo-name{

display:flex;

flex-direction:column;

}

.logo-name span:first-child{

font-size:28px;

font-weight:700;

line-height:1;

}

.logo-name span:last-child{

font-size:28px;

font-weight:700;

line-height:1.1;

}

/* ===========================
NAVIGATION
=========================== */

.umr-header nav{

display:flex;

justify-content:center;

}
.umr-header nav ul{

display:flex;

gap:70px;

padding:0;

margin:0;

list-style:none;

}

.umr-header nav li{

position:relative;

}

.umr-header nav a{

display:block;

padding:14px 18px;

border-radius:8px;

font-size:17px;

font-weight:500;

text-decoration:none;

color:#1f2937;

transition:.25s;

position:relative;

}

.umr-header nav a::after{

content:"";

position:absolute;

bottom:6px;

left:50%;

transform:translateX(-50%);

width:0;

height:2px;

background:#0f62fe;

transition:.3s;

}

.umr-header nav a:hover{

background:#f5f8ff;

color:#0f62fe;

transform:translateY(-2px);

box-shadow:0 8px 18px rgba(0,0,0,.08);

}

nav a:hover::after{

width:65%;

}

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

.search-btn svg{

width:20px;

height:20px;

stroke:#444;

transition:.3s;

}

.search-btn:hover svg{

stroke:#0f62fe;

transform:scale(1.15);

}
.umr-header{

position:sticky;

top:0;

z-index:9999;

background:white;

}
/* ==========================================
   MARKET REPORTS MEGA MENU
========================================== */

.mega-parent{

    position:relative;
    padding-bottom:20px;

}

.mega-menu{

    position:absolute;

    top:calc(100% - 5px);

    left:50%;

    transform:translateX(-50%);

    width:980px;

    background:#fff;

    border-radius:18px;

    box-shadow:0 25px 70px rgba(15,23,42,.15);

    display:none;

    grid-template-columns:300px 1fr;

    overflow:hidden;

    z-index:9999;

    margin-top:0;

}

.mega-parent:hover .mega-menu{

    display:grid;

}

/* LEFT PANEL */

.mega-left{

    background:#F8FAFD;

    border-right:1px solid #EEF2F7;

    padding:20px 0;

    max-height:520px;

    overflow-y:auto;

}
.mega-left::-webkit-scrollbar{

    width:6px;

}

.mega-left::-webkit-scrollbar-thumb{

    background:#CBD5E1;

    border-radius:10px;

}

.mega-left::-webkit-scrollbar-thumb:hover{

    background:#94A3B8;

}

.industry-item{

    padding:11px 24px;

    cursor:pointer;

    transition:.25s;

    font-weight:500;

    font-size:15px;

    line-height:1.35;

    color:#334155;

    border-left:3px solid transparent;

}

.industry-item:hover,

.industry-item.active{

    background:#EEF4FF;

    border-left:3px solid #2563EB;

    color:#2563EB;

}

/* RIGHT PANEL */

.mega-right{

    padding:35px;

    position:relative;

}

.category-panel{

    display:none;

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

    gap:18px;

}

.category-panel.active{

    display:grid;

}

.category-panel a{

    text-decoration:none;

    color:#334155;

    padding:8px 0;

    transition:.25s;

    font-size:14px;

    line-height:1.4;

}

.category-panel a:hover{

    color:#2563EB;

    padding-left:8px;

}
/*=========================================
RESOURCES DROPDOWN
=========================================*/

.resources-parent{

    position:relative;

    padding-bottom:20px;

}

.resources-menu{

    position:absolute;
    top:calc(100% - 5px);
    left:50%;
    transform:translateX(-50%);

    width:420px;

    background:#fff;

    border-radius:18px;

    box-shadow:0 25px 60px rgba(15,23,42,.15);

    display:none;

    padding:18px;

    z-index:9999;

}

.resources-parent:hover .resources-menu{

    display:block;

}

.resources-menu a{

    display:block;

    padding:18px;

    border-radius:12px;

    text-decoration:none;

    color:#0F172A;

    transition:.25s;

}

.resources-menu a:hover{

    background:#F8FAFC;

}

.resources-menu strong{

    display:block;

    font-size:16px;

    margin-bottom:6px;

}

.resources-menu span{

    color:#64748B;

    font-size:14px;

    line-height:1.5;

}
.resources-menu strong{

    display:block;

    font-size:16px;

    font-weight:600;

    margin-bottom:4px;

}

.resources-menu span{

    display:block;

    font-size:14px;

    color:#64748b;

    line-height:1.5;

}
/*=====================================
UMR BRAND LOGO (HEADER)
======================================*/

.umr-header .logo a.umr-logo-link{

    display:flex;
    align-items:center;
    text-decoration:none;

}

.umr-header .logo .umr-logo-img{

    display:block;
    height:72px;
    width:auto;
    max-width:380px;
    object-fit:contain;

}

@media (max-width:1024px){

    .umr-header .logo .umr-logo-img{
        height:58px;
        max-width:280px;
    }

}

@media (max-width:600px){

    .umr-header .logo .umr-logo-img{
        height:46px;
        max-width:220px;
    }

}