.pxl-history-carousel.layout-1 {
    @apply relative select-none;
  }
  
  .pxl-history-carousel.layout-1 .content-item {
    @apply text-center;
  }
  
  .pxl-history-carousel.layout-1 .item-title {
    @apply text-[28px] font-semibold mb-12;
  }
  
  @media (max-width: 575px) {
    .pxl-history-carousel.layout-1 .item-title {
      @apply text-[24px];
    }
  }
  
  .pxl-history-carousel.layout-1 .item-des,
  .pxl-history-carousel.layout-1 .item-des > * {
    @apply font-normal max-w-378 mx-auto text-lg leading-24 overflow-hidden text-ellipsis line-clamp-6;
  }
  
  
  @media (max-width: 575px) {
    .pxl-history-carousel.layout-1 .item-des {
      @apply text-base leading-22 max-w-330;
    }
  }
  
  .pxl-history-carousel.layout-1 .pxl-button-more {
    @apply mt-52;
  }
  
  @media (max-width: 575px) {
    .pxl-history-carousel.layout-1 .pxl-button-more {
      @apply mt-35;
    }
  }
  
  .pxl-history-carousel.layout-1 .pxl-button-more .pxl-icon {
    @apply flex overflow-hidden;
  }
  
  .pxl-history-carousel.layout-1 .pxl-button-more .btn-primary {
    @apply gap-5;
  }
  
  .pxl-history-carousel.layout-1 .pxl-button-more .btn-primary:hover i {
      animation: toTopFromBottom 0.4s forwards;
  }
  
  .pxl-history-carousel.layout-1 .item-inner {
    @apply flex flex-col items-center;
  }
  
  .pxl-history-carousel.layout-1 .pxl-swiper-container {
    @apply px-24 py-35;
  }
  
  .pxl-history-carousel.layout-1 .item-slide {
    @apply absolute top-[64.5%] left-1/2 transform -translate-x-1/2 -translate-y-1/2 transition-[width,height] duration-1000 flex justify-center items-center p-0 overflow-hidden w-460 h-auto;
  }
  
  .pxl-swiper-wrapper {
    @apply relative size-full z-1 flex duration-400 box-content;
  }
  
  .align-items-center {
    @apply items-center;
  }
  
  .elementor *, .elementor :after, .elementor :before {
      box-sizing: border-box;
  }
  
  .pxl-history-carousel.layout-1 .pxl-swiper-wrapper {
    @apply relative top-0 left-0 overflow-visible z-2 h-1580 -mb-927;
  }
  
  @media (max-width: 1199px) {
    .pxl-history-carousel.layout-1 .pxl-swiper-wrapper {
      @apply -mb-966;
    }
  }
  
  @media (max-width: 991px) {
    .pxl-history-carousel.layout-1 .pxl-swiper-wrapper {
      @apply -mb-986;
    }
  }
  
  @media (max-width: 767px) {
    .pxl-history-carousel.layout-1 .pxl-swiper-wrapper {
      @apply h-1500 -mb-1050;
    }
    .pxl-history-carousel.layout-1 .pxl-swiper-wrapper .item-slide:nth-child(even) .item-image {
      opacity: 0 !important;
      transition: all 300ms ease-in-out 0s;
     }
  }
  
  .pxl-history-carousel.layout-1 .box-pev-next {
    @apply absolute z-10 left-1/2 bottom-146 transform -translate-x-1/2 text-center;
  }
  
  @media (max-width: 767px) {
    .pxl-history-carousel.layout-1 .box-pev-next {
      @apply bottom-0;
    }
  }

  
  .pxl-history-carousel.layout-1 .box-pev-next .text-pev-next {
    @apply text-xs font-medium leading-[2] uppercase relative px-6 inline-block rounded;
  }
  
  .pxl-history-carousel.layout-1 .box-pev-next .text-pev-next::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, 0);
      width: 158px;
      height: 1px;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50.5%, rgba(255, 255, 255, 0) 100%);
      z-index: -1;
  }
  
  .pxl-history-carousel.layout-1 .pxl-swiper-dots {
    @apply flex justify-center mt-20;
  }
  
  .pxl-history-carousel.layout-1 .thumb-item {
    @apply w-auto transform scale-100 opacity-60;
  }
  
  .pxl-history-carousel.layout-1 .thumb-item .item-year {
    @apply text-lg leading-30 dark:text-white/60 text-black/60;
  }
  
  @media (max-width: 575px) {
    .pxl-history-carousel.layout-1 .thumb-item .item-year {
      @apply text-base;
    }
  }
  
  .pxl-history-carousel.layout-1 .thumb-item.active {
    @apply opacity-100 scale-100;
  }
  
  .pxl-history-carousel.layout-1 .thumb-item.active .item-year {
    @apply text-[28px] dark:text-white text-dark;
  }
  
  @media (max-width: 575px) {
    .pxl-history-carousel.layout-1 .thumb-item.active .item-year {
      @apply text-[24px];
    }
  }
  
  .pxl-history-carousel.layout-1 .pxl-thumbs-wrapper {
    @apply gap-25;
  }
  
  .pxl-history-carousel.layout-1 .pxl-swiper-thumbs {
    @apply max-w-210;
  }
  
  .pxl-history-carousel.layout-1 .pxl-swiper-slider-thumbs {
    @apply mt-14;
  }
  
  .pxl-history-carousel.layout-1 .pxl-carousel-inner {
    @apply pt-78;
  }
  
  @media (max-width: 991px) {
    .pxl-history-carousel.layout-1 .pxl-carousel-inner {
      @apply pt-30;
    }
  }
  
  @media (max-width: 575px) {
    .pxl-history-carousel.layout-1 .pxl-carousel-inner {
      @apply pt-0;
    }
  }
  .pxl-team-list .project::before, .pxl-team-list .project::after {
    @apply content-[''] absolute h-0 w-full left-1/2 -translate-x-1/2 z-1 bg-no-repeat sm:block hidden pointer-events-none;
    transition: height 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.pxl-team-list .project::before {
  @apply bottom-1/2 bg-white;
}
.pxl-team-list .project::after {
  @apply top-1/2 bg-white;
}
.pxl-team-list .project:hover::before, .pxl-team-list .project:hover::after {
  @apply sm:h-1/2 h-[51%];
}

.project .project-title h3{
  @apply dark:text-white text-secondary;
}
.project .project-title .post{
  @apply dark:text-white/70 text-black/70;
}
.project:hover .project-title h3{
  @apply sm:text-black;
}
.project:hover .project-title .post{
  @apply sm:text-black/70;
}
.project .project-categ a{
  @apply dark:text-white/70 text-black/70;
}
.project:hover .project-categ a{
  @apply sm:text-dark;
}