blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0;border:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}progress{vertical-align:baseline}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}body,button,input,select,textarea{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;text-transform:none;font-size:17px;line-height:1.5}p{margin-bottom:1.5em}h1,h2,h3,h4,h5,h6{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit}pre{background:rgba(0,0,0,.05);font-family:inherit;font-size:inherit;line-height:normal;margin-bottom:1.5em;padding:20px;overflow:auto;max-width:100%}blockquote{border-left:5px solid rgba(0,0,0,.05);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}blockquote p:last-child{margin:0}table,td,th{border:1px solid rgba(0,0,0,.1)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}td,th{padding:8px}th{border-width:0 1px 1px 0}td{border-width:0 1px 1px 0}hr{background-color:rgba(0,0,0,.1);border:0;height:1px;margin-bottom:40px;margin-top:40px}fieldset{padding:0;border:0;min-width:inherit}fieldset legend{padding:0;margin-bottom:1.5em}h1{font-size:42px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h2{font-size:35px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h3{font-size:29px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h4{font-size:24px}h5{font-size:20px}h4,h5,h6{margin-bottom:20px}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}address{margin:0 0 1.5em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{text-decoration:none}sub,sup{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}table{margin:0 0 1.5em;width:100%}th{font-weight:700}img{height:auto;max-width:100%}button,input[type=button],input[type=reset],input[type=submit]{background:#55555e;color:#fff;border:1px solid transparent;cursor:pointer;-webkit-appearance:button;padding:10px 20px}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{border:1px solid;border-radius:0;padding:10px 15px;max-width:100%}textarea{width:100%}a,button,input{transition:color .1s ease-in-out,background-color .1s ease-in-out}a{text-decoration:none}.button,.wp-block-button .wp-block-button__link{padding:10px 20px;display:inline-block}.wp-block-button .wp-block-button__link{font-size:inherit;line-height:inherit}.using-mouse :focus{outline:0}.using-mouse ::-moz-focus-inner{border:0}.alignleft{float:left;margin-right:1.5em}.alignright{float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin:0 auto}.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{max-width:100%;height:auto}.no-sidebar .entry-content .alignfull{margin-left:calc(-100vw / 2 + 100% / 2);margin-right:calc(-100vw / 2 + 100% / 2);max-width:100vw;width:auto}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.main-navigation{z-index:100;padding:0;clear:both;display:block}.main-navigation a{display:block;text-decoration:none;font-weight:400;text-transform:none;font-size:15px}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation .main-nav ul li a{padding-left:20px;padding-right:20px;line-height:60px}.inside-navigation{position:relative}.main-navigation .inside-navigation{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}.main-navigation .main-nav>ul{display:flex;flex-wrap:wrap;align-items:center}.main-navigation li{position:relative}.main-navigation .menu-bar-items{display:flex;align-items:center;font-size:15px}.main-navigation .menu-bar-items a{color:inherit}.main-navigation .menu-bar-item{position:relative}.main-navigation .menu-bar-item.search-item{z-index:20}.main-navigation .menu-bar-item>a{padding-left:20px;padding-right:20px;line-height:60px}.sidebar .main-navigation .main-nav{flex-basis:100%}.sidebar .main-navigation .main-nav>ul{flex-direction:column}.sidebar .main-navigation .menu-bar-items{margin:0 auto}.sidebar .main-navigation .menu-bar-items .search-item{order:10}.nav-align-center .inside-navigation{justify-content:center}.nav-align-center .main-nav>ul{justify-content:center}.nav-align-right .inside-navigation{justify-content:flex-end}.main-navigation ul ul{display:block;box-shadow:1px 1px 0 rgba(0,0,0,.1);float:left;position:absolute;left:-99999px;opacity:0;z-index:99999;width:200px;text-align:left;top:auto;transition:opacity 80ms linear;transition-delay:0s;pointer-events:none;height:0;overflow:hidden}.main-navigation ul ul a{display:block}.main-navigation ul ul li{width:100%}.main-navigation .main-nav ul ul li a{line-height:normal;padding:10px 20px;font-size:14px}.main-navigation .main-nav ul li.menu-item-has-children>a{padding-right:0;position:relative}.main-navigation.sub-menu-left ul ul{box-shadow:-1px 1px 0 rgba(0,0,0,.1)}.main-navigation.sub-menu-left .sub-menu{right:0}.main-navigation:not(.toggled) ul li.sfHover>ul,.main-navigation:not(.toggled) ul li:hover>ul{left:auto;opacity:1;transition-delay:150ms;pointer-events:auto;height:auto;overflow:visible}.main-navigation:not(.toggled) ul ul li.sfHover>ul,.main-navigation:not(.toggled) ul ul li:hover>ul{left:100%;top:0}.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover>ul,.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover>ul{right:100%;left:auto}.nav-float-right .main-navigation ul ul ul{top:0}.menu-item-has-children .dropdown-menu-toggle{display:inline-block;height:100%;clear:both;padding-right:20px;padding-left:10px}.menu-item-has-children ul .dropdown-menu-toggle{padding-top:10px;padding-bottom:10px;margin-top:-10px}.sidebar .menu-item-has-children .dropdown-menu-toggle,nav ul ul .menu-item-has-children .dropdown-menu-toggle{float:right}.widget-area .main-navigation li{float:none;display:block;width:100%;padding:0;margin:0}.sidebar .main-navigation.sub-menu-right ul li.sfHover ul,.sidebar .main-navigation.sub-menu-right ul li:hover ul{top:0;left:100%}.sidebar .main-navigation.sub-menu-left ul li.sfHover ul,.sidebar .main-navigation.sub-menu-left ul li:hover ul{top:0;right:100%}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 2em;overflow:hidden}.site-main .post-navigation{margin-bottom:0}.paging-navigation .nav-next,.paging-navigation .nav-previous{display:none}.paging-navigation .nav-links>*{padding:0 5px}.paging-navigation .nav-links .current{font-weight:700}.nav-links>:first-child{padding-left:0}.site-header{position:relative}.inside-header{padding:20px 40px}.main-title{margin:0;font-size:25px;line-height:1.2em;word-wrap:break-word;font-weight:700;text-transform:none}.site-description{margin:0;line-height:1.5;font-weight:400;text-transform:none;font-size:15px}.site-logo{display:inline-block;max-width:100%}.site-header .header-image{vertical-align:middle}.inside-header{display:flex;align-items:center}.header-widget{margin-left:auto}.header-widget p:last-child{margin-bottom:0}.nav-float-right .header-widget{margin-left:20px}.nav-float-right #site-navigation{margin-left:auto}.nav-float-left #site-navigation{margin-right:auto;order:-10}.nav-float-left .header-widget{margin-left:0;margin-right:20px;order:-15}.header-aligned-center:not([class*=nav-float-]) .inside-header{justify-content:center;flex-direction:column;text-align:center}.header-aligned-center:not([class*=nav-float-]) .header-widget{margin-left:auto;margin-right:auto}.header-aligned-center:not([class*=nav-float-]) .inside-header>:not(:first-child){margin-top:1em}.header-aligned-right:not([class*=nav-float-]) .inside-header{justify-content:flex-end}.header-aligned-right:not([class*=nav-float-]) .header-widget{margin-right:auto;margin-left:0;order:-10}.site-branding-container{display:inline-flex;align-items:center;text-align:left;flex-shrink:0}.site-branding-container .site-logo{margin-right:1em}.sticky{display:block}.entry-header .gp-icon,.posted-on .updated{display:none}.byline,.entry-header .cat-links,.entry-header .comments-link,.entry-header .tags-links,.group-blog .byline,.single .byline{display:inline}footer.entry-meta .byline,footer.entry-meta .posted-on{display:block}.entry-content:not(:first-child),.entry-summary:not(:first-child),.page-content:not(:first-child){margin-top:2em}.page-links{clear:both;margin:0 0 1.5em}.archive .format-aside .entry-header,.archive .format-status .entry-header,.archive .format-status .entry-meta,.archive .format-status .entry-title,.blog .format-aside .entry-header,.blog .format-status .entry-header,.blog .format-status .entry-meta,.blog .format-status .entry-title{display:none}.archive .format-aside .entry-content,.archive .format-status .entry-content,.blog .format-aside .entry-content,.blog .format-status .entry-content{margin-top:0}.archive .format-status .entry-content p:last-child,.blog .format-status .entry-content p:last-child{margin-bottom:0}.entry-header,.site-content{word-wrap:break-word}.entry-title{margin-bottom:0}.author .page-header .page-title{display:flex;align-items:center}.author .page-header .avatar{margin-right:20px}.page-header .author-info>:last-child,.page-header>:last-child{margin-bottom:0}.entry-meta{font-size:85%;margin-top:.5em;line-height:1.5}footer.entry-meta{margin-top:2em}.cat-links,.comments-link,.tags-links{display:block}.entry-content>p:last-child,.entry-summary>p:last-child,.page-content>p:last-child,.read-more-container,.taxonomy-description p:last-child{margin-bottom:0}.wp-caption{margin-bottom:1.5em;max-width:100%;position:relative}.wp-caption img[class*=wp-image-]{display:block;margin:0 auto 0;max-width:100%}.wp-caption .wp-caption-text{font-size:75%;padding-top:5px;opacity:.8}.wp-caption img{position:relative;vertical-align:bottom}.wp-block-image figcaption{font-size:13px;text-align:center}.wp-block-gallery,ul.blocks-gallery-grid{margin-left:0}.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{background:rgba(255,255,255,.7);color:#000;padding:10px;box-sizing:border-box}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}.site-main .gallery{margin-bottom:1.5em}.gallery-item img{vertical-align:bottom}.gallery-icon{padding:5px}embed,iframe,object{max-width:100%}.wp-block-post-template{margin-left:0}.widget-area .widget{padding:40px}.widget select{max-width:100%}.footer-widgets .widget :last-child,.sidebar .widget :last-child{margin-bottom:0}.widget-title{margin-bottom:30px;font-size:20px;line-height:1.5;font-weight:400;text-transform:none}.widget ol,.widget ul{margin:0}.widget .search-field{width:100%}.widget .search-form{display:flex}.widget .search-form button.search-submit{font-size:15px}.footer-widgets .widget{margin-bottom:30px}.footer-widgets .widget:last-child,.sidebar .widget:last-child{margin-bottom:0}.widget ul li{list-style-type:none;position:relative;margin-bottom:.5em}.widget ul li ul{margin-left:1em;margin-top:.5em}.wp-calendar-table{table-layout:fixed}.site-content{display:flex}.grid-container{margin-left:auto;margin-right:auto;max-width:1200px}.page-header,.sidebar .widget,.site-main>*{margin-bottom:20px}.both-left .inside-left-sidebar,.both-right .inside-left-sidebar{margin-right:10px}.both-left .inside-right-sidebar,.both-right .inside-right-sidebar{margin-left:10px}.one-container.both-right .site-main,.one-container.right-sidebar .site-main{margin-right:40px}.one-container.both-left .site-main,.one-container.left-sidebar .site-main{margin-left:40px}.one-container.both-sidebars .site-main{margin:0 40px 0 40px}.one-container.archive .post:not(:last-child):not(.is-loop-template-item),.one-container.blog .post:not(:last-child):not(.is-loop-template-item){padding-bottom:40px}.one-container .site-content{padding:40px}.separate-containers .comments-area,.separate-containers .inside-article,.separate-containers .page-header,.separate-containers .paging-navigation{padding:40px}.separate-containers .site-main{margin:20px}.separate-containers.no-sidebar .site-main{margin-left:0;margin-right:0}.separate-containers.both-right .site-main,.separate-containers.right-sidebar .site-main{margin-left:0}.separate-containers.both-left .site-main,.separate-containers.left-sidebar .site-main{margin-right:0}.separate-containers .inside-left-sidebar,.separate-containers .inside-right-sidebar{margin-top:20px;margin-bottom:20px}.inside-page-header{padding:40px}.widget-area .main-navigation{margin-bottom:20px}.one-container .site-main>:last-child,.separate-containers .site-main>:last-child{margin-bottom:0}.full-width-content .container.grid-container{max-width:100%}.full-width-content.no-sidebar.separate-containers .site-main{margin:0}.full-width-content.one-container .site-content,.full-width-content.separate-containers .inside-article{padding:0}.full-width-content .entry-content .alignwide{margin-left:0;width:auto;max-width:unset}.contained-content.one-container .site-content,.contained-content.separate-containers .inside-article{padding:0}.sidebar .grid-container{max-width:100%;width:100%}.both-left .is-left-sidebar,.both-sidebars .is-left-sidebar,.left-sidebar .sidebar{order:-10}.both-left .is-right-sidebar{order:-5}.both-right .is-left-sidebar{order:5}.both-right .is-right-sidebar,.both-sidebars .is-right-sidebar{order:10}.inside-site-info{display:flex;align-items:center;justify-content:center;padding:20px 40px}.site-info{text-align:center;font-size:15px}.post-image:not(:first-child){margin-top:2em}.featured-image{line-height:0}.separate-containers .featured-image{margin-top:20px}.separate-containers .inside-article>.featured-image{margin-top:0;margin-bottom:2em}.one-container .inside-article>.featured-image{margin-top:0;margin-bottom:2em}.gp-icon{display:inline-flex;align-self:center}.gp-icon svg{height:1em;width:1em;top:.125em;position:relative;fill:currentColor}.close-search .icon-search svg:first-child,.icon-menu-bars svg:nth-child(2),.icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:first-child{display:none}.close-search .icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(2){display:block}.entry-meta .gp-icon{margin-right:.6em;opacity:.7}nav.toggled .icon-arrow-left svg{transform:rotate(-90deg)}nav.toggled .icon-arrow-right svg{transform:rotate(90deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon svg{transform:rotate(180deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-left svg{transform:rotate(-270deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-right svg{transform:rotate(270deg)}.container.grid-container{width:auto}.menu-toggle,.mobile-bar-items,.sidebar-nav-mobile{display:none}.menu-toggle{padding:0 20px;line-height:60px;margin:0;font-weight:400;text-transform:none;font-size:15px;cursor:pointer}.menu-toggle .mobile-menu{padding-left:3px}.menu-toggle .gp-icon+.mobile-menu{padding-left:9px}.menu-toggle .mobile-menu:empty{display:none}button.menu-toggle{background-color:transparent;flex-grow:1;border:0;text-align:center}button.menu-toggle:active,button.menu-toggle:focus,button.menu-toggle:hover{background-color:transparent}.has-menu-bar-items button.menu-toggle{flex-grow:0}nav.toggled ul ul.sub-menu{width:100%}.toggled .menu-item-has-children .dropdown-menu-toggle{padding-left:20px}.main-navigation.toggled .main-nav{flex-basis:100%;order:3}.main-navigation.toggled .main-nav>ul{display:block}.main-navigation.toggled .main-nav li{width:100%;text-align:left}.main-navigation.toggled .main-nav ul ul{transition:0s;visibility:hidden;box-shadow:none;border-bottom:1px solid rgba(0,0,0,.05)}.main-navigation.toggled .main-nav ul ul li:last-child>ul{border-bottom:0}.main-navigation.toggled .main-nav ul ul.toggled-on{position:relative;top:0;left:auto!important;right:auto!important;width:100%;pointer-events:auto;height:auto;opacity:1;display:block;visibility:visible;float:none}.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle{float:right}.mobile-menu-control-wrapper{display:none;margin-left:auto;align-items:center}.has-inline-mobile-toggle #site-navigation.toggled{margin-top:1.5em}.has-inline-mobile-toggle #site-navigation.has-active-search{margin-top:1.5em}.has-inline-mobile-toggle #site-navigation.has-active-search .nav-search-active{position:relative}.has-inline-mobile-toggle #site-navigation.has-active-search .navigation-search input{outline:auto}.nav-float-left .mobile-menu-control-wrapper{order:-10;margin-left:0;margin-right:auto;flex-direction:row-reverse}@media (max-width:768px){.hide-on-mobile{display:none!important}a,body,button,input,select,textarea{transition:all 0s ease-in-out}.inside-header{flex-direction:column;text-align:center}.site-header .header-widget{margin-top:1.5em;margin-left:auto;margin-right:auto;text-align:center}.site-content{flex-direction:column}.container .site-content .content-area{width:auto}.is-left-sidebar.sidebar,.is-right-sidebar.sidebar{width:auto;order:initial}.is-left-sidebar+.is-right-sidebar .inside-right-sidebar{margin-top:0}.both-left .inside-left-sidebar,.both-left .inside-right-sidebar,.both-right .inside-left-sidebar,.both-right .inside-right-sidebar{margin-right:0;margin-left:0}#main{margin-left:0;margin-right:0}body:not(.no-sidebar) #main{margin-bottom:0}.alignleft,.alignright{float:none;display:block;margin-left:auto;margin-right:auto}.comment .children{padding-left:10px;margin-left:0}.entry-meta{font-size:inherit}.entry-meta a{line-height:1.8em}}@media (min-width:769px) and (max-width:1024px){.hide-on-tablet{display:none!important}}@media (min-width:1025px){.hide-on-desktop{display:none!important}}

/* umair css */

h1, h2, h3, h4, h5, h6 {
    font-family: 'Bebas Neue', sans-serif !important;
}

sup {
    top: -8px !important;;
    left: 3px !important;;
    margin-right: 5px !important;;
}

p{
  font-family: sans-serif !important;
  }

.main-navigation, .main-navigation ul ul {
    background-color: transparent !important;
}

.site-header, .main-navigation .main-nav>ul {
    background-color: #000 !important;
    color: #fff !important;
}

.site-header .inside-header {
  padding: 20px 0px 10px 0px !important;
}

.site-header .header-image, .footer-logo img {
    vertical-align: middle;
    width: 250px;
}

#page {
    padding: 0px !important;
}
body{
        overflow-x: hidden;
}

body::-webkit-scrollbar-thumb {
    background: #d7ae01;
}

body::-webkit-scrollbar {
    width: 8px;
}

html {scroll-behavior:smooth;}

.container {
  background:transparent !important;
}

.entry-title,
.inside-site-info  {
    display: none !important;
}

.entry-content {
    margin-top: 0px !important;
}

.site-content {
    display: block !important;
}

.main-nav ul li a{
  color: #fff !important;
  text-transform: uppercase;
  font-size: 14px;
}

#menu-item-101-sub-menu{
  background-color: #000 !important;
}

.nav-float-right #site-navigation {
    margin-left: auto;
    margin-right: auto;
}

.main-nav ul li a:hover {
  color: #e6bc0d !important;
}

.gp-icon
 {
    color: #e6bc0d;
    font-size: 25px;
}

:root {
  --gold: #C9A84C;
  --gold-light: #E8C870;
  --gold-dark: #9A7B2F;
  --black: #0A0A0A;
  --black-soft: #111111;
  --black-card: #161616;
  --black-border: #222222;
  --white: #F5F0E8;
  --white-dim: #B8B0A0;
  --text-muted-custom: #7A7468;
}

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

html { scroll-behavior: smooth; }

body {
  background: var(--black);
  color: var(--white);
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  overflow-x: hidden;
}

/* ── SCROLLBAR ── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--black); }
::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 2px; }

/* ── TYPOGRAPHY ── */

.gold { color: var(--gold); }
.gold-gradient {
     background: linear-gradient(135deg, #e6bc0d 0%, #d7ae01 50%, #c49d00 100%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background-clip: text !important;
}

/* ── SECTION SPACING ── */
.section-pad { padding: 100px 0; }
.section-pad-sm { padding: 60px 0; }

/* ── GOLD LINE ── */
.gold-line {
  display: inline-block;
  width: 60px; height: 2px;
  background: linear-gradient(90deg, var(--gold), transparent);
  margin-bottom: 16px;
}

/* ── SECTION LABEL ── */
.section-label {
  font-family: sans-serif;
   font-size: 17px;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: #c7a000;
    display: block;
    margin-bottom: 8px;
}

/* ── DIVIDER ── */
.gold-divider {
  width: 80px; height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  margin: 20px auto;
}

/* ────────────────────── NAVBAR ────────────────────── */
#navbar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  padding: 18px 0;
  transition: all 0.4s ease;
  background: transparent;
}
#navbar.scrolled {
  background: rgba(10,10,10,0.97);
  backdrop-filter: blur(12px);
  padding: 12px 0;
  border-bottom: 1px solid var(--black-border);
  box-shadow: 0 4px 30px rgba(0,0,0,0.5);
}

.jilani-logo {
  font-family: 'Playfair Display', serif;
  font-weight: 900;
  font-size: 1.9rem;
  letter-spacing: 0.08em;
  color: var(--gold);
  text-decoration: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.jilani-logo .logo-badge {
  background: var(--gold);
  color: var(--black);
  font-family: 'Cinzel', serif;
  font-size: 0.5rem;
  letter-spacing: 0.15em;
  padding: 2px 6px;
  border-radius: 2px;
  font-weight: 700;
  align-self: flex-start;
  margin-top: 4px;
}
.jilani-logo sup {
  font-size: 0.55rem;
  color: var(--gold);
  letter-spacing: 0;
}

.nav-link-custom {
  font-family: 'Cinzel', serif;
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--white-dim) !important;
  text-decoration: none;
  padding: 6px 14px !important;
  transition: color 0.3s;
  position: relative;
}
.nav-link-custom::after {
  content: '';
  position: absolute;
  bottom: 0; left: 14px; right: 14px; height: 1px;
  background: var(--gold);
  transform: scaleX(0);
  transition: transform 0.3s;
}
.nav-link-custom:hover { color: var(--gold) !important; }
.nav-link-custom:hover::after { transform: scaleX(1); }

.btn-gold {
  font-family: 'Cinzel', serif;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--black);
    background: linear-gradient(135deg, #e6bc0d 0%, #d7ae01 50%, #c49d00 100%) !important;
    border: none;
    padding: 15px 40px;
    border-radius: 2px;
    text-decoration: none;
    transition: all 0.3s;
    display: inline-block;
    font-size: 0.8rem;
    letter-spacing: 0.25em;
    font-family: sans-serif;
}
.btn-gold:hover {
  background: linear-gradient(135deg, var(--gold), var(--gold-dark));
  color: var(--black);
  transform: translateY(-1px);
  box-shadow: 0 8px 25px rgba(201,168,76,0.35);
}
.btn-outline-gold {
  font-family: 'Cinzel', serif;
  font-size: 0.65rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  background: transparent;
  border: 1px solid var(--gold);
  padding: 10px 24px;
  border-radius: 2px;
  text-decoration: none;
  transition: all 0.3s;
  display: inline-block;
}
.btn-outline-gold:hover {
  background: var(--gold);
  color: var(--black);
  transform: translateY(-1px);
}

.navbar-toggler-custom {
  background: none;
  border: 1px solid var(--gold);
  color: var(--gold);
  padding: 6px 10px;
  cursor: pointer;
}

/* Hero Page Css */

[data-aos^=fade][data-aos^=fade] {
    opacity: 1 !important;
}

/* ────────────────────── HERO ────────────────────── */
#hero {
    min-height: 600px;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--black);
}

.hero-bg-pattern {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background:
        linear-gradient(
            rgba(0, 0, 0, 0.81),
            rgba(0, 0, 0, 0.81)
        ),
        url('http://nasirjilani.co.uk/wp-content/uploads/2026/04/Bethnal-Green.jpg');

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    z-index: 1;
}

#hero .container {
    position: relative;
    z-index: 2;
}

.hero-overline {
  font-family: 'Cinzel', serif;
  font-size: 0.65rem;
  letter-spacing: 0.4em;
  color: var(--gold);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}
.hero-overline::before {
  content: '';
  display: inline-block;
  width: 40px; height: 1px;
  background: var(--gold);
}

.hero-title {
  font-size: clamp(2.8rem, 6vw, 4rem) ;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 8px;
  color: var(--white);
}
.hero-title .name-gold {
  background: linear-gradient(135deg, #e6bc0d 0%, #d7ae01 50%, #c49d00 100%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background-clip: text !important;
}
.hero-subtitle {
  font-family: 'Cinzel', serif;
  font-size: 0.8rem;
  letter-spacing: 0.25em;
  color: var(--gold);
  margin-bottom: 28px;
  text-transform: uppercase;
}
.hero-desc {
  font-size: 20px;
   line-height: 1.4;
  color: var(--white-dim);
  margin-bottom: 40px;
}

.hero-stats {
  display: flex;
  gap: 40px;
  margin-top: 48px;
  padding-top: 40px;
  border-top: 1px solid var(--black-border);
}
.hero-stat-num {
  font-family: 'Playfair Display', serif;
  font-size: 2.2rem;
  font-weight: 700;
  color: var(--gold);
  display: block;
  line-height: 1;
}
.hero-stat-label {
  font-family: 'Cinzel', serif;
  font-size: 0.6rem;
  letter-spacing: 0.2em;
  color: var(--white-dim);
  text-transform: uppercase;
  display: block;
  margin-top: 6px;
}

.hero-portrait-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.hero-portrait-frame {
  position: relative;
  display: inline-block;
}
.hero-portrait-frame::before {
  content: '';
  position: absolute;
  top: -15px; right: -15px;
  width: 100%; height: 100%;
  border: 1px solid var(--gold);
  border-radius: 4px;
  opacity: 0.4;
  z-index: 0;
}
.hero-portrait-frame::after {
  content: '';
  position: absolute;
  bottom: -15px; left: -15px;
  width: 60%; height: 60%;
  border-bottom: 2px solid var(--gold);
  border-left: 2px solid var(--gold);
  opacity: 0.6;
  z-index: 0;
}
.hero-portrait {
  width: 100%;
  max-width: 400px;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  filter: grayscale(15%) contrast(1.05);
  object-fit: cover;
}
.hero-badge {
  position: absolute;
  bottom: 30px; left: -20px;
  background: var(--black-card);
  border: 1px solid var(--gold);
  border-radius: 4px;
  padding: 14px 18px;
  z-index: 2;
}
.hero-badge-title {
  font-family: 'Cinzel', serif;
  font-size: 0.6rem;
  letter-spacing: 0.2em;
  color: var(--gold);
  text-transform: uppercase;
}
.hero-badge-val {
  font-family: 'Playfair Display', serif;
  font-size: 1.1rem;
  color: var(--white);
  font-weight: 700;
}


/* About Us CSS */

/* ────────────────────── ABOUT ────────────────────── */
#about {
    background: var(--black-soft);
}
.about-img-wrap { position: relative; }
.about-img-wrap img {
  /* width: 100%;
  border-radius: 4px;
  filter: grayscale(10%); */
  /* object-fit: cover;
  max-height: 550px; */
}
.about-img-accent {
  position: absolute;
  top: -20px; left: -20px;
  width: 120px; height: 120px;
  border-top: 3px solid var(--gold);
  border-left: 3px solid var(--gold);
  border-radius: 2px;
}
.about-img-accent2 {
  position: absolute;
  bottom: 30px; right: -20px;
  width: 120px; height: 120px;
  border-bottom: 3px solid var(--gold);
  border-right: 3px solid var(--gold);
  border-radius: 2px;
}
.about-quote {
  border-left: 3px solid var(--gold);
  padding: 16px 24px;
  margin: 28px 0;
  background: rgba(201,168,76,0.04);
  font-style: italic;
  color: var(--white-dim);
  line-height: 1.8;
}

/* ────────────────────── WHAT HE STANDS FOR ────────────────────── */
#stands { background: #fff; }
.stand-card {
  background: #000000;

  border-radius: 4px;
  padding: 36px 28px;
  height: 100%;
  transition: all 0.4s;
  position: relative;
  overflow: hidden;
}
.stand-card::before {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  transform: scaleX(0);
  transition: transform 0.4s;
}
.stand-card:hover { border-color: rgba(201,168,76,0.3); transform: translateY(-4px); }
.stand-card:hover::before { transform: scaleX(1); }
.stand-icon {
  width: 56px; height: 56px;
  background: rgba(201,168,76,0.1);
  border: 1px solid rgba(201,168,76,0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  font-size: 1.4rem;
  color: #d2a901;
}
.stand-card h4 {
  font-size: 24px;
  color: var(--white);
  margin-bottom: 10px;
}
.stand-card p {
  font-size: 16px;
    color: #ffff;
    line-height: 1.5;
}

/* ────────────────────── charitable SECTION ────────────────────── */
#charitable {
  background: var(--black-soft);
  position: relative;
  overflow: hidden;
}
#charitable::before {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 50%; height: 100%;
  background: radial-gradient(ellipse at right, rgba(201,168,76,0.05), transparent 70%);
}
.charitable-stat {
  background: var(--black-card);
  border: 1px solid var(--black-border);
  border-radius: 4px;
  padding: 28px 24px;
  text-align: center;
}
.charitable-stat-num {
  font-family: 'Playfair Display', serif;
  font-size: 2.5rem;
  font-weight: 700;
  color: #d2a901;
  display: block;
}
.charitable-stat-label {
  font-size: 0.8rem;
  color: var(--white-dim);
  margin-top: 6px;
}
.charitable-point {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 20px;
  padding: 18px;
  background: var(--black-card);
  border: 1px solid var(--black-border);
  border-radius: 4px;
}
.charitable-point-icon {
  color: #d2a901;
  font-size: 1.1rem;
  margin-top: 2px;
  flex-shrink: 0;
}
.charitable-point p { font-size: 0.9rem; color: var(--white-dim); line-height: 1.7; margin: 0; }
.charitable-point strong { color: var(--white); font-weight: 700; }


/* ────────────────────── COMMUNITY & EXPERIENCE ────────────────────── */
#community { background: #fff; }
.exp-card {
  background: var(--black-card);
  border: 1px solid var(--black-border);
  border-radius: 4px;
  padding: 32px 24px;
  text-align: center;
  height: 100%;
  transition: all 0.4s;
}
.exp-card:hover { border-color: rgba(201,168,76,0.3); transform: translateY(-4px); }
.exp-card-icon {
  font-size: 2rem;
  color: #d2a901;
  margin-bottom: 16px;
  display: block;
}
.exp-card h5 {
  font-size: 25px;
  color: var(--white);
  margin-bottom: 10px;
}
.exp-card p { font-size: 16px; color: var(--white-dim); line-height: 1.7; }

/* ────────────────────── AWARDS ────────────────────── */
#awards { background: #fff; }
.award-card {
  background: var(--black-card);
  border: 1px solid var(--black-border);
  border-radius: 4px;
  padding: 32px 24px;
  height: 320px;
  transition: all 0.4s;
  position: relative;
}
.award-card::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, var(--gold-dark), var(--gold-light));
  border-radius: 4px 4px 0 0;
}
.award-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.4); }
.award-icon {
  font-size: 2rem;
  color: var(--gold);
  margin-bottom: 16px;
}
.award-year {
  font-family: 'Cinzel', serif;
  font-size: 0.65rem;
  letter-spacing: 0.2em;
  color: var(--gold);
  text-transform: uppercase;
  margin-bottom: 8px;
}
.award-card h5 {
  font-size: 25px;
  color: var(--white);
  margin-bottom: 10px;
}
.award-card p { font-size: 16px; color: var(--white-dim); line-height: 1.7; }


/* ────────────────────── LEADERSHIP ────────────────────── */
.gallery-container {
  background: linear-gradient(135deg, var(--black) 0%, #0D0D0D 100%);
  position: relative;
  overflow: hidden;
}

.leadership-card {
  background: var(--black-card);
  border: 1px solid rgba(201,168,76,0.2);
  border-radius: 4px;
  padding: 48px;
  position: relative;
}

/* ────────────────────── JOIN SECTION ────────────────────── */
#join{
  background: var(--black-soft);
  position: relative;
  overflow: hidden;
}
#join::before {
  content: '';
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 600px 400px at 20% 50%, rgba(201,168,76,0.06), transparent),
    radial-gradient(ellipse 600px 400px at 80% 50%, rgba(201,168,76,0.04), transparent);
}

.contact-col {
  position: sticky;
  top: 30px;}

  .dropdown-menu-toggle .gp-icon svg {
    height: 20px !important;
    width: 20px !important;
    top: 5px !important;
    left: -4px !important;
  }

/* ────────────────────── FOOTER ────────────────────── */
footer {
  background: var(--black-soft);
  border-top: 1px solid var(--black-border);
  padding: 60px 0 30px;
}
.footer-logo {
  font-family: 'Playfair Display', serif;
  font-weight: 900;
  font-size: 2rem;
  color: #d8ae00;
  letter-spacing: 0.1em;
}
.footer-tagline {
  font-family: 'Cinzel', serif;
  font-size: 0.6rem;
  letter-spacing: 0.3em;
  color: var(--white-dim);
  text-transform: uppercase;
  margin-top: 4px;
}
.footer-nav a {
  display: block;
  color: var(--white-dim);
  text-decoration: none;
  padding: 5px 0;
  transition: color 0.3s;
  font-family: sans-serif;
  font-size: 11px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.footer-nav a:hover { color: var(--gold); }
.footer-title {
 font-family: sans-serif;
  font-size: 0.65rem;
  letter-spacing: 0.3em;
  color: var(--gold);
  text-transform: uppercase;
  margin-bottom: 20px !important;
  padding-bottom: 10px;
  /* border-bottom: 1px solid var(--black-border); */
}
.social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px; height: 38px;
  border: 1px solid var(--black-border);
  border-radius: 50%;
  color: var(--white-dim);
  text-decoration: none;
  font-size: 0.9rem;
  transition: all 0.3s;
  margin-right: 8px;
}
.social-icon:hover {
  border-color: var(--gold);
  color: var(--gold);
  background: rgba(201,168,76,0.1);
}
.footer-bottom {
  border-top: 1px solid var(--black-border);
  padding-top: 24px;
  margin-top: 40px;
}
.footer-bottom p {
  font-size: 0.78rem;
  color: var(--text-muted-custom);
  font-family: 'Cinzel', serif;
  letter-spacing: 0.1em;
}

.footer-nav {
    color: var(--white-dim);
    font-size: 13px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer-item a {
    color: var(--white-dim);
    text-decoration: none;
}

.footer-item i {
    font-size: 14px;
}


/* ────────────────────── BACK TO TOP ────────────────────── */
#back-top {
  position: fixed;
  bottom: 30px; right: 30px;
  width: 44px; height: 44px;
  background: var(--gold);
  color: var(--black);
  border: none;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  cursor: pointer;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s;
  z-index: 999;
  text-decoration: none;
}
#back-top.show { opacity: 1; transform: translateY(0); }
#back-top:hover { background: var(--gold-light); color: var(--black); }
.site-info { display: none !important; }

/* ────────────────────── CONTACT ────────────────────── */
#contact { background: var(--black); }
.contact-form-wrap {
  background: var(--black-card);
  border: 1px solid var(--black-border);
  border-radius: 4px;
  padding: 48px;
}
.form-control-dark {
  background: rgba(255,255,255,0.04);
  border: 1px solid var(--black-border);
  border-radius: 2px;
  color: var(--white);
  padding: 14px 16px;
  font-size: 0.9rem;
  width: 100%;
  transition: border-color 0.3s;
  font-family: 'Lato', sans-serif;
}
.form-control-dark:focus {
  outline: none;
  border-color: var(--gold);
  background: rgba(201,168,76,0.04);
  color: var(--white);
}
.form-control-dark::placeholder { color: var(--text-muted-custom); }
.form-label-dark {
  font-family: 'Cinzel', serif;
  font-size: 0.65rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--white-dim);
  display: block;
  margin-bottom: 8px;
}
.contact-info-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 0;
  border-bottom: 1px solid var(--black-border);
}
.contact-info-item:last-child { border-bottom: none; }
.contact-info-icon {
  width: 44px; height: 44px;
  background: rgba(201,168,76,0.1);
  border: 1px solid rgba(201,168,76,0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gold);
  font-size: 1rem;
  flex-shrink: 0;
}
.contact-info-label {
  font-family: 'Cinzel', serif;
  font-size: 0.6rem;
  letter-spacing: 0.2em;
  color: var(--gold);
  text-transform: uppercase;
  display: block;
}
.contact-info-val { font-size: 0.9rem; color: var(--white-dim)!important; margin-top: 2px; text-decoration: none !important;}


/* blogs page css */

/* ===== Parallax Section ===== */
#blogs { background: var(--black); }

.Dhaba-Parallax-Section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(122, 1, 67, 0.85);
    z-index: 1;
}
/* news section call dynamic home page */
.news-sec{ 
  position: relative;
    z-index: 1;
}

.post-content a{
  text-decoration: none !important;
    color: #0074d9 !important;
}

.post-card {
    position: sticky;
    top: 50px;
}

.single-post h2,
.single-post h3,
.single-post h4{
    color: #d2a901 !important;
   margin:20px 0px;
}
.single-post h2{
  font-size: 25px !important;
}
.single-post h3{
font-size: 22px !important;
}

.single-post h4{
font-size: 20px !important;
}

.single-post ul{
  margin: 20px 0px !important;
}

.single-post p>img{
  width: 100% !important;
  height: 100% !important;
}


.section-title small{
  color:#d2a901;
  letter-spacing:2px;
}


.blog-card{
 background: #cea6002e;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.3s;
    height: 100%;
    border: 4px solid #d2a901;
}

.blog-card:hover{
  transform:translateY(-5px);
}



.blog-content{
  padding:20px;
}

.blog-content small{
  color:#ccc;
}

.blog-content h5{
  font-size:25px;
  color:#fff8f8;
  font-weight:600;
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical !important;
}

.blog-content p{
  color:#ddd;
  font-size:16px;
}

.read-more{
  color:#ffffff;
  font-weight:500;
  text-decoration:none;
}

.view-btn{
      background-color: #d2a901;
    color: var(--contrast);
    display: inline-flex;
    font-weight: 800;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    border-radius: 20px;
    padding: 1rem 2rem;

  transition:0.3s;
}

.view-btn:hover{
  background:#d2a901;
  color:#fff;
}

/* privacy policy */

.services-section, .portfolio-header {
    background: #000 !important;
    color: #fff;
    height: 400px;
    display: flex;
    align-items: center;
}

.privacy-policy{
background:#fff;
color:#000;
padding:80px 15px;
}

.privacy-policy .pp-wrapper{
max-width:900px;
margin:auto;
color: #d2a901;
}

.privacy-policy .pp-item{
border-left:2px solid #e5e5e5;
padding-left:25px;
margin-bottom:45px;
transition:all .3s ease;
}

.privacy-policy .pp-item:hover{
border-color:#000;
}

.privacy-policy .pp-head{
display:flex;
align-items:center;
gap:15px;
margin-bottom:10px;
}

.privacy-policy .pp-number{
font-size:12px;
font-family:monospace;
color:#000;
}

.privacy-policy h2{
font-size:22px;
font-weight:700;
margin:0;
color: #d2a901;
}

.privacy-policy p{
font-size:14px;
color:#444;
line-height:1.7;
margin:0;
}


@media (max-width: 991px) {
  .hero-stats { gap: 24px; }
  .hero-badge { display: none; }
  .hero-portrait { max-width: 320px; }
  .contact-form-wrap { padding: 28px; }
  .leadership-card { padding: 28px; }
}

@media (max-width: 767px) {

   .site-header .header-image { width: 175px !important; }
   .about-img-wrap img{border-radius: 20px !important;}
  .about-img-accent, .about-img-accent2 {display: none !important;}
  .section-label{text-align: center;}
  .gold-line {  display: flex; margin-bottom: 25px; margin-left: auto; margin-right: auto; }
  .section-pad { padding: 70px 15px; }
   #hero{padding:0px 15px;}
  .footer-des{max-width:100% !important; text-align: center;}
  .stand-card, .leadership-card p, #about h2, #about p, #charitable h2, .footer-logo, .footer-social, footer, .award-card {text-align: center;}
  .stand-icon {margin-left: auto; margin-right: auto;}
  .hero-title { font-size: clamp(2rem, 8vw, 3rem); }
  .hero-stats { flex-wrap: wrap; gap: 20px; }
  .site-header .header-image { margin-left: 20px;}
  .footer-item{ justify-content: center;}
 
 /* .about-img-wrap img { width: 300px; height: 300px; border-radius: 100%;
  margin: auto; display: block; object-position: 0px -50px;
  } */
  .hero-desc { font-size: 17px !important; }
   /* .award-card { height: 100% !important;} */
}


@media screen and (min-width:2000px){
      
.max-limit-2 {
    width: 1440px !important;
    margin: 0 auto !important;
    }
      
.max-limit {
    left: 50% !important;
    transform: translate(-50%) !important;
    width: 1440px !important;
    margin: 0 auto !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    }

 }