.cardVIP-container {
    display: flex;
    gap: 30px;
}

.cardVIP {
    background: linear-gradient(135deg, rgba(0, 83, 135, 0.7), rgba(8, 136, 216, 0.7));
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(212, 212, 212, 0.5), 0 0 15px rgba(8, 136, 216, 0.5);
    padding: 30px;
    color: white;
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
    width: 33%;
}

.cardVIP:hover {
    transform: scale(1.05);
    box-shadow: 0 0 30px rgba(212, 212, 212, 0.8), 0 0 50px rgba(0, 204, 255, 0.8);
    cursor: pointer;
}








.list-type5{
width:90%;
margin:0 auto;
}
.list-type5 ol {
list-style-type: none;
list-style-type: decimal !ie; /*IE 7- hack*/
margin: 0;
margin-left: 0;
padding: 0;
counter-reset: li-counter;
}
.list-type5 ol li{
position: relative;
margin-bottom: 1.5em;
padding: 0.5em;
background-color: #e6e6e6;
padding-left: 58px;
color: #005387;
}

.list-type5 a{
text-decoration:none;
color:black;
font-size:15px;
font-family: 'Raleway', sans-serif;
}

.list-type5 li:hover{
box-shadow:inset -1em 0 #e61b21;
-webkit-transition: box-shadow 0.5s; /* For Safari 3.1 to 6.0 */
transition: box-shadow 0.5s;
}

.list-type5 ol li:before {
position: absolute;
top: -0.3em;
left: -0.5em;
width: 1.8em;
height: 1.2em;
font-size: 2em;
line-height: 1.2;
font-weight: bold;
text-align: center;
color: white;
background-color: #e61b21;
transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
z-index: 99;
overflow: hidden;
content: counter(li-counter);
counter-increment: li-counter;
}