.bg-navbar {
    background: #333 !important;
}

body,
.bgbody {
    background: #2c2b2b !important;
}

h1,
h2,
h3 {
    color: #e2b714;
}

li,
p {
    font-size: 18px !important;
}

a {
    text-decoration: none !important;
}

a {
    color: #e2b714 !important;
}

a:hover {
    color: rgb(188, 188, 188) !important;

}

.nav-a {
    color: #fff !important;
    text-decoration: none !important;
}

#wordContainer {
    font-family: ISOCPEUR;
    word-spacing: 10px;
    color: #b3b3b3;
}

.customTextColor {
    color: #e2b714 !important;
}

#topSection {
    background-image: url("../images/topSectionImg.jpg") !important;
    background-size: cover;
}

.bgCustomColor {
    background: #e2b714;
}

.bgScoreCard {
    /* background: #2a2a2a !important;
    -webkit-box-shadow: 0 0 1px;
    box-shadow: 0 0 1px; */

    background: black !important
}

.currentChar {
    border: 1px solid #e2b714;
}

.spanEleDesign {
    letter-spacing: 5px;
}

.currentWord {
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    transition: all .5s linear;
    padding: 2px;
}

.incorrectWord {
    -webkit-text-decoration: line-through red;
    text-decoration: line-through red;
}

.correctWord {
    color: green;
}

.char-danger {
    color: red;
}

.activeTest {
    background: #e2b714 !important;
    color: #000 !important;
}

.borderRadius10 {
    border-radius: 10px;
}

.borderRadius20px {
    border-radius: 20px !important;
}

.modal-content {
    background-image: url("../images/popup-bg.svg");
    background-size: cover;
    border-radius: 40px !important;
}

.modal-header,
.modal-footer {
    border: 0px !important;
}

.modalTextColor {
    color: #525d68 !important;
}

.carousel-control-prev-icon {
    background-image: url(../images/backArrow.svg) !important;
    height: 80px !important;
}

.carousel-control-next-icon {
    background-image: url(../images/nextArrow.svg) !important;
    height: 80px !important;
}

.slider-card-color {
    background: #383838;
}

.carousel-control-prev,
.carousel-control-next {
    background: transparent;
    border: none;

}

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

    #fifthReview,
    #secondReview,
    #sixthReview,
    #thirdReview {
        display: none;
    }

}

.footerFirst {
    background: #161616;
}

.bg-black {
    background: black !important;
}