body {
    font-family: "Poppins-Regular";
    overflow: hidden;
}
a { color: #FFFFFF; } /* CSS link color */
/* common css */

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

@font-face {
    font-family: Poppins-Medium;
    src: url(../fonts/Poppins-Medium.ttf);
}

@font-face {
    font-family: Poppins-SemiBold;
    src: url(../fonts/Poppins-Medium.ttf);
}

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

.f-Medium {
    font-family: Poppins-Medium;
}

.f-SemiBold {
    font-family: Poppins-SemiBold;
}

.f-bold {
    font-family: Poppins-Bold;
}

.form-control:focus {
    box-shadow: none;
}

.input-group {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.text-orange {
    color: #E87900;
}

.bg-orange {
    background-color: #E87900;
}

.bg-light-green {
    background-color: #E8FFE4;
}

.w-60 {
    width: 60px;
}

.h-60 {
    height: 60px;
}

ol ul {
    list-style-type: disc;
}

::marker {
    color: #000;
}

.rounded-end-0 {
    border-top-right-radius: 0;
}

.w-700 {
    width: 700px;
}

.list-type-none {
    list-style-type: none;
}

/* home pager css */

.left {
    background: #E87900 url(../images/character-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.right {
    background: url(../images/dictionary.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* search pager css */

.nav-tabs .nav-link {
    background-color: #A4A4A4;
    width: 180px;
    border-radius: .5rem .5rem 0 0;
}

.nav-tabs .nav-link.active {
    background-color: #E87900;
}

.tab-pane {
    height: calc(100vh - 190px);
}

.list {
    height: calc(100vh - 238px);
}

.list a {
    white-space: nowrap;
}

.list .active {
    background-color: #E87900;
    color: #fff !important;
}

.list::-webkit-scrollbar,
.card::-webkit-scrollbar {
    width: 15px;
    height: 0px;
}

.list::-webkit-scrollbar-track,
.card::-webkit-scrollbar-track {
    background-color: #FFD8AF;
    border-radius: 10px;
}

.list::-webkit-scrollbar-thumb,
.card::-webkit-scrollbar-thumb {
    background: #E87900;
    border-radius: 10px;
}

.card {
    border: 1px solid #E87900;
    height: calc(100vh - 302px);
}

@media (max-width:991px) {

    .list,
    .tab-pane,
    .card {
        height: auto;
    }

    body {
        overflow: auto;
    }
}

@media (max-width:767px) {
    .nav-tabs .nav-link {
        width: auto;
        font-size: 14px;
    }

    .w-700 {
        width: 100%;
    }
}

@media (max-width:575px) {
    .nav-tabs .nav-link {
        border-radius: 0.375rem;
    }
}