/* Main Swiper Styles */
.mySwiper .swiper-slide {
    background-position: center;
    background-size: cover;
}

.mySwiper .swiper-button-next-main,
.mySwiper .swiper-button-prev-main {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 50;
    cursor: pointer;
    opacity: 0;
    pointer-events: auto;
}

.mySwiper .swiper-button-next-main {
    right: 0;
}

.mySwiper .swiper-button-prev-main {
    left: 0;
}

.mySwiper .swiper-button-next {
    right: 0;
    left: auto;
}

.mySwiper .swiper-button-prev {
    left: 0;
    right: auto;
}

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

/* AWARD SWIPER */
.awardsSwiper {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
}

.award-card-bg {
    background:
        radial-gradient(120% 120% at 100% 0%, rgba(219, 234, 254, 0.5) 0%, rgba(219, 234, 254, 0) 45%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.roadmap-glass-card {
    box-shadow: 0px 25px 50px -12px rgba(16, 24, 40, 0.25);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(12px);
    transition: all 0.3s ease;
}

.roadmap-glass-card:hover {
    transform: translateY(-5px);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
    border-color: rgba(255, 255, 255, 0.3);
}

.awardsSwiper .swiper-slide {
    /* Ukuran Fix Slide */
    width: 450px;
    height: 400px;
    position: relative;
    background-position: center;
    background-size: cover;
    border-radius: 12px;

    /* Transisi Halus */
    transition: all 0.5s ease;

    /* Default slide agak gelap/blur (opsional, visual style) */
    filter: brightness(0.8);
    transform: scale(0.9);
    /* Default agak kecil */
    opacity: 0;
    /* Default sembunyi, JS yang akan memunculkan */
    z-index: 1;
    /* Paling belakang */
}

.text-glow {
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

.card-hover:hover {
    transform: translateY(-5px);
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.3s ease;
}

/* Slide yang AKTIF (Tengah) */
.awardsSwiper .swiper-slide-active {
    filter: brightness(1);
    transform: scale(1.1);
    /* Sedikit lebih besar */
    z-index: 30;
    /* Paling depan */
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
    /* Shadow besar seperti Gambar 1 */
    border: 4px solid white;
}

/* Slide Sebelah Kiri dan Kanan (Immediate Siblings) */
.awardsSwiper .swiper-slide-prev,
.awardsSwiper .swiper-slide-next {
    z-index: 20;
    /* Di belakang slide aktif */
    filter: brightness(0.9);
}

/* Caption Style */
.slide-caption {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.4s ease;
}

.awardsSwiper .swiper-slide-active .slide-caption {
    opacity: 1;
    transform: translateY(0);
}

/* Responsif Mobile */
@media (max-width: 768px) {
    .awardsSwiper .swiper-slide {
        width: 300px;
        height: 380px;
    }
}

/* Custom Hexagon Pattern Background */
.bg-hexagon {
    background-color: #f8fafc;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230ea5e9' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* Text Highlight Style */
.text-highlight-blue {
    background-color: #0ea5e9;
    /* Sky-500 */
    color: white;
    padding: 2px 8px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    line-height: 1.6;
}

.text-highlight-dark {
    background-color: #0f172a;
    /* Slate-900 */
    color: white;
    padding: 2px 8px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    line-height: 1.6;
}

/* Pola Hexagon halus untuk background */
.bg-hexagon-2 {
    background-color: #1a56db;
    /* Fallback */
    background-image:
        radial-gradient(at 0% 0%, rgba(34, 211, 238, 0.4) 0px, transparent 50%),
        radial-gradient(at 100% 100%, rgba(30, 58, 138, 0.8) 0px, transparent 50%),
        url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* Custom animation for rocket hover */
.rocket-hover:hover {
    transform: translate(5px, -5px);
    transition: transform 0.3s ease;
}

/* Kelas khusus untuk mengatur background image */
.roadmap-card {
    /* Ganti nama file ini jika berbeda */
    background-image: url('../images/roadmap/banner-roadmap.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Animasi halus roket */
.rocket-float {
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* Custom scrollbar behavior */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* RIBBON BADGE CLIP PATH */
.clip-badge-bottom {
    clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);
}

/* Sharp drop shadow for the ribbon feel */
.drop-shadow-ribbon {
    filter: drop-shadow(0 8px 6px rgba(0, 0, 0, 0.08));
}

/* Custom Background from request */
.custom-bg-gradient {
    background: linear-gradient(76.71deg, #101828 0.01%, #194993 59.37%);
}

/* Pattern for the last empty block */
.hex-pattern {
    background-color: #0ea5e9;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='40' viewBox='0 0 24 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40c5.523 0 10-4.477 10-10V10c0-5.523-4.477-10-10-10s-10 4.477-10 10v20c0 5.523 4.477 10 10 10z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.kebijakan-bg-gradient-1 {
    background: linear-gradient(90deg, #2B7FFF 0%, #00B8DB 100%);
}

.kebijakan-bg-gradient-2 {
    background: linear-gradient(90deg, #2B7FFF 0%, #00B8DB 100%);

}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 0.4s ease-out forwards;
}