@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap');

.font-300{
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 300;
}
.font-400{
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
}
.font-500{
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
}
.font-600{
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
}
.font-700{
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
}

.shadow-3 {
    box-shadow: 0px 0px 20px rgb(0 0 0 / 30%);
}
.bg-orange {
    background-color: #ff5236;
}
.bg-lightblue {
    background-color: #f0f3f8;
}
.bg-footblue {
    background-color: #e4ebf3;
}
.bg-darkblue {
    background-color: #2440ff;
}
.text-limit-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
            line-clamp: 3; 
    -webkit-box-orient: vertical;
 }