.hero-slider-corail .slides .slick-slide::before {
  content: '';
  background-color: rgba(40, 32, 29, 0.4);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.hero-slider-corail .slides .slick-slide {
  @apply h-120 !important;
  @apply flex items-center justify-center mx-auto;

  @screen lg {
    @apply h-200 !important;
  }
}

.hero-slider-corail .arrows {
  position: absolute;
  bottom: 30px;

  @screen lg {
    transform: translateY(-150px);
    bottom: 0;
  }
}

.hero-slider-corail .arrows i {
  @apply bg-transparent border-2 border-white;
}

.hero-slider-corail .arrows i.fa-chevron-left {
  margin-right: 15px;
}

.hero-slider-corail .arrows i:before {
  @apply absolute top-1/2 left-1/2 text-white;
  transform: translate3d(-50%, -50%, 0);
}

.hero-slider-corail .arrows i:hover {
  @apply bg-white;
}

.hero-slider-corail .arrows i:hover:before {
  @apply text-primary;
}


@-webkit-keyframes toTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes toTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.toTop {
  -webkit-animation-name: toTop;
  animation-name: toTop;
}

.slick-active .slide-content {
  animation-name: toTop;
  animation-duration: 1s;
  opacity: 1;
}