@font-face {
    font-family: "Siyamrupali";
    src: url("Siyamrupali.ttf");
    
}
.parallax-container {
   height: 660px;
}


@media only screen and (min-width: 993px) {
  .container {
    width: 90%;
  }
}

@media only screen and (min-width: 601px) {
  nav.nav-extended .nav-wrapper {
    min-height: 56px;
  }
  nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
    height: 56px;
    line-height: 56px;
  }
  .navbar-fixed {
    height: 56px;
  }
}
body {
    font-family: Siyamrupali, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 11pt;
}
nav {
   font-family: GillSans, Calibri, Trebuchet, sans-serif;
}
sup {
    padding-left:  .4em;
    color: brown;
}

nav ul a {
  color: black;
}

nav.my-nav-background{
    background-color: #092B08;
}

blockquote {
  border-left: 5px solid #ff6d00;
}

.btn, .btn-large {
  background-color: #dd2c00;
}

.btn:hover, .btn-large:hover {
  background-color: #ff9e80;
  color: black;
}

.btn:focus, .btn-large:focus,
.btn-floating:focus {
  background-color: #dd2c00;
  color: black;
}

.dropdown-content {
  background-color: #f57f17;
}

.dropdown-content li> a {
  color: black;
}
.dropdown-content li> a:hover {
  color: white;
}
.dropdown-content li:hover {
  background-color: #e65100;
  color: white;
}
.dropdown-content li .word-index {
    min-height: 2.5em;
     padding: 14px 16px;
     color: white;
     background-color: #b71c1c;
}

/*custom style*/
.pagination {
    font-family: GillSans, Calibri, Trebuchet, sans-serif;

}
.pagination li {
  display:inline-block; 
  margin: 0 4px;
  min-width: 50px;
  color: black ; 

}
.pagination li.currentpage {
    background-color: #2962ff ; 
    color: white;
}
@media screen and (max-width: 480px) {
    .pagination li.dotdot {
        background-color: #e8eaf6 ; 
        display: none;
    }
    .pagination li.median {
        background-color: #00897b ; 
        color: white;
        display: none;
    }
    .pagination li.median a {
        
        color: white;
        display: none;
    }    
}
@media screen and (min-width: 480px) {
    .pagination li.dotdot {
        background-color: #e8eaf6 ; 
        
    }
    .pagination li.median {
        background-color: #00897b ; 
        color: white;
    }
    .pagination li.median a {
        
        color: white;
    }    
}

.pagination li.prevnext {
    background-color: #00897b ;
}


.footer-font {
    font-family: GillSans, Calibri, Trebuchet, sans-serif;
}
.menu {
    width: 100px;
    background: #000;
    color: #fff;
    position: absolute;
    z-index: 999999;
    display: none;
    box-shadow: 0 0 10px #713C3C;
}
 
.menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
 
.menu ul a {
    text-decoration: none;
}

.menu ul li {
    width: 88%;
    padding: 6%;
    background-color: #F04D44;
    color: #fff;
}

.menu ul li:hover {
    background-color: #F7BA4B;
    color: #444343;
}

.modal-bg {
    background: rgba(77, 0, 0,0.94);
    color: wheat;
}

.header-card-panel {
  background-color: #ffab40;
  min-height: 4em;
  padding-left: 2%;
  margin-top: 1%;
  margin-bottom: 1%;
  border-radius: 5px 5px 5px 5px;
  color: black;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  font-size: 14pt;
  letter-spacing: 2px;
}
.mbhindex-link-cards{
    background-color: #ff6d00;
  min-height: 4em;
  margin-top: 1%;
  margin-bottom: 1%;
  border-radius: 5px 5px 5px 5px;
  color: black;
    font-size: 14pt;
  letter-spacing: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
-webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-in;
  -moz-transition: 0.5s ease-in;
  -o-transition: 0.5s ease-in;
  transition: 0.5s ease-in;  
  margin-bottom: 3%;
}
.mbhindex-link-cards:hover {
  background-color: #bf360c;
  color: white;
    font-size: 14pt;
      -webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
}
.mbhindex-btn-color {
  background-color: #3e2723;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-in;
  -moz-transition: 0.5s ease-in;
  -o-transition: 0.5s ease-in;
  transition: 0.5s ease-in;  

}
.mbhindex-btn-color:hover {
  background-color: #ffab91;
      -webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
}

/* Custom CSS for responsive columns */
.multi-column-list {
  /* Default for mobile (small screens) */
  column-count: 1;
  column-gap: 2rem;
  background-color: yellow;
}

/* Materialize Medium devices (tablets, 600px and up) */
@media only screen and (min-width: 600px) {
  .multi-column-list {
    column-count: 2;
  }
}

/* Materialize Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .multi-column-list {
    column-count: 3;
  }
}

/* Optional: Prevent list items from breaking across columns */
.multi-column-list li {
  break-inside: avoid;
  page-break-inside: avoid;
}