.card-01.height-fix {
    height: 240px;
    overflow: hidden;
}

.card-01.height-fix .card-img-overlay {
    top: unset;
    color: #fff;
    background: -moz-linear-gradient(top,rgba(26,34,111,0) 0%,rgba(26,42,111,0) 1%,rgba(24,36,104,0.91) 31%,rgba(21,26,89,0.91) 100%);
    background: -webkit-linear-gradient(top,rgba(26,96,111,0) 0%,rgba(26,96,111,0) 1%,rgba(24,87,104,0.91) 31%,rgba(21,65,89,0.91) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.658) 31%,rgba(0,0,0,0.952) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a606f',endColorstr='#e8154159',GradientType=0 );
}

.card-img-overlay .card-title {
    color: #f4b83f;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.my-custom-icon-blue{
    width: 24px !important;
    height: 24px !important;
    margin-left: -12px;
    margin-top: -12px;
    border-radius: 18px;
    border: 2px solid #3333FF;
    text-align: center;
    color: #000000;
    background-color: #fff;
    font-size: 14px;
}
.my-custom-icon-blue-1{
    width: 24px !important;
    height: 24px !important;
    margin-left: -12px;
    margin-top: -12px;
    border-radius: 18px;
    border: 2px solid #3333FF;
    text-align: center;
    color: #000000;
    background-color:rgb(201, 0, 0);
    font-size: 14px;
}
.my-custom-icon-blue-1-pulse{
    width: 24px !important;
    height: 24px !important;
    margin-left: -12px;
    margin-top: -12px;
    border-radius: 18px;
    border: 2px solid #3333FF;
    text-align: center;
    color: #000000;
    background-color:rgb(201, 0, 0);
    font-size: 14px;
    animation: pulse-my-custom-icon-red 1.5s infinite ease-in-out;
}
.my-custom-icon-blue-2{
    width: 24px !important;
    height: 24px !important;
    margin-left: -12px;
    margin-top: -12px;
    border-radius: 18px;
    border: 2px solid #3333FF;
    text-align: center;
    color: #000000;
    background-color:rgb(201, 121, 0);
    font-size: 14px;
}
.my-custom-icon-blue-2-pulse{
    width: 24px !important;
    height: 24px !important;
    margin-left: -12px;
    margin-top: -12px;
    border-radius: 18px;
    border: 2px solid #3333FF;
    text-align: center;
    color: #000000;
    background-color:rgb(201, 121, 0);
    font-size: 14px;
    animation: pulse-my-custom-icon-red 1.5s infinite ease-in-out;
}
.my-custom-icon-blue-3{
    width: 24px !important;
    height: 24px !important;
    margin-left: -12px;
    margin-top: -12px;
    border-radius: 18px;
    border: 2px solid #3333FF;
    text-align: center;
    color: #000000;
    background-color:rgb(201, 188, 0);
    font-size: 14px;
}
.my-custom-icon-blue-4{
    width: 24px !important;
    height: 24px !important;
    margin-left: -12px;
    margin-top: -12px;
    border-radius: 18px;
    border: 2px solid #3333FF;
    text-align: center;
    color: #000000;
    background-color:rgb(74, 201, 0);
    font-size: 14px;
}

.my-custom-icon-red{
    width: 24px !important;
    height: 24px !important;
    margin-left: -12px;
    margin-top: -12px;
    border-radius: 18px;
    border: 2px solid #ff3333;
    text-align: center;
    color: #000000;
    background-color: #fff;
    font-size: 14px;
}
.my-custom-icon-red-1{
    width: 24px !important;
    height: 24px !important;
    margin-left: -12px;
    margin-top: -12px;
    border-radius: 18px;
    border: 2px solid #ff3333;
    text-align: center;
    color: #000000;
    background-color:rgb(201, 0, 0);
    font-size: 14px;
}
.my-custom-icon-red-2{
    width: 24px !important;
    height: 24px !important;
    margin-left: -12px;
    margin-top: -12px;
    border-radius: 18px;
    border: 2px solid #ff3333;
    text-align: center;
    color: #000000;
    background-color:rgb(201, 121, 0);
    font-size: 14px;
}
.my-custom-icon-red-3{
    width: 24px !important;
    height: 24px !important;
    margin-left: -12px;
    margin-top: -12px;
    border-radius: 18px;
    border: 2px solid #ff3333;
    text-align: center;
    color: #000000;
    background-color:rgb(201, 188, 0);
    font-size: 14px;
}
.my-custom-icon-red-4{
    width: 24px !important;
    height: 24px !important;
    margin-left: -12px;
    margin-top: -12px;
    border-radius: 18px;
    border: 2px solid #ff3333;
    text-align: center;
    color: #000000;
    background-color:rgb(74, 201, 0);
    font-size: 14px;
}

@keyframes pulse-my-custom-icon-red {
    0% {
        
        box-shadow: 0 0 0 0 rgba(255, 51, 51, 0.7);
    }
    50% {
        
        box-shadow: 0 0 0 10px rgba(255, 51, 51, 0);
    }
    100% {
        
        box-shadow: 0 0 0 0 rgba(255, 51, 51, 0);
    }
}