* {
    font-family: Tahoma, sans-serif !important;
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.logo-img {
    margin: 0px;
    padding: 0px;
    height: 25px;
    width: 100px;
    object-fit: fill;
}

@media screen and (min-width: 801px) {
    .vl {
        border-left: 1px solid #a8a8a8d9;
        height: 50px;
        padding: 0px;
        margin: 0px;
    }

    .search-engine {
        width: 50%;
    }
}

@media screen and (min-width: 768px) and (max-width: 800px) {
    .search-engine {
        width: 100%;
    }

    .vl {
        border-left: 1px solid #a8a8a8d9;
        height: 50px;
        padding: 0px;
        margin: 0px;
    }

    .nav-md-100 {
        width: 30%;
    }
}

@media screen and (max-width: 576px) {

    .icon-nav {
        flex-direction: column !important;
    }

    .display-icon {
        display: inline-block;
    }

    .icon-display {
        display: flex;
        align-self: flex-end;
    }
}

i{
    color: white !important;
}

.icon-text {
    font-size: small;
    color: white !important;
}


.input-form {
    border: 0.75px solid;
}

.badge-start {
    left: 75% !important;
}

.footer-bottom {
    /*display: flex;*/
    /*    bottom: 0;
    left: 0;
    position: absolute;
    width: 100% !important;*/
    position: relative;
}

.wrapper {
    display: grid;
    grid-template-rows: 1fr auto;
    min-height: 100vh;
}

nav {
    background-color: #1B1536 !important;
}

.search-course{
    color: white !important;
}