/* =========================
AMBULANCE RGB BORDER
========================= */

#ambulance-banner{
position:relative;

max-width:340px;
margin:40px auto;

padding:35px 25px;

border-radius:50px;

color:white;

font-family:'Poppins',sans-serif;

text-align:center;

background:#0f172a;

border:3px solid transparent;

/* RGB border */

background-image:
linear-gradient(#0f172a,#0f172a),
linear-gradient(
90deg,
red,
orange,
yellow,
lime,
cyan,
blue,
violet,
red
);

background-origin:border-box;
background-clip:padding-box,border-box;

background-size:100% 100%,400% 100%;

animation:rgbBorder 6s linear infinite;

box-shadow:0 12px 30px rgba(0,0,0,0.4);
}

@keyframes rgbBorder{

0%{
background-position:0 0,0% 50%;
}

100%{
background-position:0 0,400% 50%;
}

}

/* teks */

#ambulance-banner{
font-family:'Poppins',sans-serif;
}

/* judul */

#ambulance-banner h3{

font-size:30px;

font-weight:700;

letter-spacing:1px;

margin-bottom:18px;

}

/* isi */

#ambulance-banner p{

font-size:20px;

line-height:1.7;

opacity:0.9;

margin-bottom:25px;

}

/* tombol */

#ambulance-banner a{

font-size:18px;

font-weight:600;

padding:14px 28px;

}
/* =========================
AMBULANCE TITLE FONT
========================= */

#ambulance-banner h3{

font-family:'Bebas Neue',sans-serif;

font-size:40px;

letter-spacing:2px;

text-transform:uppercase;

margin-bottom:18px;

}
/* =========================
AMBULANCE TITLE SIREN
========================= */

#ambulance-banner h3{

font-family:'Bebas Neue',sans-serif;

font-size:40px;

letter-spacing:2px;

text-transform:uppercase;

margin-bottom:18px;

animation:ambulanceLight 1.2s infinite;

}

/* efek lampu ambulans */

@keyframes ambulanceLight{

0%{
color:white;
text-shadow:
0 0 5px red,
0 0 10px red,
0 0 20px red;
}

50%{
color:white;
text-shadow:
0 0 5px #00eaff,
0 0 10px #00eaff,
0 0 20px #00eaff;
}

100%{
color:white;
text-shadow:
0 0 5px red,
0 0 10px red,
0 0 20px red;
}

}
/* =========================
AMBULANCE BUTTON ANIMATION
========================= */

#ambulance-banner a{

display:inline-block;

font-family:'Poppins',sans-serif;

font-size:18px;

font-weight:700;

text-transform:uppercase;

letter-spacing:1px;

padding:14px 30px;

border-radius:12px;

text-decoration:none;

color:white;

background:linear-gradient(45deg,#dc2626,#ef4444);

box-shadow:
0 0 10px rgba(239,68,68,0.7),
0 0 25px rgba(239,68,68,0.5);

animation:ambulancePulse 1.6s infinite;

transition:all 0.3s ease;

}

/* efek hover */

#ambulance-banner a:hover{

transform:scale(1.08);

box-shadow:
0 0 20px rgba(239,68,68,0.9),
0 0 40px rgba(239,68,68,0.7);

}

/* animasi denyut */

@keyframes ambulancePulse{

0%{
transform:scale(1);
box-shadow:
0 0 8px rgba(239,68,68,0.6),
0 0 20px rgba(239,68,68,0.4);
}

50%{
transform:scale(1.06);
box-shadow:
0 0 18px rgba(239,68,68,1),
0 0 35px rgba(239,68,68,0.8);
}

100%{
transform:scale(1);
box-shadow:
0 0 8px rgba(239,68,68,0.6),
0 0 20px rgba(239,68,68,0.4);
}

}
/* =========================
WA BUTTON HIDDEN
========================= */

#wa-btn{
display:none;
}