/* ── Star Hamburger Button — hidden on desktop ── */
#pxl-hamburger-toggle {
  display: none;
  position: fixed;
  top: 25px;
  left: 16px; 
	z-index: 9999;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 6px;
}

#pxl-hamburger-toggle span {
  display: block;
  width: 28px; /* matches cfg.hamburger.size */
  height: 3px;
  background: #ffffff; /* matches cfg.hamburger.color */
  margin: 5px 0;
  border-radius: 2px;
  transition: all 0.3s ease;
}

/* Animate to X when open */
#pxl-hamburger-toggle.is-active span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
#pxl-hamburger-toggle.is-active span:nth-child(2) {
  opacity: 0;
}
#pxl-hamburger-toggle.is-active span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

/* ── Overlay ── */
#pxl-nav-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5); /* matches cfg.overlay.color */
  z-index: 36;
  opacity: 0;
  transition: opacity 350ms ease; /* matches cfg.drawer.slideSpeed + easing */
}
#pxl-nav-overlay.is-visible {
  display: block;
}
#pxl-nav-overlay.is-active {
  opacity: 1;
}

/* ── Drawer — slide in from LEFT (mobile/tablet) ── */
@media (max-width: 1024px) {
  #pxl-hamburger-toggle {
    display: block;
  }

  #pxl-nav-wrapper-4571e53 .pxl-nav-menu {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 350px !important; /* matches cfg.drawer.width */
    height: 100vh !important;
    background: #1a1a1a !important; /* matches cfg.drawer.background */
    z-index: 9000;
    transform: translateX(-100%);
    transition: transform 350ms ease !important; /* matches cfg.drawer.slideSpeed + easing */
    overflow-y: auto;
    padding: 80px 24px 24px;
    box-sizing: border-box;
    flex-direction: column !important;
    display: flex !important;
  }

  /* Open state — slides in left to right */
  #pxl-nav-wrapper-4571e53 .pxl-nav-menu.drawer-open {
    transform: translateX(0);
  }

  /* Stack menu items vertically */
  #pxl-nav-wrapper-4571e53 .pxl-menu-primary {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  #pxl-nav-wrapper-4571e53 .pxl-menu-primary > li > a {
    display: block !important;
    padding: 10px 0 !important;
    color: #fff !important;
    font-size: 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    text-decoration: none !important;
  }

  #pxl-nav-wrapper-4571e53 .pxl-divider-move {
    display: none !important;
  }
}

/* ── End Hamburger Button — hidden on desktop ── */


.pxl-contact-form-1 .pxl-col .pxl-message i {
    top: 50% !important;
    transform: translate(0px, -50%) !important;
}
.pxl-before-gradien::after,
.pxl-expertise-gradien::after {
    background-image: url(../img/new_gradient_overley.svg) !important;
}
.pxl-gradien-ft-1::after,
.pxl-blur-ft-main::after {
    background-image: url(../img/new-gradient-ft-h1.svg) !important;
}
.pxl-image-inside svg path {
	fill: rgba(130, 188, 65, 0.5);
	animation: blinkFill_a 1.5s infinite ease-in-out !important;
}
@keyframes blinkFill_a {
  0%, 100% {
    fill: rgba(130, 188, 65, 0.2);
  }
  50% {
    fill: rgba(130, 188, 65, 0.8);
  }
}
.pxl-service-list2 .pxl-item-header .pxl-post--number {
    color: #fff !important;
}
.pxl-scroll-top .pxl-scroll-progress-circle path {
    stroke: var(--e-global-color-32a8077) !important;
}
.pxl-service-list1 .pxl-service-item .pxl-post--number,
.pxl-breadcrumb a:hover,
.pxl-breadcrumb a:after {
    color: var(--e-global-color-32a8077) !important;
}
.pxl-contact-form-1 .btn.button-contact:hover {
    background-color: var(--e-global-color-32a8077) !important;
}
.pxl-accordion1.style1 .pxl-accordion--title svg {
    fill: var(--e-global-color-32a8077) !important;
}
.pxl-service-list1 .pxl-service-item .pxl-item-header a {
    max-width: 280px !important;
}
.pxl-logo img{
	padding-left:0px;
}

/* home */
.pxl-expertise-gradien .what-we-do-container .pxl-item--exc{
	display: none;
}
.pxl-expertise-gradien .what-we-do-container .pxl-post--categories{
	display: none;
}
.pxl-expertise-gradien .what-we-do-container .pxl-post--title a{
	pointer-events: none;
}
.pxl-expertise-gradien .what-we-do-container .pxl-item-header .pxl-post--title{
	width: 100%;
	max-width: 100%;
}
/* our-expertise */
.our-expertise-section .our-expertise-container .pxl-service-item .pxl-post--categories a{
	display: none;
}
.our-expertise-section .our-expertise-container .pxl-post--title a{
	pointer-events: none;
}
@media (max-width: 1200px) {
	#pxl-header-default .pxl-header-main, #pxl-header-elementor .pxl-header-main {
    display: none;
}
	#pxl-header-elementor .pxl-header-elementor-main, #pxl-header-elementor .pxl-header-elementor-sticky {
		display: inline-block !important;
	}
}
@media (max-width: 767px) {
   .pxl-accordion1.style1 .pxl-item--content{
    padding-top: 0px !important;
	gap: 0px !important;   
  }
}
@media (max-width: 1024px) {
   .about-mission-container .pxl-heading .pxl-item--title{
    margin: 0px !important;
  }
}
.pxl-list-menu1 .list--item .pxl-year{
    width: 100% !important;
	max-width: 380px !important;
}
.pxl-list-menu1 .list--item .pxl-item--title{
	column-gap: 80px !important;
}
.pxl-list-menu1 .list--item .pxl-transtion h5{
	max-width: 800px;
	width: 100%
}