/**
 * Layout: Hero
 * Styles for the hero layout section
 */

 .hero-swiper {
    @apply pb-8;
 }
.hero-swiper .swiper-pagination-bullet {
    @apply w-3.5 h-3.5 bg-white/30 opacity-100;
}
.hero-swiper .swiper-pagination-bullet-active {
    @apply bg-primary;
}

.linkedin-image-stack {
    @apply relative;
}

.linkedin-image-stack::after {
    @apply top-0 left-0 absolute w-full h-full bg-white border border-grey-light rounded-[5px];
    content: "";
    z-index: -1;
}

.linkedin-image-inner {
    @apply p-2 relative bg-white rounded-[5px] border border-grey-light box-shadow;
}

.linkedin-slide-wrapper {
    @apply relative;
}
.hero-swiper .swiper-slide {
    @apply opacity-0 pointer-events-none duration-300 ease-in-out;
}
.hero-swiper .swiper-slide.swiper-slide-active {
    @apply opacity-100 pointer-events-auto;
}
.linkedin-slide-wrapper .group svg {
    transition: stroke 0.3s ease, fill 0.3s ease;
}