/*
Brand Color
#fdce1e
rgb(253, 206, 30)
filter: invert(87%) sepia(52%) saturate(3319%) hue-rotate(336deg) brightness(98%) contrast(102%);
*/

@font-face {
  font-family: AdorshoLipi;
  src: url('../fonts/AdorshoLipi.ttf');
  font-display: swap;
}
@font-face {
  font-family: SK Bishal;
  src: url('../fonts/Li SK Bishal Unicode.ttf');
  font-display: swap;
}
@font-face {
  font-family: Nunito;
  src: url('../fonts/Nunito-Regular.ttf');
  font-display: swap;
}

.btn-brand {background-color: #fdce1e; color: #212529;}
.btn-brand:hover,
.btn-brand:active,
.btn-brand:focus,
.btn-brand:focus-visible,
.btn-brand:focus-within,
.btn-brand:checked {
    background-color: #e3b202 !important;
    color: #212529 !important;
}

.btn-facebook {background-color: #1877F2; color: #fff;}
.btn-facebook2 {background-color: #3b5998; color: #fff;}
.btn-messenger {
    background: linear-gradient(180deg, rgba(255,105,104,1) 0%, rgba(163,52,250,1) 50%, rgba(6,149,255,1) 100%);
}

.en {font-family: sans-serif;}
.bn {font-family: 'AdorshoLipi', sans-serif;}
.bn_title {font-family: 'SK Bishal', sans-serif;}

body {
    font-family: 'AdorshoLipi', sans-serif;
    margin-bottom: 80px;
}
section {
    margin-top: 15px
}
.card {
    --bs-card-cap-padding-y: 0.3rem;
    --bs-card-cap-padding-x: 0.5rem;
    --bs-card-spacer-y: 0.5rem;
    --bs-card-spacer-x: 0.5rem;
}
i.bi {color: #fdce1e; padding-right: 5px;}


/* Loading Loader */
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 1026; /*below the bottom nav and upper the sidebar*/
}
.loader {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: 
    radial-gradient(farthest-side,#ffa516 94%,#0000) top/8px 8px no-repeat,
    conic-gradient(#0000 30%,#ffa516);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
  animation: l13 1s infinite linear;
}
@keyframes l13{ 
  100%{transform: rotate(1turn)}
}


/*Header*/
.header_menu .nav-link {
    border-right: 1px solid #5f666d;
}
.header_menu .nav-item:last-child .nav-link {
    border-right: 0px;
}
.header_menu .nav-link.active {
    color: #fb8a2e;
}
.header_menu .menu-btn {line-height:1px; padding:6px 10px;}
.header_menu .menu-btn img {height:16px; vertical-align:auto;}


/*Sidebar Canvas*/
#sidebar_offcanvas .sidebar_links > p {margin-bottom:10px;}
.offcanvas {
    --bs-offcanvas-width: 300px;
    z-index:1026;
}
.offcanvas-backdrop {
    z-index:1025;
}

.course_item.bcs .card { background-image: url(img/govt.png);}
.course_item.dpe .card {background-image: url(img/dpe.png);}
.course_item .card {
    background-size: 100px;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    background-position: right 5px bottom 5px;
}
.course_item > .card {
    background: #151515;
    box-shadow: 3px 3px 6px -2px #000;
    margin: 0 5px 5px 0;
}
.course_item table {--bs-table-bg: none;}
.course_item table td {padding: 1px 5px}
.course_item .card .card-footer p {
    margin-bottom: 0px;
    text-align: center;
    font-size: small;
    color: #fff;
    text-shadow: 2px 2px 3px #000;
}
.course_title a {
    color: #e0e0e0;
    text-decoration: none;
    font-weight: 600;
}

/*Footer Styles*/
.footer_menu {padding: 5px 0 2px;}
nav.footer_menu > div > a {
    color: #fff;
    font-size: 20px;
    position: relative;
    margin-bottom: 15px;
}
nav.footer_menu > div > a img {height: 30px;}
nav.footer_menu > div > a.active::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 3px;
    background: #fdce1e;
    top: -5px;
    left: -5px;
}
nav.footer_menu .active {}
nav.footer_menu a::after {
    position: absolute;
    bottom: -20px;
    font-size: 12px;
    color: #888;
    line-height:2.3;
}
nav.footer_menu > div > .home_icon::after {content: 'Home';left: -1px;}
nav.footer_menu > div > .about_icon::after {content: 'Your_Exam';left: -18px;}
nav.footer_menu > div > .dashboard_icon::after {content: 'Dashboard';left: -14px;}
nav.footer_menu > div > .contact_icon::after {content: 'Contact';left: -7px;}
nav.footer_menu > div > .back_icon::after {content: 'Back'; left: 1px;}
nav.footer_menu > div > .free_icon::after {content: 'Exam';left: 0px;}
nav.footer_menu > div > .exit_icon::after {content: 'Exit';left: 1px;}
nav.footer_menu > div > .active img { height: 30px;}
nav.footer_menu > div > .active:after {color: #fdce1e;}

nav.footer_menu .dropup {top:-6px;}
nav.footer_menu .more_icon {font-size:22px;}
nav.footer_menu .more_icon::after {content: 'App';left: -1px;}
nav.footer_menu .dropdown-item.active {background:#fdce1e; color:#202020;}

/*Course Page*/
.course_exam .nav-link {padding: 5px 10px;font-size: small}
.exam_list tr { position: relative;}


/*Exam Page*/
.question {}
.question .question_title {}
.question .option {padding: 5px 5px 5px 50px; margin: 0;}
.question .option:nth-of-type(odd) {background: #2d3339;}
.question .option label {display: block;}
.timer {
    position: fixed;
    z-index: 1;
    top: 200px;
    right: 0;
}


/*Dashboard*/
.student_info ul { margin: 0; padding-left: 5px;}
.student_info ul li {padding: 0; padding-bottom: 3px;}
.exam_list .live .edate {color: #198754}
.exam_list .end .edate {color: #dc3545}
.exam_list .next .edate {color: #0dcaf0}
.exam_list .live .edate::after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 32 32" width="16px" height="16px"><path d="M 6.1015625 6.1015625 C 3.5675625 8.6345625 2 12.134 2 16 C 2 19.866 3.5675625 23.365437 6.1015625 25.898438 L 7.5195312 24.480469 C 5.3465312 22.307469 4 19.308 4 16 C 4 12.692 5.3465312 9.6925313 7.5195312 7.5195312 L 6.1015625 6.1015625 z M 25.898438 6.1015625 L 24.480469 7.5195312 C 26.653469 9.6925312 28 12.692 28 16 C 28 19.308 26.653469 22.307469 24.480469 24.480469 L 25.898438 25.898438 C 28.432437 23.365437 30 19.866 30 16 C 30 12.134 28.432437 8.6345625 25.898438 6.1015625 z M 9.6367188 9.6367188 C 8.0077188 11.265719 7 13.515 7 16 C 7 18.485 8.0077187 20.734281 9.6367188 22.363281 L 11.052734 20.947266 C 9.7847344 19.680266 9 17.93 9 16 C 9 14.07 9.7847344 12.319734 11.052734 11.052734 L 9.6367188 9.6367188 z M 22.363281 9.6367188 L 20.947266 11.052734 C 22.215266 12.319734 23 14.07 23 16 C 23 17.93 22.215266 19.680266 20.947266 20.947266 L 22.363281 22.363281 C 23.992281 20.734281 25 18.485 25 16 C 25 13.515 23.992281 11.265719 22.363281 9.6367188 z M 16 12 A 4 4 0 0 0 16 20 A 4 4 0 0 0 16 12 z"/></svg>');
    filter: invert(27%) sepia(40%) saturate(5739%) hue-rotate(339deg) brightness(93%) contrast(84%);
    margin-left: 5px;;
}
.examQuestions .option .form-check-input:checked,
.examQuestions .option .form-check-input:checked:disabled {background-color: #ffc107; opacity: 1;}
.examQuestions .question.selected {border-color: #ffc107;}
.examQuestions .question_options .option.correct_opt {background: #0f5132; color: #fff;}
.examQuestions .question_options .option.correct_opt .form-check-input:disabled ~ label {opacity: 1;}
.showCorrAns .option.checked_opt .form-check-input:checked[type=radio] {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/></svg>');
    background-color: #dc3545;
}
.showCorrAns .option.checked_opt.correct_opt .form-check-input:checked[type=radio] {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check2-circle" viewBox="0 0 16 16"><path d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0z"/><path d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z"/></svg>');
    background-color: #ffc107;
}
#allExams .accordion-button {color:#fff;}
#allExams .accordion-button:not(.collapsed) {color: #fff; background-color: #6c757d;}
#allExams .accordion-button:not(.collapsed) i.bi {color: #fff !important;}
#highlighted {background: rgb(255, 193, 7, 0.2);}


/*Contacts Page*/
.payment_method {}
.payment_method table img {width: 25px; margin-right: 5px;}


/*ADMIN PANELS STYLES*/
.option .form-check-input:checked {background: #198754; border-color: transparent;}
.correct label {
    background-color: #198754;
    border-color: #198754;
    color: #fff
}
.correct input[type="text"] {border-color: #198754;}
.explain {border-top: 1px solid #777; padding-top: 5px;}
.correctAns {color: #198754;}
.correctAns::before {
    content: '√';
    position: absolute;
    left: 35px;
    color: #fdce1e;
}
.qlCollapse {
    line-height: 1;
    padding: 0px;
    font-size: 23px;
}
.qlCollapse[aria-expanded="false"]::after {
    content: "\F3F8"; 
    font-family :bootstrap-icons !important;
}
.qlCollapse[aria-expanded="true"]::after {
    content: "\F629"; 
    font-family :bootstrap-icons !important;
}

.hotCourseCheck:checked::after {
    content: 'হ্যা';
    position: absolute;
    left: 52px;
    top: 6px;
    color: forestgreen;
}
.hotCourseCheck::after {
    content: 'না';
    position: absolute;
    left: 52px;
    top: 6px;
    color: red;
}
.adminLogin {
    display: flex;
    height: 100vh;
    align-items: center;
    background: url('../img/loginBG.jpg');
    background-size: cover;
}
.adminLogin .loginBox {
    min-height: 300px;
    margin: auto;
    background: rgb(38, 38, 38, 0.7);
    backdrop-filter: blur(5px);
    box-shadow: 0px 0px 15px 2px #000;
}
.adminLogin .loginBox .form-control {background: rgb(38, 38, 38, 0.5);}






/* applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .practice-exam > p {font-size:small;}
}

/*
colors

#ffc107
#0f5132
#997404
#20c997
#dc3545
#198754
#75b798
#ea868f
#e685b5
#0d6efd
#6610f2
#20c997
#6c757d
#ced4da
*/