/*animacion flecha home*/

.link-container {
    display: inline-flex;
    align-items: center;
    position: relative;
    transition: padding 0.5s;
  }
  .link-container img {
    position: absolute;
    opacity: 0;
    right: -80px;
    transition: opacity 0.5s, right 0.5s;
  }
  .link-container:hover {
    padding-right: 35px;
    padding-left: 18px;
  }
  .link-container:hover img {
    opacity: 1;
    right: 10px;
  }
  
  /*Tipografia*/

  @font-face {
    font-family: 'Poppins';
    src: url(/fonts/Poppins/Poppins-Regular.ttf);
  }

  .font-poppins {
    font-family: 'Poppins', sans-serif; 
  }
  @font-face {
    font-family: 'Poppins-medium';
    src: url(/fonts/Poppins/Poppins-Medium.ttf);
  }
  .font-poppins-medium{
    font-family: 'Poppins', sans-serif;
  }
  @font-face {
    font-family: 'Poppins-bold';
    src: url(/fonts/Poppins/Poppins-Bold.ttf);
  }
  .font-poppins-bold {
    font-family: 'Poppins-bold', sans-serif; 
  }

  @font-face {
    font-family: 'Poppins-semibold';
    src: url(/fonts/Poppins/Poppins-SemiBold.ttf);
  }
  .font-poppins-semibold {
    font-family: 'Poppins-semibold', sans-serif; 
  }

  @font-face {
    font-family: 'Inter-semibold';
    src: url(/fonts/Inter/static/Inter-SemiBold.ttf);
  }
  .font-inter-semibold{
    font-family: 'Inter-semibold', sans-serif;
  }
  @font-face {
    font-family: 'Inter-bold';
    src: url(/fonts/Inter/static/Inter-Bold.ttf);
  }
  .font-inter-bold{
    font-family: 'Inter-bold',sans-serif;
  }

  @font-face {
    font-family: 'Decima';
    src: url(/fonts/DecimaMonoCyr/DecimaMonoCyr.woff2);
  }
  .font-decima {
    font-family: 'Decima', sans-serif;
  }

  /*border radious
  .rounded-tr-custom{
    border-top-right-radius: 265px;
  }
*/
/*Seccion4*/

.transition-size {
  transition: width 300ms ease-out, height 300ms ease-out;
}


.swiper {
  width: 98%;
  height: 100%;
  margin-left: 40px !important;

}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

@media (max-width: 767px) {
  .swiper {
    width: 88%;
    height: 100%;
    margin-left: 40px !important;
  
  }
  .link-container img {
    position: absolute;
    opacity: 0;
    right: -10px;
    transition: opacity 0.5s, right 0.5s;
  }
}

@media (min-width:768px) and (max-width:1024px){
  .link-container img {
    position: absolute;
    opacity: 0;
    right: -10px;
    transition: opacity 0.5s, right 0.5s;
  }
  .swiper {
    width: 97%;
    height: 100%;
    margin-left: 20px !important;
  
  }
}



@keyframes pulse {
  0%, 100% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.1);
  }
}
.pulse {
  animation: pulse 1s infinite;
}

.line-horizontal {
  width: 7rem;
  height: 2px;
  background-color: #48bb78;
}

.line-horizontal2 {
  width: 5rem;
  height: 2px;
  background-color: #48bb78;
}
.line-diagonal {
  width: 3rem;
  height: 2px;
  background-color: #48bb78;
  transform: rotate(-31deg);
  transform-origin: top left;
}