/* ==============================================================================================================================
														[ * Marquee Element ]
===============================================================================================================================*/
.card-marquee {
    position: relative;
  }
  .webfolio-marquee.overflow-x-clip {
    overflow-x: clip;
  }
  .card-marquee .main-marq {
    position: relative;
    padding: 0;
  }
  
  .card-marquee .main-marq .slide-har {
    display: flex;
  }
  .card-marquee .main-marq .box {
    display: flex;
  }
  .card-marquee .main-marq .box .item  {
    display: flex;
    flex-direction: column;

  }
  .card-marquee .main-marq .box .item span {
    display: inline-block;
  }

  .card-marquee .slide-har {
    position: relative;
  }
  .card-marquee .slide-har.st1 .box {
    position: relative;
    animation: slide-har 80s linear infinite;
  }
  .card-marquee .slide-har.st2 .box {
    position: relative;
    animation: slide-har-revers 80s linear infinite;
  }
  .card-marquee .overlay-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .card-marquee.hover-animation{
    transform: translateY(-10px);
  }
  @keyframes slide-har {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-100%);
    }
  }
  @keyframes slide-har-revers {
    100% {
      transform: translateX(0%);
    }
    0% {
      transform: translateX(-100%);
    }
  }
  


.card-slider a{


  display: block;
}
.card-slider .item::after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}

.card-slider .item{
position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  transition: all 0.3s ease;
}
.card-slider .item .title{
  margin: 0;
  z-index: 2;
  position: relative;
}
.card-slider .item .description{
  margin: 0;
  z-index: 2;
  position: relative;
}
.icon{
  position: absolute;  
  bottom: 20px;
  right: 20px;
  z-index: 2;
}
.card-slider .item:hover{
  transform: translateY(-10px);
  }