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


@media only screen and (min-width: 993px) {
  .container {
    width: 90%;
  }
}
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: lime;
}

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

.dropdown-content li> a {
  color: #1a237e;
}
.dropdown-content li> a:hover {
  color: white;
}
.dropdown-content li:hover {
  background-color: #26a69a;
  color: white;
}
.dropdown-content li .word-index {
    min-height: 2.5em;
     padding: 14px 16px;
     color: white;
     background-color: #004d40;
}

/*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: #1a237e;
  min-height: 4em;
  padding-left: 2%;
  margin-top: 1%;
  margin-bottom: 1%;
  border-radius: 5px 5px 5px 5px;
  color: white;
  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: #1565c0;
  min-height: 4em;
  margin-top: 1%;
  margin-bottom: 1%;
  border-radius: 5px 5px 5px 5px;
  color: white;
    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: #283593;
      -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: #0d47a1;
  -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: #9c27b0;
      -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);
}