<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css2?family=Tiro+Bangla:ital@0;1&amp;display=swap');
*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
body{
	font-family: "Roboto";
}
html {
  scroll-behavior: smooth;
}
span{
    margin-top: 5px;
}
h1 {
    text-align: center;
    margin-bottom: 15px;
    font-size: 112% !important;
    display: block !important;
}
h3.fa.fa-warning {
    display: block;
    text-align: center;
    margin-top: 50px;
}
/************** color variable ************/
:root{
    --cyan:  #50b686;
    --mouse-hover-color: #abb9b2;
    --active-color: green ;
    --menu-item-font-color: white ;
}
.top-navigation-bar {
    display: flex;
    background: rgb(253, 253, 253);
    width: 100%;

}
/****   logo style  *****/
div#top_navigation_bar img {
    width: 110px;
    padding: 6px;
}
div#top_navigation_bar .website-name-title {
    text-align: center;
    width: 428px;
}
div#top_navigation_bar .website-name-title h2{
    font-size: 26px;
    color: cadetblue;
    margin-bottom: 5px;
}
div#top_navigation_bar .website-name-title p{
    font-size: 15px;
}
.logo-icon-div {
    width: 155px;
    display: block;
    padding: 0px;
    cursor: pointer;
}
.logo-icon-div  i.fa.fa-graduation-cap {
    font-size: 40px;
    text-align: center;
    display: block;
    color: cadetblue !important;
    padding: 3px 0px 0px 0px;
}
.logo-icon-div p{
    font-size: 18px;
    display: block;
    text-align: center;
    color: cadetblue !important;
    font-weight: 600;
}
.top-navigation-bar ul {
    margin: 0;
    width: 100%;
    padding: 0;
    height: 70px;
    overflow: hidden;
    
}
.top-navigation-bar li {
    list-style: none;
    display: inline-flex;
}

.top-navigation-bar img {
    width: 310px;
    height: 57px;
    padding: 10px;
}
.top-navigation-bar a {
    text-decoration: none;
    font-size: 17px;
    font-weight: bold;
    line-height: 18px;
    padding: 26px 5px;
    color: cadetblue;
    background: transparent;
    text-align: center;
}
.top-navigation-bar a:hover {
    background: var(--mouse-hover-color);
    color: #fff;
}
/****** mobile display search style ********************/
ul.search-menu-for-mobile-display {
    display: none;
}
/********************** main navigation menu bar with dropdown style **********/
.main-navigation{
	background: cadetblue;
	width: 100%;
	height: 40px;
    overflow: hidden;
    z-index: 999999;
}
.main-navigation nav{
	float: left;
}
.main-navigation nav ul{
	display: flex;
	list-style: none;
}
/**************** hide mobile menu item ***************/
li.mobile-menu-button {
    display: none;
}
li.left-memu-bar-icon{
    display: none;
}
.main-navigation nav ul a{
	padding: 8.5px 14px;
    font-size: 18px;
    display: block;
    text-decoration: none;
    color: #fff;
    height: 40px;
    /* background: #58dfad; */
}
.main-navigation nav ul a:hover{
	background: var(--mouse-hover-color) !important;
}
.main-navigation i.fa.fa-home {
    font-size: 21px;
    padding: -2px -3px;
}
.main-navigation nav ul ul{
	flex-direction: column;
	position: absolute;
	box-shadow: 3px 2px 2px -1px rgba(0, 0, 0, .32);
	display: none;
    z-index: 55;
}
.main-navigation nav ul ul a{
	min-width: 170px;
    background: cadetblue;
}
/**************************** Mobile Navigation Mneu *******/
.mobile-navigation-menu-div{
    display: block;
    position: absolute;
    width: 100%;
    max-height: 0;
    overflow-y: scroll;
    background: cadetblue;
    /* transition: 0.4s; */
}
.mobile-navigation-menu-div .close-mobile-menu {
    display: block;
    width: 100%;
    height: 30px;
}
.mobile-navigation-menu-div.open{
    max-height: 80vh;
    z-index: 555;
    
}

.mobile-navigation-menu-div ul{
    list-style-type: none;
    text-align: center;
    padding: 10px;
}.mobile-navigation-menu-div i.fa.fa-close {
    padding: 10px;
    cursor: pointer;
    font-size: 21px;
    float: right;
}
.mobile-navigation-menu-div ul li{
    margin-left: auto;
    margin-right: auto;
}
.mobile-navigation-menu-div ul a{
    text-decoration: none;
    display: block;
    padding: 10px 30px;
    background: blue;
    color: #fff;
    font-size: 16px;
}
.mobile-navigation-menu-div ul ul{
    display: none;
    padding: 0px;
    transition: 0.4s;
}
.mobile-navigation-menu-div ul ul li{
    width: 100%;
}
.mobile-navigation-menu-div ul ul a{
    background: cadetblue;
}
.mobile-navigation-menu-div ul ul a:hover{
    background: var(--mouse-hover-color) !important;
}
/************* font awesome 4 icon style **************/
.font-awesome4-icon{
	margin: 0;
    padding: 0;
    display: inline-flex;
    float: right;
}
.font-awesome4-icon i{
	padding: 10px 15px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}
.font-awesome4-icon i:hover{
    background: var(--mouse-hover-color) !important;
}
.fa-stack[data-count]::after{
  position:absolute;
  right:0%;
  top:1%;
  content: attr(data-count);
  font-size:24%;
  padding:.6em;
  border-radius:999px;
  line-height:.75em;
  color: white;
  background:rgba(255,0,0,.85);
  text-align:center;
  min-width:1.5em;
  font-weight:bold;
  opacity: 0.7;
}

#notification_ball_icon_attribute.fa-stack{
    display: inline-block;
    line-height: 14px;
    position: relative;
    vertical-align: middle;
    width: 55px !important;
}
i#menu_close_button_icon {
    background: none;
    color: #fff;
    font-size: 25px;
    padding: 14px;
    line-height: 18px;
}

@media screen and (max-width: 380px) {
    .main-navigation nav ul a{ 
        padding: 8.5px 10px;
    }
    .font-awesome4-icon i{
        padding: 10px 12px;
    }
}

/********** content div style *****************/
.content-div{
	display: flex;
}
/*************** left side bar style ************/
.left-side-bar{
	width: 20%;
	height: 100vh;
    background: #e3e3e3;
    overflow-y: scroll;
    padding-bottom: 122px; 

}
.left-sidebar-menu a{
    color: #000;
}
.left-sidebar-menu h2{
    display: block;
    text-align: left;
    font-size: 96%;
    margin: 5px 0 10px 5px;
    cursor: default;
}
/************** main content div ***************/
.main-content-div{
    padding: 15px;
	width: 65%;
	background: rgb(253, 253, 253);
    overflow: hidden;
}
/*************** left side bar style ************/
.right-side-bar{
	width: 15%;
	/* min-height: 100vh; */
    background: rgb(253, 253, 253);
    padding-bottom: 40px;
    /* height: 3000px; */
}
i.fa.fa-caret-down {
    margin-left: 10px;
}
/*********************** sticky main menu *******************/
.sticky-menu{
    position: fixed;
    top: 0; 
}
.sticky-left-side-bar{
    position: fixed;
    top: 40px;
}
.add-left-margin{
    margin-left: 20%;
    margin-top: 40px;
}
.add-right-sidebar-margin{
     margin-top: 40px;
}
/*************************** sticky mobile menu ***************/
.sticky-mobile-menu{
    position: fixed;
    top: 40px;
}
/*************** sticky right sidebar part **************/
.right-sidebar-moving-part{
    padding: 10px;
    height: auto;
}
.right-sidebar-sticky-part{
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    height: 100vh;
    padding-bottom: 40px;
    
}
.right-sidebar-sticky{
    position: fixed;
    top: 40px;
    width: inherit;
    /* right: 0; */
}
/************* footer area syle *****************/
footer{
	width: 100%;
	height: 50px;
	background: #7dbbbd !important;
}

/******************** search form *********************/
.search-form-div {
    display: none;
    position: absolute;
    width: 60%;
    right: 143px;

}
.search-form-div form {
    display: block;
    padding: 4px;
}
.search-form-div .search-input-field {
    display: flex;
}
.search-form-div input[type="search"] {
    font-size: 15px;
    padding: 7.5px;
    width: 100%;
    font-weight: 200;
}
.search-form-div input[type="submit"] {
    padding: 5px 10px;
    margin-left: 10px;
    cursor: pointer;
}
div#search_question_list {
    width: 100%;
    margin-top: 4px;
    background: aliceblue;
    list-style-type: none;
}
#search_question_list li.search-not-found {
    padding: 10px;
    color: red;
}
/************** remove border ***************************/
textarea, input{
    border: none;
}
textarea:focus, input:focus{
    outline: none;
    border: none;
}

/******************************* setting window **************/

.row{
    display: flex;  
}
.font-chang-div{
    padding: 5px;
    width: 116px;
    margin-left: 74px;
}
#font_descrease_btn{
    padding: 5px 15px;
}
#font_increase_btn{
    padding: 5px 15px;
}
#setting_font_size{ 
    padding: 5px;
}
.font-change-wrap{
    display: flex;
}
.font-change-wrap span{
    padding: 3px 0px;
}
.theme-color-mode-wrap{
    display: flex;
    justify-content: space-between;
    width: 267px;
    padding: 5px 0px;
}
.theme-color-mode-wrap .theme-color-icon{
    cursor: pointer;
} 
.setting-div{
    display: none;
}
.setting-window {
    width: 300px;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 100;
    background: #8b9583;
    box-shadow: 5px 5px 30px 1px;
    border-radius: 5px;
}
.setting-window .setting-heading{
    display: flex;
}
.setting-heading h2.active{
    cursor: move;
    user-select: none;
}
.setting-window i.fa.fa-close {
    padding: 11px 20px;
    cursor: pointer;
    background: red;
    font-size: 20px;
}
.setting-window .setting-content-element {
    padding: 10px;
}
.setting-window span{
    display: block;
}
.setting-window input[type="color"] {
    border: 0;
    padding: 0;
    background: none;
}
.setting-window input[type="button"] {
    padding: 5px 10px;
    cursor: pointer;
}
input[type="range"] {
  -webkit-appearance: none;
  height: 7px;
  width: 100px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 5px;

}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #ff4500;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
  transition: background .3s ease-in-out;
}
input[type="radio"] {
    width: 30px;
    height: 18px;
}
input[value="default"] {
  float: right;
  margin-right: 5px;
}
input[type="number"] {
    font-size: 15px;
    padding: 5px;
    font-weight: 200;
}
label#label_for_mcq_time_selection {
    margin-top: 10px;
}
input[type="submit"] {
    font-size: 16px;
    padding: 8px 20px;
    border: none;
    background: cadetblue;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 5px;
    color: #fff;
    float: right;
}
/********************** Next Privious Button Stlye **************/
.next-privious-button-div a{
    text-decoration: none;
    font-size: 17px;
    background: cadetblue;
    padding: 0px 20px;
    border-radius: 5px;
    color: #fff;
}
.next-privious-button-div i.fa{
    padding: 10px;
}
.next-privious-button-div {
    display: block;
    margin-top: 20px;
    margin-bottom: 72px;
}
.next-privious-button-div a.privious-button{
    float: left; 
    margin-left: 50px;
}
.next-privious-button-div a.next-button{
    float: right; 
    margin-right: 50px;
}
.next-privious-button-div a:hover{
    background: var(--mouse-hover-color);
}

/********************************** MCQ question style ******************/
a.chapter-name{
    display: block;
    text-decoration: none;
    padding: 5px 10px;
    /* color: #000; */
    margin-bottom: 1px;
}
a.chapter-name:hover{
    background: var(--mouse-hover-color) !important;
}
a.subject-name{
    display: block;
    text-decoration: none;
    padding: 5px 10px;
    color: #000;
    margin-bottom: 1px;
}
a.subject-name:hover{
    background: var(--mouse-hover-color) !important;
}

/************* mcq part style *****************/
.mcq-reading-part{
    margin-bottom: 10px;
}
.mcq-reading-part p{
    margin-bottom: 8px;
}
.mcq-question {
    font-size: 75%;
    overflow: hidden;
}
.mcq-question h2{
    font-weight: unset;
    color: #059fff;
    margin-bottom: 10px;
    display: initial;
}
.mcq-question a{
    text-decoration: none;
}
.mcq-question p{
    font-size: 115%;
}
.mcq-answare{
    margin-left: 37px;
    margin-bottom: 10px;
}
.two-mcq-option{
    margin-left: 37px;
    margin-bottom: 10px;
}
.three-mcq-option{
    margin-left: 37px;
    margin-bottom: 10px;
}
.mcq-option {
    margin-left: 37px;
    margin-bottom: 10px;
}
.exam-mcq-option {
    margin-left: 37px;
     margin-bottom: 10px;
     margin-top: 10px;
}

a.active-page {
    background: cadetblue !important;
}
.mcq-answare p{
    color: green;
    font-weight: bold;
    margin-bottom: 10px;
}
.exam-active-answare{
    color: green;
    font-weight: bold;
}
.exam-mcq-answare{
    display: block;
    margin-left: 37px;
    color: green;
    margin-bottom: 10px;
}
.exam-mcq-description p{
    margin: 10px 0 0 0; 
}
.mcq-description p{
    margin-bottom: 10px;
}

.description-toggle-btn{
    padding: 2px 20px;
    cursor: pointer;
}
.mcqDescription {
    margin-bottom: 15px;
}
/****************** search result page pagination style ****************/
.pagination-div {
    display: block;
    margin-top: 30px;
}
.pagination-div ul {
    list-style: none;
    text-align: center;
}
.pagination-div ul li {
    display: inline-flex;
    line-height: 16px;
}
.pagination-div ul li a {
    padding: 5px 13px;
    text-decoration: none;
    margin: -3px;
    border: 1px solid #707070;
    background: #e1e1e1;
    font-size: 15px !important;
    color: #000 !important;
}
.pagination-div ul li a:hover{
    background: var(--mouse-hover-color) !important;
}
#pagination_left, #pagination_right{
    line-height: 16px;
}
/***************** search page style ******************************************/
.select_option_div {
    display: block !important;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0px;
}
.select_option_div label {
    font-size: 17px;
    padding-left: 5px;
}
.select_option_div select {
    padding: 2px !important;
    font-size: 15px;
    margin-bottom: 3px;
}
.select_option_div_text_axam{
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0px;
}
.select_option_div_text_axam form{
    margin-bottom: 5px;
}
.select_option_div_text_axam select {
    padding: 5px;
    font-size: 15px;
}

/***************************** search page search form style *************************/
.search-page-search-form-div {
    display: block;
    width: 100%;

}
.search-page-search-form-div form {
    display: block;
    padding: 4px;
}
.search-page-search-form-div .search-input-field {
    display: flex;
}
.search-page-search-form-div input[type="search"] {
    font-size: 15px;
    padding: 7.5px;
    width: 100%;
    font-weight: 200;
    border: 1px solid cadetblue;
}
.search-page-search-form-div input[type="submit"] {
    padding: 5px 10px;
    margin-left: 10px;
    cursor: pointer;
}
.search-page-search-form-div div#search_page_search_question_list {
    width: 100%;
    margin-top: 4px;
    background: aliceblue;
    list-style-type: none;
}
#search_page_search_question_list li.search-not-found {
    padding: 10px;
    color: red;
}
div#search_page_search_question_list {
    background: beige;
    margin-top: 2px;
}

/******************************** search question result page style ****************/
.search-question-details{
    padding: 5px;
}

/***************** top naviagion active menu ********************************/
.top-navigation-bar .active{
    background: cadetblue !important;
    color: #fff !important;
}
/********************* main content mcq chapter details ******************/
.mcq-chapter-information {
    text-align: center;
    display: block;
    margin-bottom: 10px;
}
.mcq-chapter-information a{
    text-decoration: none;
}
/****************************** home page content style ********************/
.all-class-div {
    background: #d0d0d0;
    /* box-shadow: 1px 2px 3px #616161; */
    padding: 5px;
}
.all-class-div h2{
    text-align: center;
}
.all-class-books-image{
    display: block;
    margin-bottom: 36px;
    text-align: center;
}
.all-class-books-image a{

}
.all-class-books-image img{
    width: 32%;
    padding: 10px;
    box-shadow: 5px 5px 30px 1px #000;
    transition: transform .2s;
}
.all-class-books-image img:hover{
    /* box-shadow: 5px 5px 20px 2px; */
    transform: scale(1.1);
}

/***************************** book page style *****************/
.class-books-image{
    display: block;
}
.class-books-image img {
    max-width: 490px;
    display: block;
    margin: auto;
    margin-bottom: 30px;
    box-shadow: 5px 5px 40px 1px #000;
    transition: transform .2s;
}
.class-books-image img:hover{
    transform: scale(1.05);
}
.book-name-list{

}
.book-name-list ul{
    list-style-type: none;
    display: block !important;
    box-shadow: none !important;
    position: inherit !important;
}
.book-name-list ul li{

}
.book-name-list ul li a{
    text-decoration: none;
    padding: 5px 10px;
    display: block;
    margin-bottom: 1px;
}
.book-name-list ul li a:hover{
    background: gray;
}
/********************** mcq page left menu itme style *************/
.chapter-list-of-subject-left-menu h2 {
    font-size: 15px;
    text-align: center;
    padding: 5px 0 10px;
}

/************* search page intructio style ********/
.search-instruction-div {
    display: none;
}

/******************* right sidebar notice style ***********/
.mcq-exam-notice {
    display: block;
}
.mcq-exam-notice a{
    color: #fff;
    text-decoration: none;
    padding: 5px;
    background: cadetblue;
    display: block;
    margin-bottom: 4px;
    font-size: 16px;
}
/************************* Table style *********************/
table {
    width: 100%;
    border: 1px solid #d6dbd6;
    color: #000 !important;
}
thead {
    padding: 5px;
    background: #9b9b9b;
    line-height: 29px;
}
td {
    padding: 3px;
}
th, td{
    text-align: center;
}
tbody {
    padding: 5px;
    background: #ebebeb;
    line-height: 29px;
}
.pointer{
    cursor: pointer;
}
/************************* image style **************************/
.mcq-image p{
    display: block;
}
.mcq-image img{
    max-width: 490px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
    max-height: 1000px;
    background: #fff;
}
.single-mcq-details-div {
    text-align: center;
    margin-bottom: 20px;
}
.single-mcq-details-div a{
    text-decoration: none;
}
/***************** single mcq page style ****************************/
.go-to-back a {
    text-decoration: none;
    margin: 30px 0 0 37px;
    padding: 8px 12px 5px 15px;
    background: cadetblue;
    line-height: 21px;
    border-radius: 3px;
    color: #fff;
}

.fa-stack{
    margin-top: 0px !important;
}
.fa-stack[data-count]::after{
    top: 5% !important;
    right: 5% !important;
}
.mcq-share-button{
    float: right;
}

/********* MathJax **********/
mjx-container[jax="CHTML"][display="true"] {
    display: inline !important;
    margin: 1em 0;
}
.mcq-option img, .exam-mcq-option img{
    width: 90px;
    height: auto;
} 
.progress-div {
    width: 30px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999999;
    display: none;
    font-size: 35px;
}
.page-heading{
    padding: 20px 0;
}
.page-heading h2{
    font-family: Bookman, URW Bookman L, serif;
    text-align: center;
}</pre></body></html>