* {
  font-family: Helvetica;
}
.project-main {
  padding: 6% 0% 0px 0%;
}

.left-title h1 {
  color: black;
}
/* Project filter box */

.project-sub-heading {
  color: #555555 !important;
  position: relative;
  transition: all 1s ease;
  /* font-weight: 600; */
  width: fit-content;
  text-shadow: 0.3px 0 0 #555555;
}

.project-sub-heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #555555;
  transition: width 0.5s ease;
}

.project-sub-heading:hover::after {
  width: 100%;
}

.project-start-heading {
  /* font-weight: 600; */
  color: #333333 !important;
  text-shadow: 1px 0 0 #333333;
  font-size: 18px;
  /* text-align: center; */
  text-decoration: none;
}

.project-list-box button {
  background: none;
  border: none;
  color: #fff;
  padding: 0px;
  text-align: left;
}

.project-list-box {
  display: flex;
  flex-direction: column;
  line-height: 22px;
  /* padding: 4% 0% 0% 3%; */
}

/* End */

/* Project Title section */

.project-title {
  display: flex;
  justify-content: space-between;
  padding: 2% 4%;
}
.showdropdown-title {
  padding: 0% 4% 0% 4%;
}

.showdropdown-title button {
  background: none;
  border: none;
  font-size: 1.5rem;
  /* color: #fff; */
  padding: 0px;
  margin-right: 3%;
  /* text-align: left; */
}

.project-showcase-heading {
  padding: 2% 0% calc(2% - 0.5%) 4%;
}
/* End */

.project-showcaase-box-wrapper {
  display: flex;
  /* gap: 1%; */
  flex-wrap: wrap;
  padding: 0.5%;
}

.project-img-box {
  flex: 0 0 33.33%;
  padding: 0.5%;
}

/*  */
/* Dropdown hidden by default */
/* .showdropdown-box {
  display: none;
  background-color: white;
  justify-content: space-evenly;
  padding: 2% 0%;
} */
/* .showdropdown-box {
  display: none;
  background: black;
} */

.showdropdown-box {
  display: flex; /* always flex */
  overflow: hidden;
  height: 0;
  padding: 0;
  background-color: white;
  justify-content: space-evenly;

  transition:
    height 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    padding 0.3s ease;
}
/* When active */
.showdropdown-box.active {
  /* display: flex; */
}

/* Cursor pointer */
.showdropdown-title button {
  cursor: pointer;
}

.view-more-btn {
  position: relative;
  padding: 11px 34px;
  font-size: 14px;
  font-weight: bold;
  background: rgb(0, 112, 192);
  border-radius: 980px;
  cursor: pointer;
  overflow: hidden;
  transition: color 0.3s;
  text-decoration: none;
  display: none;
  margin: 0px auto 1% auto;
  color: white;
  border: none;
  /* padding-bottom: 1%; */
}

/* LightGallery */
/* ===============================
   LIGHTGALLERY FORCE OVERRIDES
================================ */

/* IMG */

.project-img-box {
  flex: 0 0 33.33%;
  padding: 0.5%;
}

/* Visual wrapper */
.shade {
  position: relative;
  overflow: hidden;
}

.shade a {
  display: block;
  position: relative;
}

.shade img {
  width: 100%;
  display: block;
}

/* Bottom title bar */
.project-bottom-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;

  /* ❌ REMOVE height: 100% */
  padding: 16px 18px;

  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.85),
    rgba(0, 0, 0, 0.45),
    rgba(0, 0, 0, 0)
  );

  pointer-events: none;
}

.project-title {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
}

#project-count {
  color: #767676;
}

/* Animation */
.project-filter {
  position: relative;
  z-index: 5;
}
.project-showcase {
  position: relative;
  z-index: 1;
}

.project-showcaase-box-wrapper {
  contain: layout paint;
}