/*
 * Nizamname visual polish layer.
 * Kept separate from the legacy inline overrides so live deployment stays simple.
 */
html body{
    background:#eef2f6!important;
    color:#101827!important;
    -webkit-font-smoothing:antialiased!important;
    text-rendering:optimizeLegibility!important;
}

html body .nn-site-header{
    box-shadow:0 16px 38px rgba(7,20,38,.10)!important;
}

html body > header.nn-site-header .nn-topbar{
    background:#08182d!important;
}

html body > header.nn-site-header .nn-brandbar{
    background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
    border-bottom:1px solid rgba(119,132,151,.20)!important;
}

html body > header.nn-site-header .nn-logo:before{
    box-shadow:0 0 0 4px rgba(223,36,48,.10)!important;
}

html body > header.nn-site-header .nn-logo-text,
html body > header.nn-site-header .nn-logo-sub,
html body .nn-slide-body h2,
html body .nn-section-title h2,
html body .nn-card h3{
    letter-spacing:0!important;
}

html body > header.nn-site-header .nn-head-ad{
    border-color:rgba(255,255,255,.18)!important;
    background:
        linear-gradient(116deg,rgba(255,255,255,.08),rgba(255,255,255,0) 34%),
        linear-gradient(112deg,#071426 0%,#112d50 56%,#731b3a 100%)!important;
    box-shadow:0 18px 42px rgba(7,20,38,.18),inset 0 1px 0 rgba(255,255,255,.14)!important;
}

html body > header.nn-site-header .nn-head-ad a{
    box-shadow:0 10px 22px rgba(216,32,43,.26)!important;
}

html body > header.nn-site-header .nn-nav{
    background:linear-gradient(180deg,#09203b 0%,#071426 100%)!important;
    box-shadow:0 14px 30px rgba(7,20,38,.20)!important;
}

html body > header.nn-site-header .nn-menu>a:hover,
html body > header.nn-site-header .nn-dropdown>button:hover{
    background:#12375c!important;
}

html body > header.nn-site-header .nn-menu>a,
html body > header.nn-site-header .nn-dropdown>button{
    color:#fff!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1.1!important;
    text-shadow:0 1px 2px rgba(0,0,0,.28)!important;
}

html body > header.nn-site-header .nn-top-date,
html body > header.nn-site-header .nn-top-time,
html body > header.nn-site-header .nn-top-right>a:not(.nn-social-icon){
    color:#fff!important;
    font-size:14px!important;
}

html body .nn-hero-wrap{
    background:linear-gradient(180deg,#f7f9fc 0%,#eef2f6 100%)!important;
    padding-top:30px!important;
}

html body .nn-slider,
html body .nn-slider-wide{
    border:1px solid rgba(255,255,255,.82)!important;
    border-radius:8px!important;
    box-shadow:0 24px 54px rgba(7,20,38,.22)!important;
    background:#071426!important;
}

html body .nn-slide img,
html body .nn-slider-wide img,
html body .nn-card img{
    image-rendering:auto!important;
    object-fit:cover!important;
    filter:saturate(1.08) contrast(1.05) brightness(1.02)!important;
    transform:translateZ(0)!important;
}

html body .nn-slide img,
html body .nn-slider-wide img{
    object-fit:fill!important;
    object-position:center center!important;
    background:#071426!important;
}

html body .nn-card img{
    object-fit:cover!important;
}

html body .nn-slide:after{
    background:
        linear-gradient(90deg,rgba(4,13,25,.88) 0%,rgba(4,13,25,.58) 42%,rgba(4,13,25,.10) 78%),
        linear-gradient(0deg,rgba(4,13,25,.42),rgba(4,13,25,0) 45%)!important;
}

html body .nn-slide-body{
    text-shadow:0 3px 18px rgba(0,0,0,.52)!important;
}

html body .nn-slide-body h2{
    max-width:620px!important;
    font-weight:950!important;
}

html body .nn-kicker{
    border-radius:3px!important;
    box-shadow:0 10px 20px rgba(237,28,36,.28)!important;
}

html body .nn-slider-btn{
    backdrop-filter:blur(10px)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
}

html body .nn-dots button{
    box-shadow:0 6px 14px rgba(0,0,0,.28)!important;
}

html body .nn-section-title{
    border-bottom:1px solid rgba(119,132,151,.22)!important;
}

html body .nn-section-title h2{
    color:#08182d!important;
}

html body .nn-section-title a{
    color:#c51d2d!important;
}

html body main.nn-main section>.nn-grid-4{
    gap:24px!important;
}

html body main.nn-main section>.nn-grid-4>a.nn-card,
html body .nn-grid-4 .nn-card{
    background:#fff!important;
    border:1px solid rgba(119,132,151,.20)!important;
    border-radius:8px!important;
    box-shadow:0 14px 34px rgba(7,20,38,.09)!important;
    overflow:hidden!important;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}

html body main.nn-main section>.nn-grid-4>a.nn-card:hover,
html body .nn-grid-4 .nn-card:hover{
    border-color:rgba(216,32,43,.28)!important;
    box-shadow:0 24px 46px rgba(7,20,38,.16)!important;
    transform:translateY(-4px)!important;
}

html body .nn-grid-4 .nn-card img{
    height:205px!important;
    background:#dbe3ec!important;
}

html body .nn-grid-4 .nn-card .nn-card-body{
    padding:18px 18px 19px!important;
}

html body .nn-grid-4 .nn-card h3{
    color:#0b1627!important;
    font-weight:950!important;
}

html body .nn-grid-4 .nn-card p{
    color:#4b5565!important;
}

html body .nn-meta{
    color:#667085!important;
}

html body .site-footer,
html body footer{
    background:linear-gradient(180deg,#08182d 0%,#06111f 100%)!important;
    box-shadow:0 -18px 42px rgba(7,20,38,.16)!important;
}

html body .nn-footer-main{
    border-top:1px solid rgba(255,255,255,.08)!important;
}

@media (min-width:901px) and (max-width:1280px){
    html body > header.nn-site-header .nn-menu>a,
    html body > header.nn-site-header .nn-dropdown>button{
        font-size:14px!important;
        padding-left:8px!important;
        padding-right:8px!important;
    }

    html body .nn-grid-4 .nn-card img{
        height:190px!important;
    }
}

@media (max-width:900px){
    html body > header.nn-site-header .nn-brandbar{
        height:92px!important;
        min-height:92px!important;
        background:#ffffff!important;
        border-bottom:1px solid rgba(119,132,151,.26)!important;
    }

    html body > header.nn-site-header .nn-brandbar-inner{
        height:92px!important;
        min-height:92px!important;
        grid-template-columns:58px minmax(0,1fr) 48px 48px!important;
        grid-template-rows:56px 24px!important;
        padding:10px 12px 2px!important;
    }

    html body > header.nn-site-header .nn-mobile-logo-text{
        color:#071426!important;
        font-size:29px!important;
        font-weight:950!important;
        text-shadow:none!important;
    }

    html body > header.nn-site-header .nn-mobile-logo-sub{
        color:#0b2746!important;
        font-size:10px!important;
        font-weight:950!important;
        letter-spacing:0!important;
    }

    html body > header.nn-site-header .nn-mobile-menu-toggle,
    html body > header.nn-site-header .nn-mobile-video-icon,
    html body > header.nn-site-header .nn-mobile-search-icon{
        width:48px!important;
        height:48px!important;
    }

    html body > header.nn-site-header .nn-mobile-menu-toggle span{
        background:#071426!important;
        width:31px!important;
        height:3px!important;
    }

    html body > header.nn-site-header .nn-mobile-video-icon svg,
    html body > header.nn-site-header .nn-mobile-search-icon svg{
        width:33px!important;
        height:33px!important;
        fill:#071426!important;
    }

    html body > header.nn-site-header .nn-mobile-nav{
        top:92px!important;
        background:#071426!important;
    }

    html body > header.nn-site-header .nn-mobile-nav a{
        min-height:56px!important;
        height:56px!important;
        color:#fff!important;
        font-size:15px!important;
        font-weight:950!important;
        line-height:1.15!important;
        text-shadow:0 1px 2px rgba(0,0,0,.34)!important;
    }

    html body .nn-hero-wrap{
        padding-top:14px!important;
    }

    html body .nn-slider,
    html body .nn-slider-wide,
    html body .nn-slide,
    html body .nn-slide.is-active,
    html body .nn-slide img,
    html body .nn-slider-wide img{
        height:430px!important;
    }

    html body .nn-slide img,
    html body .nn-slider-wide img,
    html body .nn-card img,
    html body .nn-grid-4 .nn-card img,
    html body main.nn-main section>.nn-grid-4>a.nn-card>img{
        width:100%!important;
        object-position:center center!important;
    }

    html body .nn-slide img,
    html body .nn-slider-wide img{
        object-fit:fill!important;
        background:#071426!important;
    }

    html body .nn-card img,
    html body .nn-grid-4 .nn-card img,
    html body main.nn-main section>.nn-grid-4>a.nn-card>img{
        object-fit:cover!important;
    }

    html body .nn-slider,
    html body .nn-slider-wide{
        border-radius:7px!important;
        box-shadow:0 16px 34px rgba(7,20,38,.18)!important;
    }

    html body .nn-slide-body{
        left:22px!important;
        right:22px!important;
        bottom:42px!important;
        max-width:none!important;
    }

    html body .nn-slide-body h2{
        font-size:27px!important;
        line-height:1.16!important;
    }

    html body main.nn-main section>.nn-grid-4{
        grid-template-columns:1fr!important;
        gap:18px!important;
    }

    html body main.nn-main section>.nn-grid-4>a.nn-card,
    html body .nn-grid-4 .nn-card{
        display:block!important;
        grid-template-columns:none!important;
        min-height:0!important;
        width:100%!important;
    }

    html body .nn-grid-4 .nn-card img{
        display:block!important;
        width:100%!important;
        height:255px!important;
    }
}

@media (max-width:430px){
    html body .nn-slider,
    html body .nn-slider-wide,
    html body .nn-slide,
    html body .nn-slide.is-active,
    html body .nn-slide img,
    html body .nn-slider-wide img{
        height:390px!important;
    }

    html body .nn-grid-4 .nn-card img{
        height:235px!important;
    }

    html body main.nn-main section>.nn-grid-4>a.nn-card,
    html body .nn-grid-4 .nn-card{
        display:block!important;
        grid-template-columns:none!important;
        min-height:0!important;
    }

    html body .nn-slide-body h2{
        font-size:24px!important;
    }
}
