* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}

.blink {
    animation: blink 1.2s ease-in-out infinite;
}

@keyframes blink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.45;
    }
}

.swiper-button-next,
.swiper-button-prev {
    color: red;
}

.swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.swiper-pagination-bullet {
    width: 0.875rem;
    height: 0.3125rem;
    border-radius: 9999px;
    background: white;
    opacity: 0.45;
    margin: 0 !important;
    transition: width 0.25s ease, opacity 0.25s ease, background-color 0.25s ease,
        box-shadow 0.25s ease, transform 0.25s ease;
}

.swiper-pagination-bullet-active {
    width: 2.25rem;
    background: white;
    opacity: 1;
    box-shadow: 0 0 14px rgba(255, 255, 255, 0.65);
    transform: translateZ(0);
}

@media (max-width: 640px) {

    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }
}