/*==================================================
QANOON MARKAZ HEADER
==================================================*/

:root{
--blue:#0B2D6B;
--gold:#C79A1B;
--white:#ffffff;
--text:#222;
--light:#f5f7fb;
}

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

.container{
max-width:1480px;
margin:auto;
padding:0 20px;
}

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

.qm-topbar{
background:var(--blue);
color:#fff;
height:48px;
}

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

.qm-topbar-left{
display:flex;
align-items:center;
gap:10px;
font-size:14px;
font-weight:500;
}

.qm-topbar-center{
font-size:18px;
font-weight:600;
color:#fff;
}

.qm-topbar-right{
display:flex;
align-items:center;
gap:18px;
}

.qm-language a{
color:#fff;
text-decoration:none;
margin:0 4px;
}

.qm-search{
display:flex;
}

.qm-search input{
width:220px;
height:36px;
padding:0 12px;
border:none;
outline:none;
}

.qm-search button{
width:45px;
background:var(--gold);
border:none;
color:#fff;
cursor:pointer;
}

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

.qm-header{
background:#fff;
padding:22px 0;
border-bottom:1px solid #ececec;
}

.qm-header-wrapper{
display:grid;
grid-template-columns:180px 1fr 320px;
gap:25px;
align-items:center;
}

.qm-logo img{
width:150px;
height:auto;
display:block;
}

.qm-brand h1{
font-size:52px;
color:var(--blue);
font-weight:700;
margin-bottom:8px;
}

.qm-brand h1 a{
text-decoration:none;
color:var(--blue);
}

.qm-brand p{
font-size:19px;
line-height:1.6;
color:#555;
max-width:450px;
}

.qm-advertisement{
display:flex;
justify-content:flex-end;
}

.qm-advertisement img{
width:500px;
height:100px;
object-fit:cover;
border:1px solid #ddd;
}


/*==================================
Responsive
==================================*/

@media(max-width:991px){

.qm-header-wrapper{
grid-template-columns:1fr;
text-align:center;
}

.qm-logo img{
margin:auto;
}

.qm-advertisement{
justify-content:center;
margin-top:20px;
}

.qm-nav{
flex-wrap:wrap;
justify-content:center;
}

.qm-topbar-wrapper{
flex-direction:column;
height:auto;
padding:10px 0;
gap:10px;
}

.qm-topbar{
height:auto;
}

}
/*==========================
MAIN MENU
==========================*/

.qm-menu{
    background:#0B2D6B;
    border-top:3px solid #C79A1B;
    border-bottom:3px solid #C79A1B;
}

.qm-menu .container{
    max-width:100%;
    margin:auto;
}

.qm-nav{
    display:flex;
    justify-content:center;
    align-items:center;
    list-style:none;
    gap:0px;
    margin:0;
    padding:0;
}

.qm-nav li{
    position:relative;
}

.qm-nav>li>a{

    display:block;

    padding:0px 0px;

    color:#fff;

    font-size:16px;

    font-weight:600;

    text-decoration:none;

    transition:.3s;

}

.qm-nav>li>a:hover{

    background:#C79A1B;

}

.qm-nav .current-menu-item>a{

    background:#C79A1B;

}

.qm-nav ul{

    display:none;

    position:absolute;

    top:100%;

    left:0;

    width:250px;

    background:#0B2D6B;

    list-style:none;

    padding:0;

    margin:0;

    z-index:9999;

}

.qm-nav li:hover>ul{

    display:block;

}

.qm-nav ul li a{

    display:block;

    padding:15px 18px;

    color:#fff;

    text-decoration:none;

    border-bottom:1px solid rgba(255,255,255,.10);

}

.qm-nav ul li a:hover{

    background:#C79A1B;

}
/* ==========================================================
   QANOON MARKAZ
   URDU / RTL FOUNDATION
   ========================================================== */

body.qm-rtl {
    direction: rtl;
    text-align: right;
}

body.qm-rtl .qm-topbar-left,
body.qm-rtl .qm-topbar-center,
body.qm-rtl .qm-topbar-right {
    direction: rtl;
}

body.qm-rtl .qm-search {
    direction: rtl;
}

body.qm-rtl input,
body.qm-rtl textarea,
body.qm-rtl select {
    text-align: right;
    direction: rtl;
}