.alphabet-filters button {
    margin: 8px 0 0px 0 !important;
    background: #0A4981;
}
a.buttoncategory12 {
    width: max-content;
}
.masterdiv_new {
    display: flex;
    flex-flow: column;
    width: 1200px !important;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}
       .vendor-card {
    display: ruby;
}
.mode-btn:focus, .nav-button:focus, .option-label:focus-within, .flag-btn:focus, .listen-btn:focus, button:focus {
    background: rgba(10, 73, 129, 0.2) !important;
}
.alphabet-filters button:hover {
    background: #FF0303;
}
.vendor-directory-controls {
    margin: 15px 0 20px 0;
    width: max-content;
    display: flex;
    align-items: self-end;
    column-gap: 13px;
}

div#vendor-directory-results .vendor-name {
    margin: 10px 0 0 0;
}

div#vendor-directory-results .vendor-count {
    margin: 0 0 0 0;
}

#vendor-directory-results a.view-exams-btn {
    color: #0A4981;
    margin: 7px 0 0px 0;
    display: inline-block;
    border-radius: 5px;
    text-decoration: none !important;
    font-weight: 700;
}

.vendor-grid {
/*     border-bottom: 1px solid #eee; */
    margin: 0 0 20px 0;
}
.vendor-image img {
    width: 200px;
    height: 100%;
    object-fit: contain;
}
#vendor-directory-results a.view-exams-btn:hover {
    color: #FF0303;
}
button#clear-all-filters {
    background: #FF0303;
}
.vendor-grid {
    display: flex;
    column-gap: 20px;
    flex-wrap: wrap;
    row-gap: 20px;
}
.vendor-card {
    border: 1px solid #e2e8f0;
    padding: 10px;
    border-radius: 10px;
    width: 23%;
}
.vendor-image {
    height: 140px;
}
h2.vendor-group-heading {
    color: #0A4981;
    margin: 0 0 10px 0;
}
.vendor-card:hover {
    border-color: #c7d2fe;
    box-shadow: 0 6px 18px rgba(37, 99, 235, .08);
}
.answered button.toggle-answer-btn {
    background: #0A4981 !important;
    border-radius: 8px;
}
span.question_span_y {
    width: 60px;
    text-align: center;
}
h3.premium-title {
    font-size: 18px !important;
}
.quiz-progress {
    padding: 0 !important;
    margin-bottom: 0 !important;
}
.quiz-progress.sticky_progress_bar {
    position: fixed;
    z-index: 999;
    width: 63%;
    background: #fff;
}
input#vendor-search-input {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
    padding: 12px 16px;
    height: 40px;
}
input#vendor-search-input {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
    padding: 12px 16px;
    height: 40px;
}
.items-per-page label {
    color: #111827;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    display: block;
}
select#items-per-page-select {
    font-size: 16px;
    padding: 8px 12px;
    width: 100%;
}
button#clear-all-filters {
    font-size: 14.5px;
    border-radius: 4px;
    height: 42px;
    line-height: 17px;
}
.items-per-page {
    width: 180px;
}
div#vendor-directory {
    font-family: 'Montserrat';
}
div#vendor-directory h1, div#vendor-directory h2, div#vendor-directory h3, div#vendor-directory h4, div#vendor-directory h5, , div#vendor-directory h6 {
    font-family: 'Montserrat' !important;
}


@media only screen and (max-width: 767px) {
    
body .masterdiv_new {
    max-width: 100% !important;
} 
body .masterdiv_new .box123 {
    padding: 10px 0px;
}
body .masterdiv_new .search-container {
    padding: 20px 0px;
    display: flex;
}
body .masterdiv_new .search-input-wrapper {
    width: 62%;
}
    span.option-letter {
    padding: 15px 10px !important;
    text-align: center;
    display: flex;
    align-items: center;
}
    .quiz-progress.sticky_progress_bar {
    position: fixed;
    z-index: 9999;
    width: 76%;
}
.timed-test-actions button {
    font-size: 10px !important;
    padding: 7px 3px !important;
}

.timed-test-actions {
    flex-flow: unset;
    gap: 0px !important;
    padding: 10px 10px;
}  
body .quiz-actions button {
    font-size: 11px !important;
    padding: 10px 14px;
}
.vendor-card {
    width: 47%;
}
.sav_lastlist {
    margin-top: 20px;
}
#flashcards-mode #prev-card, #flashcards-mode #next-card {
    background: transparent !important;
    color: #ff0303 !important;
    width: max-content !important;
    padding: 0px !important;
}
#flashcards-mode #prev-card:hover, #flashcards-mode #next-card:hover {
    background: transparent !important;
    box-shadow: none !important;
}
#flashcards-mode .flashcard-navigation {
    display: flex !important;
    flex-flow: unset !important;
}
#flashcards-mode div#card-dots {
    position: absolute;
    left: 0px;
    right: 0px;
}
#flashcards-mode span#card-counter {
    margin: 0px;
}
span.option-letter {
    display: none !important;
}
.quiz-progress.sticky_progress_bar {
    width: 90%;
}    
.sidebar-popup-overlay.active .sidebar-popup {
    top: 50% !important;
}    
body .premium-header {
    padding: 20px 20px 20px 20px !Important;
}    
div#mode-selection {
    padding: 0px 0px !important;
}
div#quiz-container {
    padding: 0px !important;
}
.main_div_sidebar_and_main_div {
    padding: 0px !important;
}    
.popup-header {
    margin: -20px !important;
}   

}


@media only screen and (max-width: 1220px) {
    
body .masterdiv_new {
    max-width: 100% !important;
} 
body .masterdiv_new .box123 .container {
    max-width: 100%;
}

}