/*
.work-hero-section{
    background: transparent linear-gradient(180deg, #FEEDC6 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
}
*/

.work-hero-bg-wrapper {
  background: url('https://lds.aeximius-studio.com/wp-content/themes/LDS/./assets/projects-bg.svg');
  background-size: cover;
  margin-bottom: 50px;
  position: relative;
}

.work-hero-character-img {
  position: absolute;
  height: 80%;
  bottom: 0px;
  right: 15%;
}

.our-work-title-container {
  max-width: 1920px;
  padding: 0 5%;
  margin: 50px auto 80px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.our-work-title-container-two {
  max-width: 1920px;
  padding: 0 5%;
  margin: 120px auto 80px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.back_button {
  display: flex;
  align-items: center;
}
.back_button img {
  width: 25px;
  height: 20px;
}

.work-filter-container{
  max-width: 1920px;
  margin: auto;
  padding: 0 var(--horizontal-spacing-desktop);
}

@media screen and (max-width: 1280px) {
  .work-hero-character-img {
    height: 65%;
    right: 5%;
    bottom: 0%;
  }
}

@media screen and (max-width: 1024px) {
  .work-filter-container{
    padding: 0 var(--horizontal-spacing-tablet);
  }
}

@media screen and (max-width: 576px) {
  .work-hero-character-img {
    height: 38%;
    right: 36%;
    bottom: 0%;
  }

  .our-work-title-container {
    align-items: flex-start;
    margin: 80px auto 50px auto;
  }
  
  .our-work-title-container-two {
    align-items: flex-start;
    margin: 100px auto 50px auto;
  }

  .work-filter-container{
    padding: 0px var(--horizontal-spacing-mobile);
    margin-bottom: -30px;
  }
}

.projects-pagination-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 0px auto 150px auto;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 230px;
  width: 100%;
  overflow: auto;
  z-index: 999;
}
.dropdown-content div {
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  font-family: var(--font-family-poppins-regular);
  display: block;
}

.projects-pagination-number {
  font-family: var(--ff-aller-display);
  font-size: clamp(1.25rem, 1.736vw, 1.875rem);
  color: #000000;
}

.projects-pagination-btn-prev,
.projects-pagination-btn-next {
  width: 13px;
  height: auto;
  display: flex;
  align-items: center;
}

.projects-pagination-btn-prev img,
.projects-pagination-btn-next img {
  width: 100%;
  height: auto;
  cursor: pointer;
}

.projects-pagination-number:hover {
  color: #ffffff;
  background-color: #000000;
  border-radius: 50px;
  cursor: pointer;
}

.page-numbers {
  font-family: var(--ff-aller-display);
  font-size: clamp(1.25rem, 1.736vw, 1.875rem);
  color: #000000;
  border-radius: 50px;
  aspect-ratio: 1/1;
  width: 50px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-numbers:hover {
  color: #ffffff;
  background-color: #000000;
}

.prev::before {
  content: url(../assets/pagination-arrow-previous.svg);
  width: 100px;
  height: auto;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.next::before {
  content: url(../assets/paginarion-arrow-next.svg);
  width: 100px;
  height: auto;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.prev::before img {
  width: 100px;
  height: auto;
  cursor: pointer;
}

.next::before img {
  width: 100px;
  height: auto;
  cursor: pointer;
}

.prev,
.next {
  display: flex;
  align-items: center;
  justify-content: center;
}

.prev:hover,
.next:hover {
  background-color: transparent !important;
}

.current {
  color: #ffffff;
  background-color: #000000;
  border-radius: 50px;
  cursor: pointer;
}