/*
Theme Name: Nasir Group Corporate Clean
Theme URI: https://nasirgroup.com.bd/
Author: Nasir Group
Description: Clean corporate WordPress theme for Nasir Group with a simplified header and hero.
Version: 1.1.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: nasirgroup
License: GNU General Public License v2 or later
*/

:root{--ng-primary:#0b4f8a;--ng-secondary:#d51f2f;--ng-dark:#142433;--ng-light:#f6f8fb}
body{font-family:Poppins,Arial,sans-serif;color:#45525d}
a{text-decoration:none}.bg-primary{background-color:var(--ng-primary)!important}.text-primary{color:var(--ng-primary)!important}.btn-primary{background:var(--ng-primary);border-color:var(--ng-primary)}.btn-primary:hover{background:var(--ng-secondary);border-color:var(--ng-secondary)}
.ng-topbar{background:var(--ng-dark);color:#fff}.ng-topbar a{color:#fff}.ng-brand img{max-height:58px;width:auto}.ng-brand-text{font-weight:800;color:var(--ng-primary);letter-spacing:.3px}
.navbar .nav-link{font-weight:600}.navbar .current-menu-item>.nav-link,.navbar .nav-link:hover{color:var(--ng-secondary)!important}
.ng-hero .carousel-item{min-height:520px;background-size:cover;background-position:center;position:relative}.ng-hero .carousel-item:before{display:none!important}.ng-hero .carousel-caption{display:none!important}
.ng-section{padding:80px 0}.ng-section-title{max-width:760px;margin:0 auto 45px;text-align:center}.ng-section-title h2{font-weight:800;color:var(--ng-dark)}
.ng-card{height:100%;border:0;box-shadow:0 12px 32px rgba(20,36,51,.08);transition:.25s;background:#fff}.ng-card:hover{transform:translateY(-6px);box-shadow:0 16px 38px rgba(20,36,51,.14)}.ng-card img{height:220px;object-fit:cover}.ng-card .card-title{color:var(--ng-dark);font-weight:700}.ng-card .btn-link{color:var(--ng-secondary);font-weight:700}
.ng-stat{background:var(--ng-dark);color:#fff;padding:28px;border-radius:8px;text-align:center;height:100%}.ng-stat strong{font-size:2rem;display:block}
.ng-page-hero{padding:120px 0 70px;background:linear-gradient(135deg,var(--ng-dark),var(--ng-primary));color:#fff}.ng-page-hero h1{font-weight:800}.ng-content{padding:70px 0}.ng-content img{max-width:100%;height:auto}.ng-featured{border-radius:8px;overflow:hidden}
.ng-footer{background:#0c1721;color:#c9d2d9;padding:60px 0 25px}.ng-footer h5{color:#fff}.ng-footer a{color:#c9d2d9}.ng-footer a:hover{color:#fff}.ng-footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:35px}
.ng-concern-meta{background:var(--ng-light);padding:18px;border-radius:8px}.ng-concern-logo{max-height:90px;max-width:220px}
.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:991.98px){.ng-hero .carousel-caption{left:7%;right:7%}.ng-hero .carousel-item{min-height:440px}.ng-topbar{display:none}.ng-section{padding:55px 0}}
@media(max-width:575.98px){.ng-hero .carousel-item{min-height:390px}.ng-hero h1{font-size:2.2rem}.ng-card img{height:190px}}


/* Header layout update 1.0.1 */
.ng-main-header{width:100%;z-index:1030}
.ng-main-header .navbar{width:100%}
.ng-main-header .ng-brand{margin-left:0!important;padding-left:0!important;flex-shrink:0}
.ng-main-header .ng-brand-text{font-size:1.75rem;font-weight:800;white-space:nowrap}
.ng-main-header .navbar-collapse{flex-grow:1}
.ng-main-header .navbar-nav{margin-left:auto!important}
.ng-main-header .navbar-nav .nav-link{padding:.55rem .8rem;white-space:nowrap}
.ng-main-header .navbar-brand img,.ng-main-header .custom-logo{max-height:58px;width:auto}
@media (min-width:992px){
  .ng-main-header .container-fluid{max-width:none!important}
  .ng-main-header .navbar{display:flex;align-items:center;justify-content:space-between}
  .ng-main-header .navbar-collapse{display:flex!important;justify-content:flex-end!important}
}
@media (max-width:991.98px){
  .ng-main-header .navbar-collapse{padding-top:.75rem}
  .ng-main-header .navbar-nav{align-items:stretch!important}
  .ng-main-header .navbar-nav .nav-link{padding:.6rem 0}
  .ng-main-header .ng-brand-text{font-size:1.35rem}
  .ng-main-header .navbar-brand img,.ng-main-header .custom-logo{max-height:46px}
}


/* CLEAN HEADER 1.1.0 */
.ng-topbar{display:none!important}
.ng-main-header{width:100%;z-index:1030;background:#fff!important}
.ng-main-header .container-fluid{max-width:none!important}
.ng-main-header .navbar{width:100%;display:flex;align-items:center;justify-content:space-between}
.ng-main-header .ng-brand{margin:0!important;padding:0!important;flex-shrink:0}
.ng-main-header .ng-brand-text{font-size:1.45rem;font-weight:800;color:var(--ng-primary);white-space:nowrap}
.ng-main-header .navbar-collapse{flex-grow:1}
.ng-main-header .navbar-nav{margin-left:auto!important;gap:.45rem}
.ng-main-header .navbar-nav .nav-link{font-weight:700;color:#111!important;padding:.55rem .75rem;white-space:nowrap}
.ng-main-header .navbar-nav .nav-link:hover{color:var(--ng-primary)!important}
.ng-main-header .navbar-brand img,.ng-main-header .custom-logo{max-height:54px;width:auto}

/* CLEAN HERO: image only, no overlay/text panel */
.ng-hero{width:100%;overflow:hidden}
.ng-hero .carousel-item{min-height:520px;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.ng-hero .carousel-item:before,.ng-hero .carousel-item:after,.ng-hero .carousel-caption,.ng-hero .hero-overlay,.ng-hero .overlay{display:none!important;content:none!important;background:none!important}

@media (max-width:991.98px){
 .ng-main-header .navbar-collapse{padding-top:.75rem}
 .ng-main-header .navbar-nav{gap:0!important}
 .ng-main-header .navbar-nav .nav-link{padding:.65rem 0}
 .ng-main-header .ng-brand-text{font-size:1.18rem}
 .ng-main-header .navbar-brand img,.ng-main-header .custom-logo{max-height:44px}
 .ng-hero .carousel-item{min-height:380px}
}
@media (max-width:575.98px){
 .ng-hero .carousel-item{min-height:300px}
 .ng-main-header .ng-brand-text{font-size:1.05rem}
}


/* HERO MOBILE FIT 1.1.1
   Keep the full 16:9 hero visible on phones instead of zooming/cropping it. */
@media (max-width: 767.98px){
  .ng-hero,
  .ng-hero .carousel,
  .ng-hero .carousel-inner{
    width:100%;
  }
  .ng-hero .carousel-item{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:16 / 9;
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-color:#fff;
  }
}

@media (max-width: 420px){
  .ng-hero .carousel-control-prev,
  .ng-hero .carousel-control-next{
    width:10%;
  }
}


/* INNER PAGE NAV CONSISTENCY 1.1.2 */
/* Keep one clean site header on every page and prevent old/embedded page menus from appearing. */
.ng-main-header .navbar{flex-wrap:nowrap!important}
.ng-main-header .navbar-nav{flex-wrap:nowrap!important}
.ng-main-header .navbar-nav .nav-link{white-space:nowrap!important}

/* Legacy pages may contain old WordPress navigation/menu blocks in their page content. */
.ng-entry > nav,
.ng-entry .wp-block-navigation,
.ng-entry .wp-block-page-list,
.ng-entry .menu,
.ng-entry .navbar,
.ng-entry [class*="menu-container"]{
  display:none!important;
}

/* Collapse earlier on medium screens so menu never wraps into multiple rows. */
@media (max-width:1199.98px){
  .ng-main-header .navbar{flex-wrap:wrap!important}
  .ng-main-header .navbar-toggler{display:block}
  .ng-main-header .navbar-collapse.collapse:not(.show){display:none!important}
  .ng-main-header .navbar-collapse.show{display:block!important;width:100%}
  .ng-main-header .navbar-nav{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%;padding-top:.6rem}
  .ng-main-header .navbar-nav .nav-link{padding:.65rem 0!important}
}
@media (min-width:1200px){
  .ng-main-header .navbar-toggler{display:none!important}
  .ng-main-header .navbar-collapse{display:flex!important}
  .ng-main-header .navbar-nav{flex-direction:row!important}
}