body{
font-family:'Poppins',sans-serif;
}

.hero{
padding:100px 0;
background:
linear-gradient(
rgba(255,255,255,.8),
rgba(255,255,255,.8)
),
url('../img/bg.jpg');
background-size:cover;
}

.text-pink{
color:#ff1493;
}

.price-box{
background:#0d6efd;
color:#fff;
padding:20px;
font-size:42px;
font-weight:bold;
border-radius:20px;
display:inline-block;
}

.wa-float{
position:fixed;
right:20px;
bottom:20px;
width:60px;
height:60px;
background:#25D366;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:30px;
z-index:999;
animation:pulse 1.5s infinite;
}

@keyframes pulse{
0%{
transform:scale(1);
}
50%{
transform:scale(1.1);
}
100%{
transform:scale(1);
}
}

/*CSS Premium Modern*/
.navbar{
background:#0f172a;
}

.footer{
background:#0f172a;
color:white;
padding:60px 0;
}

.footer a{
color:#fff;
text-decoration:none;
}

.countdown-box{
background:linear-gradient(135deg,#ff1493,#ff6ec7);
color:white;
padding:40px;
border-radius:20px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,.15);
}

.card{
transition:.3s;
}

.card:hover{
transform:translateY(-8px);
}

section{
overflow:hidden;
}



/*CSS Timeline Program Perjalanan*/
/* =========================
   PROGRAM PERJALANAN
========================= */

.timeline {
    position: relative;
    max-width: 900px;
    margin: auto;
}

.timeline::before {
    content: "";
    position: absolute;
    left: 30px;
    top: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(
        to bottom,
        #ff1493,
        #ffc107
    );
    border-radius: 10px;
}

.timeline .item {
    position: relative;
    margin-bottom: 30px;
    margin-left: 80px;
    background: #fff;
    padding: 20px 25px;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    transition: .3s;
}

.timeline .item:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0,0,0,.15);
}

.timeline .item::before {
    content: "";
    position: absolute;
    left: -62px;
    top: 25px;
    width: 22px;
    height: 22px;
    background: #ff1493;
    border: 4px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(255,20,147,.2);
}

.timeline .day {
    display: inline-block;
    background: linear-gradient(
        135deg,
        #ff1493,
        #ff6ec7
    );
    color: #fff;
    padding: 6px 15px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.timeline h5 {
    font-weight: 700;
    margin-bottom: 10px;
    color: #0f172a;
}

.timeline p {
    margin: 0;
    color: #6c757d;
}

/* MOBILE */

@media (max-width:768px){

.timeline::before{
    left:15px;
}

.timeline .item{
    margin-left:45px;
    padding:15px;
}

.timeline .item::before{
    left:-40px;
    width:18px;
    height:18px;
}

}