@import url('https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu&display=swap');

  @font-face {

      font-family: 'NafeesWebNaskh';

      src: url("../fonts/Nafees-Web-Naskh.eot");

      src: url("../fonts/Nafees-Web-Naskh.eot") format("embedded-opentype"), url("../fonts/Nafees-Web-Naskh.woff") format("woff"), url("../fonts/Nafees-Web-Naskh.ttf") format("truetype"), url("../fonts/Nafees-Web-Naskh.svg") format("svg");

      unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF;

  }



  @font-face {

      font-family: 'sanskrit';

      src: url('../fonts/sanskrit2003.eot') format('eot');

      src: url('../fonts/sanskrit2003.eot?#iefix') format('embedded-opentype');

      src: url('../fonts/sanskrit2003.woff') format('woff');

      src: url('../fonts/sanskrit2003.ttf') format('truetype');

  }



  @font-face {

      font-family: 'siddhanta';

      src: url('../fonts/siddhanta.ttf');

      font-weight: normal;

  }

.chapters {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    width: 100%;
}

.chapter {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 56px;
    position: relative;
    min-height: 50px;
    min-width: 50px;
    margin-bottom: 2px;
    margin-right: 2px;
    color: #ffffff !important;
    background: #4f6388;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-justify: center;

}

.breadcrumb {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    padding: 0 0 !important;
    margin-bottom: 0 !important;
    font-size: .875rem !important;
    list-style: none !important;
    background-color: rgba(0,0,0,0) !important;
    border-radius: 0.75rem !important;

}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block !important;
    padding-right: 0.425rem !important;
    color: rgb(229, 39, 124) !important;
    content: "\F285" !important;
}
.breadcrumb-item::before {
    margin-top: -0.0625rem !important;
    font-family: 'bootstrap-icons' !important;
    font-size: .8em !important;
    font-weight: 800 !important;
    vertical-align: middle !important;
    line-height: 200% !important;
}
*, *::before, *::after {
    box-sizing: border-box !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #eeeeee;
}