.section-tittle li{
      max-width: 320px;
  
      padding: 0px;
      /* color:#25b612; */
      color:#666666;
  
      font-size:15px;
      margin-top: 1px;
      /* margin-left: -10px; */

      /* max-width: 250px; */
      margin: 2px auto;
      padding: 0px;
   
      color:#666666;
  
      font-size:15px;
      top: -200px;        
      position:relative;
      overflow:hidden;


  



}.bg-black .section-tittle li {
  color:#d6c8c8;
}







.banner-wrapper .text-gradient h3 {
  font-size: 50px;
  margin-top: 0rem;
  color: #e6d4d9;
  font-weight: 500;
  margin-bottom: 0;
  padding: 3px 0px;
  top: 200px; 

}


.banner-wrapper .text-gradient span {
  font-size: 27px;
  color: #e6d4d9;
  /* margin-top: 0rem;
  color: #f9004d;
  font-weight: 500;
  margin-bottom: 0;
  padding: 3px 0px; */
  top: 200px; 
  text-decoration: underline;

}



.banner-wrapper h3.text-gradient{
  background: -webkit-linear-gradient(305deg,#f81f01,#ee076e);
  background: linear-gradient(145deg,#f81f01,#ee076e);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  top: 200px; 
  text-decoration: underline;
  text-transform: normal;
  
 
}


.resume-page span.text-gradient{
  background: -webkit-linear-gradient(305deg,#d9e2827c,#ee076e);
  /* background: radial-gradient(ellipse  at bottom , #1e159cf3,  #2d1fe4bb ,#180e0ec2, #0f0e0e); */
  background: linear-gradient(145deg,#68d36dea, #68d36d70,#6a792b);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: -20px;
  font-weight: bold;

  
}
.section-tittle h2{
font-size:46px;
text-transform:capitalize;
font-weight:700;
padding-top:10px;
position: relative;
  top: -200px; 
}


.banner-wrapper h3.text-gradient{
  background: -webkit-linear-gradient(305deg,#f81f01,#ee076e);
  background: linear-gradient(145deg,#c4a6a2,#ee076e);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  top: -200px; 
  
 
}






.hero-block .animation-circle-inverse.right {
  bottom: -25px;
  left: -25px;
}
.hero-block .animation-circle-inverse {
  position: absolute;
}
.animation-circle-inverse > span {
  background: -webkit-linear-gradient(305deg,#f81e01b0,#ee076fa6);
  background: linear-gradient(145deg,#f81e019c,#ee076fd2);
  bottom: 0;
  position: absolute;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0.3;
  -webkit-animation: circleWater 4s linear infinite;
  animation: circleWater 4s linear infinite;
}
.hero-block .animation-circle-inverse.right > span {
background-color: rgba(249, 0, 77, 0.61);
}
.hero-block .animation-circle-inverse > span {
  width: 80px;
  height: 80px;
}
.animation-circle-inverse > span:nth-child(2) {
  -webkit-animation: circleWater2 4s linear infinite;
  animation: circleWater2 4s linear infinite;
}
.animation-circle-inverse > span:nth-child(3) {
  -webkit-animation: circleWater3 4s linear infinite;
  animation: circleWater3 4s linear infinite;
}
@keyframes divider-effect {
0% {
  transform: translateX(0px);
}

100% {
  transform: translateX(70px);
}
}
@-webkit-keyframes circleWater {
0% {
  -webkit-transform: scale(5.5);
  transform: scale(5.5);
  opacity: 0.3;
}

100% {
  -webkit-transform: scale(8.5);
  transform: scale(8.5);
  opacity: 0.0;
}
}
@keyframes circleWater {
0% {
  -webkit-transform: scale(5.5);
  transform: scale(5.5);
  opacity: 0.3;
}

100% {
  -webkit-transform: scale(8.5);
  transform: scale(8.5);
  opacity: 0.0;
}
}
@-webkit-keyframes circleWater2 {
0% {
  -webkit-transform: scale(3.5);
  transform: scale(3.5);
}

100% {
  -webkit-transform: scale(5.5);
  transform: scale(5.5);
}
}
@keyframes circleWater2 {
0% {
  -webkit-transform: scale(3.5);
  transform: scale(3.5);
}

100% {
  -webkit-transform: scale(5.5);
  transform: scale(5.5);
}
}
@-webkit-keyframes circleWater3 {
0% {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

100% {
  -webkit-transform: scale(3.5);
  transform: scale(3.5);
}
}
@keyframes circleWater3 {
0% {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

100% {
  -webkit-transform: scale(3.5);
  transform: scale(3.5);
}
}


main{
  width: min(1200px, 90vw);
  margin: auto;
}


.slider{
    width: 100%;
    height: var(--height);
    overflow: hidden;
    mask-image: linear-gradient(
        to right,
        transparent,
        #000 10% 90%,
        transparent
    );
}
.slider .list{
    display: flex;
    width: 100%;
    min-width: calc(var(--width) * var(--quantity));
    position: relative;
}
.slider .list .item{
    width: var(--width);
    height: var(--height);
    position: absolute;
    left: 100%;
    animation: autoRun 70s linear infinite;
    transition: filter 0.5s;
    animation-delay: calc( (70s / var(--quantity)) * (var(--position) - 1) - 10s)!important;
}
.slider .list .item img{
    width: 100%;
}
@keyframes autoRun{
    from{
        left: 100%;
    }to{
        left: calc(var(--width) * -1);
    }
}
.slider:hover .item{
    animation-play-state: paused!important;
    filter: grayscale(1);
}
.slider .item:hover{
    filter: grayscale(0);
}
.slider[reverse="true"] .item{
    animation: reversePlay 70s linear infinite;
}
@keyframes reversePlay{
    from{
        left: calc(var(--width) * -1);
    }to{
        left: 100%;
    }
}


/* *******************animation***********parnerts */

@media screen and (max-width: 767px) {

main{
  width: min(1200px, 90vw);
  margin: auto;
}


.slider{
    width: 100%;
    height: var(--height);
    overflow: hidden;
    mask-image: linear-gradient(
        to right,
        transparent,
        #000 10% 90%,
        transparent
    );
}
.slider .list{
    display: flex;
    width: 100%;
    min-width: calc(var(--width) * var(--quantity));
    position: relative;
}
.slider .list .item{
    width: var(--width);
    height: var(--height);
    position: absolute;
    left: 100%;
    animation: autoRun 70s linear infinite;
    transition: filter 0.5s;
    animation-delay: calc( (70s / var(--quantity)) * (var(--position) - 1) - 10s)!important;
}
.slider .list .item img{
    width: 100%;
}
@keyframes autoRun{
    from{
        left: 100%;
    }to{
        left: calc(var(--width) * -1);
    }
}
.slider:hover .item{
    animation-play-state: paused!important;
    filter: grayscale(1);
}
.slider .item:hover{
    filter: grayscale(0);
}
.slider[reverse="true"] .item{
    animation: reversePlay 70s linear infinite;
}
@keyframes reversePlay{
    from{
        left: calc(var(--width) * -1);
    }to{
        left: 100%;
    }
}


}













@media screen and (max-width: 767px) {





    .section-tittle li{
        max-width: 320px;
    
        padding: 0px;
        /* color:#25b612; */
        color:#666666;
    
        font-size:15px;
        margin-top: 1px;
        /* margin-left: -10px; */
  
        /* max-width: 250px; */
        margin: 2px auto;
        padding: 0px;
     
        color:#666666;
    
        font-size:15px;
        top: -200px;        
        position:relative;
        overflow:hidden;


    



}.bg-black .section-tittle li {
    color:#d6c8c8;
}






/* 
.banner-wrapper .text-gradient h3 {
    font-size: 50px;
    margin-top: 0rem;
    color: #f9004d;
    font-weight: 500;
    margin-bottom: 0;
    padding: 3px 0px;
    top: 200px; 
  
} */


.banner-wrapper .text-gradient span {
    font-size: 27px;
    /* margin-top: 0rem;
    color: #f9004d;
    font-weight: 500;
    margin-bottom: 0;
    padding: 3px 0px; */
    top: 200px; 
  
}



/* .banner-wrapper h3.text-gradient{
    background: -webkit-linear-gradient(305deg,#f81f01,#ee076e);
    background: linear-gradient(145deg,#f81f01,#ee076e);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    top: 200px; 
    
   
} */


.resume-page span.text-gradient{
    background: -webkit-linear-gradient(305deg,#d9e2827c,#ee076e);
    /* background: radial-gradient(ellipse  at bottom , #1e159cf3,  #2d1fe4bb ,#180e0ec2, #0f0e0e); */
    background: linear-gradient(145deg,#68d36dea, #68d36d70,#6a792b);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: -20px;
    font-weight: bold;

    
}
.section-tittle h2{
	font-size:46px;
	text-transform:capitalize;
	font-weight:700;
	padding-top:10px;
	position: relative;
    top: -200px; 
}


/* TEXTO *//* TEXTO *//* TEXTO *//* TEXTO *//* TEXTO *//* TEXTO */
/* TEXTO *//* TEXTO *//* TEXTO *//* TEXTO *//* TEXTO *//* TEXTO */
/* TEXTO *//* TEXTO *//* TEXTO *//* TEXTO *//* TEXTO *//* TEXTO */
/* TEXTO *//* TEXTO *//* TEXTO *//* TEXTO *//* TEXTO *//* TEXTO */
/* TEXTO *//* TEXTO *//* TEXTO *//* TEXTO *//* TEXTO *//* TEXTO */

 .banner-wrapper h3.text-gradient{
    /* background: -webkit-linear-gradient(305deg,#f81f01,#ee076e); */
    background: linear-gradient(145deg,#c4a6a2,#0a7a71d2);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    top: -200px; 
    
   
}






.hero-block .animation-circle-inverse.right {
    bottom: -25px;
    left: -25px;
    margin-top: 200px;
}
.hero-block .animation-circle-inverse {
    position: absolute;
    margin-top: 200px;
}
.animation-circle-inverse > span {
    background: -webkit-linear-gradient(305deg,#f81e011f,#ee076f73);
    background: linear-gradient(145deg,#f81e012f,#ee076f3a);
    bottom: 0;
    position: absolute;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0.3;
    -webkit-animation: circleWater 4s linear infinite;
    animation: circleWater 4s linear infinite;
    margin-top: 200px;


}
.hero-block .animation-circle-inverse.right > span {
	background-color: rgba(249, 0, 79, 0.507);
  margin-top: 200px;

}
.hero-block .animation-circle-inverse > span {
    width: 55px;
    height: 55px;
    top: -340px;
}
.animation-circle-inverse > span:nth-child(2) {
    -webkit-animation: circleWater2 4s linear infinite;
    animation: circleWater2 4s linear infinite;
}
.animation-circle-inverse > span:nth-child(3) {
    -webkit-animation: circleWater3 4s linear infinite;
    animation: circleWater3 4s linear infinite;
  
}
@keyframes divider-effect {
  0% {
    transform: translateX(0px);
  }

  100% {
    transform: translateX(70px);
  }
}
@-webkit-keyframes circleWater {
  0% {
    -webkit-transform: scale(5.5);
    transform: scale(5.5);
    opacity: 0.3;
  }

  100% {
    -webkit-transform: scale(8.5);
    transform: scale(8.5);
    opacity: 0.0;
  }
}
@keyframes circleWater {
  0% {
    -webkit-transform: scale(5.5);
    transform: scale(5.5);
    opacity: 0.3;
  }

  100% {
    -webkit-transform: scale(8.5);
    transform: scale(8.5);
    opacity: 0.0;
  }
}
@-webkit-keyframes circleWater2 {
  0% {
    -webkit-transform: scale(3.5);
    transform: scale(3.5);
  }

  100% {
    -webkit-transform: scale(5.5);
    transform: scale(5.5);
  }
}
@keyframes circleWater2 {
  0% {
    -webkit-transform: scale(3.5);
    transform: scale(3.5);
  }

  100% {
    -webkit-transform: scale(5.5);
    transform: scale(5.5);
  }
}
@-webkit-keyframes circleWater3 {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    -webkit-transform: scale(3.5);
    transform: scale(3.5);
  }
}
@keyframes circleWater3 {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    -webkit-transform: scale(3.5);
    transform: scale(3.5);
  }
}

#cursor {
  height: 15px;
  width: 15px;

  border-radius: 50%;
  position: fixed;
  z-index: 99;
  transition: all linear 0.1s;
  margin-top: -10px;

}
#cursor-blur {
  height: 240px;
  width: 240px;
  background-color: rgba(150, 193, 30, 0.212);

  border-radius: 50%;
  position: fixed;
  filter: blur(110px);
  z-index: 9;
  transition: all linear 0.4s;
  margin-top: -40px;
  /* opacity: .8;
} */
#cursor {
  height: 15px;
  width: 15px;

  border-radius: 50%;
  position: fixed;
  z-index: 99;
  transition: all linear 0.1s;
  margin-top: -10px;

}
#cursor-blur {
  height: 240px;
  width: 240px;
  background-color: rgba(150, 193, 30, 0.212);

  border-radius: 50%;
  position: fixed;
  filter: blur(110px);
  z-index: 9;
  transition: all linear 0.4s;
  margin-top: -40px;
  /* opacity: .8;
} */


}

}


}