@font-face {
    font-family: 'RobotoCondensed-Bold';
    src: url('fonts/RobotoCondensed-Bold.ttf');
}
@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('fonts/RobotoCondensed-Regular.ttf');
}

button{outline: 0px !important;}
button:focus,.btn:focus,.form-control{box-shadow: none !important;}

.bi-xxs{font-size: 0.3rem;}
.bi-xs{font-size: 0.5rem;}
.bi-1x{font-size: 1rem;}
.bi-2x{font-size: 2rem;}
.bi-3x{font-size: 3rem;}
.bi-4x{font-size: 4rem;}
.bi-5x{font-size: 5rem;}

.line-1{-webkit-line-clamp: 1;}
.line-2{-webkit-line-clamp: 2;}
.line-3{-webkit-line-clamp: 3;}
.line-4{-webkit-line-clamp: 4;}
.line-5{-webkit-line-clamp: 5;}
.line-6{-webkit-line-clamp: 6;}
.line-8{-webkit-line-clamp: 8;}
.line-1, .line-2, .line-3, .line-4, .line-5, .line-6,.line-8{
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shadow-dark{box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);}
.shadow-light{box-shadow: 0 0 3px 0 rgb(0 0 0 / 5%)!important;}

.t-0{top: 0px;}.r-0{right: 0px;}.b-0{bottom: 0px;}.l-0{left: 0px;}

.z-index-1{z-index: 1;}

.blank-img{
    background-repeat: no-repeat;background-position: center;background-size: cover;
}