body {
  background-color: #ffffff !important
}

.page-header {
  display: none !important
}

.page-heading-title {
  background: linear-gradient(to right, #1a1a1a, #333);
  /* dark shaded background */
  color: #99cc00;
  /* lime green text */
  font-size: 36px;
  font-weight: 700;
  padding: 20px 40px;

  border-left: 8px solid #99cc00;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.page-heading-title .elementor-heading-title {
  color: #ffffff;
}

.nav-area ul {
  padding: 0;
  margin: 0;
}

.nav-area ul li {
  margin: 0;
  list-style: none;
  float: left;
}

.nav-area ul li a {
  text-transform: uppercase;
  font-family: var(--font-primary);
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.12em;
  font-size: 16px;
  line-height: 24px;
}

.nav-area nav ul {
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.nav-area ul li.menu-item {
  transition: all 0.3s;
}

.nav-area ul li a {
  padding: 21px 20px;
  display: block;
}

.nav-area ul li.current a {
  color: #0C0A0A !important;
}

.nav-area {
  display: flex;
  align-items: center;
  line-height: 0;

  width: 100%;
  justify-content: space-between;
  background-color: #A0CE4E;
}


/* Base menu list styling */
.custom-menu {
  list-style: none;
  display: flex;
  gap: 30px;
}

.custom-menu li {
  position: relative;
}

/* Link styling */
.custom-menu li a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #000;
}

/* Hide submenu initially */
.custom-menu .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  min-width: 180px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 99;
}

/* Show submenu on hover */
.custom-menu li.menu-item-has-children:hover>.sub-menu {
  display: block;
}

/* Submenu link styling */
.custom-menu .sub-menu li a {
  padding: 10px 15px;
  color: #333;
  white-space: nowrap;
}

@media only screen and (max-width: 600px) {
  .page-heading-title {
    margin-top: 70px !important;
  }

  .mobmenur-container i {

    color: #99cc00 !important;
    right: 7px !important;
  }

  .banner-content-container {
    position: absolute;
    float: left;
    left: 0;
  }

  .home-banner-content-box {
    width: 100% !important;
  }

  .home-banner-main-comtainer {
    margin-bottom: 70px !important;
    width: 100%;
    position: relative;
    display: table;
    height: 533px;
  }
  .page-content {
    margin-top: 100px;
}

}

@media only screen and (min-width: 600px) {}

@media only screen and (min-width: 768px) {}