.text-drk-blu-900 {
    color: #021140;
}

.text-drk-blu-800 {
    color: #071851;
}

.text-drk-blu-700 {
    color: #081e67;
}

.text-drk-blu-600 {
    color: #0a247c;
}

.text-drk-blu-500 {
    color: #052388;
}

.text-drk-blu-400 {
    color: #133093;
}

.text-drk-blu-300 {
    color: #0d3acd;
}

.text-drk-blu-200 {
    color: #335ff4;
}

.text-drk-blu-100 {
    color: #5477ed;
}

.bg-drk-blu-900 {
    background-color: #021140;
}

.bg-drk-blu-800 {
    background-color: #071851;
}

.bg-drk-blu-700 {
    background-color: #081e67;
}

.bg-drk-blu-600 {
    background-color: #0a247c;
}

.bg-drk-blu-500 {
    background-color: #052388;
}

.bg-drk-blu-400 {
    background-color: #133093;
}

.bg-drk-blu-300 {
    background-color: #0d3acd;
}

.bg-drk-blu-200 {
   background-color: #335ff4;
}

.bg-drk-blu-100 {
    background-color: #5477ed;
}

.bd-rounded-5{
    border-radius: 50px;
}
.bd-rounded-6{
    border-radius: 60px;
}
.bd-rounded-7{
    border-radius: 70px;
}
.bd-rounded-8{
    border-radius: 80px;
}
.bd-rounded-9{
    border-radius: 90px;
}
.bd-rounded-10{
    border-radius: 100px;
}
.bd-rounded-top-5{
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}
.bd-rounded-top-6{
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
}
.bd-rounded-top-7{
    border-top-left-radius: 70px;
    border-top-right-radius: 70px;
}
.bd-rounded-top-8{
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
}
.bd-rounded-top-9{
    border-top-left-radius: 90px;
    border-top-right-radius: 90px;
}
.bd-rounded-top-10{
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
}

.bd-rounded-bottom-5{
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}
.bd-rounded-bottom-6{
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
}
.bd-rounded-bottom-7{
    border-bottom-left-radius: 70px;
    border-bottom-right-radius: 70px;
}
.bd-rounded-bottom-8{
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
}
.bd-rounded-bottom-9{
    border-bottom-left-radius: 90px;
    border-bottom-right-radius: 90px;
}
.bd-rounded-bottom-10{
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}



.bd-rounded-start-5{
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.bd-rounded-start-6{
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
}
.bd-rounded-start-7{
    border-top-left-radius: 70px;
    border-bottom-left-radius: 70px;
}
.bd-rounded-start-8{
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
}
.bd-rounded-start-9{
    border-top-left-radius: 90px;
    border-bottom-left-radius: 90px;
}
.bd-rounded-start-10{
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}

.bd-rounded-end-5{
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.bd-rounded-end-6{
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
}
.bd-rounded-end-7{
    border-top-right-radius: 70px;
    border-bottom-right-radius: 70px;
}
.bd-rounded-end-8{
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
}
.bd-rounded-end-9{
    border-top-right-radius: 90px;
    border-bottom-right-radius: 90px;
}
.bd-rounded-end-10{
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}


.def-font{
    font-family: Gadugi;
}

/* For rounded corners on medium displays */
@media (min-width: 768px) {
    .bd-md-rounded-5 {
        border-radius: 50px;
    }
    .bd-md-rounded-6 {
        border-radius: 60px;
    }
    .bd-md-rounded-7 {
        border-radius: 70px;
    }
    .bd-md-rounded-8 {
        border-radius: 80px;
    }
    .bd-md-rounded-9 {
        border-radius: 90px;
    }
    .bd-md-rounded-10 {
        border-radius: 100px;
    }

    .bd-md-rounded-top-5 {
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
    }
    .bd-md-rounded-top-6 {
        border-top-left-radius: 60px;
        border-top-right-radius: 60px;
    }
    .bd-md-rounded-top-7 {
        border-top-left-radius: 70px;
        border-top-right-radius: 70px;
    }
    .bd-md-rounded-top-8 {
        border-top-left-radius: 80px;
        border-top-right-radius: 80px;
    }
    .bd-md-rounded-top-9 {
        border-top-left-radius: 90px;
        border-top-right-radius: 90px;
    }
    .bd-md-rounded-top-10 {
        border-top-left-radius: 100px;
        border-top-right-radius: 100px;
    }

    .bd-md-rounded-bottom-5 {
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    .bd-md-rounded-bottom-6 {
        border-bottom-left-radius: 60px;
        border-bottom-right-radius: 60px;
    }
    .bd-md-rounded-bottom-7 {
        border-bottom-left-radius: 70px;
        border-bottom-right-radius: 70px;
    }
    .bd-md-rounded-bottom-8 {
        border-bottom-left-radius: 80px;
        border-bottom-right-radius: 80px;
    }
    .bd-md-rounded-bottom-9 {
        border-bottom-left-radius: 90px;
        border-bottom-right-radius: 90px;
    }
    .bd-md-rounded-bottom-10 {
        border-bottom-left-radius: 100px;
        border-bottom-right-radius: 100px;
    }

    .bd-md-rounded-start-5 {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
    }
    .bd-md-rounded-start-6 {
        border-top-left-radius: 60px;
        border-bottom-left-radius: 60px;
    }
    .bd-md-rounded-start-7 {
        border-top-left-radius: 70px;
        border-bottom-left-radius: 70px;
    }
    .bd-md-rounded-start-8 {
        border-top-left-radius: 80px;
        border-bottom-left-radius: 80px;
    }
    .bd-md-rounded-start-9 {
        border-top-left-radius: 90px;
        border-bottom-left-radius: 90px;
    }
    .bd-md-rounded-start-10 {
        border-top-left-radius: 100px;
        border-bottom-left-radius: 100px;
    }

    .bd-md-rounded-end-5 {
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    .bd-md-rounded-end-6 {
        border-top-right-radius: 60px;
        border-bottom-right-radius: 60px;
    }
    .bd-md-rounded-end-7 {
        border-top-right-radius: 70px;
        border-bottom-right-radius: 70px;
    }
    .bd-md-rounded-end-8 {
        border-top-right-radius: 80px;
        border-bottom-right-radius: 80px;
    }
    .bd-md-rounded-end-9 {
        border-top-right-radius: 90px;
        border-bottom-right-radius: 90px;
    }
    .bd-md-rounded-end-10 {
        border-top-right-radius: 100px;
        border-bottom-right-radius: 100px;
    }
}

/* For rounded corners on small displays */
@media (max-width: 767px) {
    .bd-sm-rounded-5 {
        border-radius: 50px;
    }
    .bd-sm-rounded-6 {
        border-radius: 60px;
    }
    .bd-sm-rounded-7 {
        border-radius: 70px;
    }
    .bd-sm-rounded-8 {
        border-radius: 80px;
    }
    .bd-sm-rounded-9 {
        border-radius: 90px;
    }
    .bd-sm-rounded-10 {
        border-radius: 100px;
    }

    .bd-sm-rounded-top-5 {
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
    }
    .bd-sm-rounded-top-6 {
        border-top-left-radius: 60px;
        border-top-right-radius: 60px;
    }
    .bd-sm-rounded-top-7 {
        border-top-left-radius: 70px;
        border-top-right-radius: 70px;
    }
    .bd-sm-rounded-top-8 {
        border-top-left-radius: 80px;
        border-top-right-radius: 80px;
    }
    .bd-sm-rounded-top-9 {
        border-top-left-radius: 90px;
        border-top-right-radius: 90px;
    }
    .bd-sm-rounded-top-10 {
        border-top-left-radius: 100px;
        border-top-right-radius: 100px;
    }

    .bd-sm-rounded-bottom-5 {
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    .bd-sm-rounded-bottom-6 {
        border-bottom-left-radius: 60px;
        border-bottom-right-radius: 60px;
    }
    .bd-sm-rounded-bottom-7 {
        border-bottom-left-radius: 70px;
        border-bottom-right-radius: 70px;
    }
    .bd-sm-rounded-bottom-8 {
        border-bottom-left-radius: 80px;
        border-bottom-right-radius: 80px;
    }
    .bd-sm-rounded-bottom-9 {
        border-bottom-left-radius: 90px;
        border-bottom-right-radius: 90px;
    }
    .bd-sm-rounded-bottom-10 {
        border-bottom-left-radius: 100px;
        border-bottom-right-radius: 100px;
    }

    .bd-sm-rounded-start-5 {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
    }
    .bd-sm-rounded-start-6 {
        border-top-left-radius: 60px;
        border-bottom-left-radius: 60px;
    }
    .bd-sm-rounded-start-7 {
        border-top-left-radius: 70px;
        border-bottom-left-radius: 70px;
    }
    .bd-sm-rounded-start-8 {
        border-top-left-radius: 80px;
        border-bottom-left-radius: 80px;
    }
    .bd-sm-rounded-start-9 {
        border-top-left-radius: 90px;
        border-bottom-left-radius: 90px;
    }
    .bd-sm-rounded-start-10 {
        border-top-left-radius: 100px;
        border-bottom-left-radius: 100px;
    }

    .bd-sm-rounded-end-5 {
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    .bd-sm-rounded-end-6 {
        border-top-right-radius: 60px;
        border-bottom-right-radius: 60px;
    }
    .bd-sm-rounded-end-7 {
        border-top-right-radius: 70px;
        border-bottom-right-radius: 70px;
    }
    .bd-sm-rounded-end-8 {
        border-top-right-radius: 80px;
        border-bottom-right-radius: 80px;
    }
    .bd-sm-rounded-end-9 {
        border-top-right-radius: 90px;
        border-bottom-right-radius: 90px;
    }
    .bd-sm-rounded-end-10 {
        border-top-right-radius: 100px;
        border-bottom-right-radius: 100px;
    }
    /* Hide scrollbar for Chrome, Safari and Opera */
    .scrollable::-webkit-scrollbar {
        display: none;
    }

    .scrollable {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
}