body{
    font-family: Roboto, sans-serif;
}

.border-xl{
    border-radius: 2rem;
}

.bg-gradient{
    background: linear-gradient(204.17deg, rgba(255, 255, 255, 0) 20.23%, rgba(255, 255, 255, 0.1) 39.54%, rgba(255, 255, 255, 0) 39.55%, rgba(255, 255, 255, 0) 60.93%, rgba(255, 255, 255, 0.1) 60.94%, rgba(255, 255, 255, 0) 77.28%), linear-gradient(152.42deg, rgba(255, 255, 255, 0) 48.8%, rgba(255, 255, 255, 0.164) 52.35%, rgba(255, 255, 255, 0) 61.9%), linear-gradient(108.11deg, #0061D5 6.71%, #00D7BB 97.82%);
    /*background-size: 100vw 350vh;*/
    background-repeat: no-repeat;
    background-size: 100% 120%;
    min-height: 95vh;
}

[class^="bi-"]::before, [class*=" bi-"]::before {
    vertical-align: text-top;
}

.logo{
    height: 50px;
    background-image: url("/assets/logo.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.bi-2x-star::before{
    font-size: 1.5em;
    vertical-align: text-top;
    margin-top: -4px;
}

.bi-2x{
    line-height: 1em;
}
.bi-2x::before {
    font-size: 1.5em;
    vertical-align: bottom;
}

.bi-2x-vm::before {
    font-size: 1.5em;
}

.bi-1_5x::before {
    font-size: 1.2em;
}

.text-gray{
    color: #9a9a9a;
}

.icon-holder{
    width: 45px;
    height: 45px;
}

.display-5{
    font-size:2rem;
    line-height:1.2
}

.rounded-xl{
    border-radius: .8rem!important;
}
.icon-item{
    line-height: unset;
}
.icon-item::before{
    vertical-align: text-bottom;
}
.text-yellow{
    color: #FFD02C;
}
.hover-mouse-pointer{
    cursor: pointer;
}
.video-thumbnail{
    width: 100px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #e0e0e0;
}

.video-gallery-thumbnail{
    width: 200px;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.stat-holder{
    width:40px;
    height:40px;
    padding-top:5px;
    border-width: 3px !important;
}

.stat-col-width{
    width:70px;
}

.training-video-overlay{
    height: 300px;
    background-color: rgba(0,0,0,0.2);
}

.training-video-overlay:hover{
    background-color: rgba(0,0,0,0.4);
}

.bg-yellow{
    background-color: #FFD02C;
}