@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap");
:root {
  --text: #001e43;
  --text-secondary:#58736E;
}

body {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  margin: 0;
  padding: 0 40px;
  background-color: #EEEEEE;
}
body .content {
  width: auto;
  margin: 0;
  background-color: #FCFCFC;
}

@media only screen and (max-width: 768px) {
  body {
    padding: 0;
  }
}
.topbar {
  padding: 10px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0px;
  max-width: 2000px;
}
.topbar .left {
  font-size: 16px;
  font-weight: 600;
}
.topbar .logins .login-area {
  display: flex;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.topbar .logins .login-area a {
  text-decoration: none;
  color: var(--text);
  font-weight: 500;
}
.topbar .logins .login, .topbar .logins .register {
  display: inline;
  margin-left: 10px;
}

header {
  z-index: 1;
  position: sticky;
  top: 0px;
  background: rgb(252, 252, 252);
  background: linear-gradient(180deg, rgb(252, 252, 252) 0%, rgba(252, 252, 252, 0.95) 100%);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.01);
  padding: 10px 30px;
}
header .navbar .navbar-brand img {
  max-height: 50px;
}
header .navbar .navbar-toggler-icon {
  height: 1rem;
  width: 1rem;
}
header .navbar ul.navbar-nav #item a {
  color: var(--text);
  font-weight: 500;
  font-size: 18px;
}
header .navbar ul.navbar-nav #dropdown a {
  color: var(--text);
  font-weight: 500;
  font-size: 18px;
}
header .navbar ul.navbar-nav #dropdown .dropdown-item {
  color: var(--text);
}
header .navbar ul.navbar-nav #dropdown ul .side_menu {
  display: none;
  position: absolute;
  top: 42px;
  left: 195px;
  margin-top: 0;
  background-color: white;
  z-index: 1;
  border: 1px solid #D0D0D0;
  border-radius: 2px;
  text-align: left;
}
header .navbar ul.navbar-nav #dropdown ul .side_menu ul {
  list-style: none;
  margin: 0;
  padding: 10px;
}
header .navbar ul.navbar-nav #dropdown ul .side_menu ul li {
  list-style: none;
}
header .navbar ul.navbar-nav #dropdown ul .side_menu ul li a {
  text-decoration: none;
  color: var(--text);
}
header .navbar #item:hover {
  border: 0.5px solid #D4D4D4;
  border-radius: 6px;
  background-color: #fff;
}
header .navbar #item:hover #item_a {
  color: #5E9CEA;
}
header .navbar #dropdown:hover {
  border: 0.5px solid #D4D4D4;
  background-color: #fff;
  border-radius: 6px;
}
header .navbar #dropdown:hover #navbarDropdown {
  color: #5E9CEA;
}

@media (max-width: 500px) {
  .topbar {
    display: block;
    padding: 8px 10px;
  }
  .topbar .left {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
  }
  .topbar .center {
    margin: 0px -10px;
  }
  .topbar .logins .login-area {
    justify-content: space-between;
  }
  .topbar .logins .login-area a {
    text-decoration: none;
    color: var(--text);
  }
}
.banner .books .row .bookimage {
  padding: 50px 0px;
}
.banner .books .row .bookimage a img {
  max-width: 400px;
  width: 100%;
}
.banner .books .row .banner-inner {
  padding: 85px 0;
}
.banner .books .row .banner-inner h1 {
  font-size: 30px;
  margin: 0 0 10px 0px;
  line-height: 42px;
  font-weight: 400;
}
.banner .books .row .banner-inner .description {
  margin: 0;
  color: #636C77;
  font-size: 18px;
  line-height: 32px;
  text-align: justify;
}

@media (max-width: 768px) {
  .banner .books .row .bookimage {
    padding: 0px 0px;
  }
  .banner .books .row .bookimage a {
    display: block;
    text-align: center;
  }
  .banner .books .row .bookimage a img {
    width: auto;
    max-height: 40vh;
  }
  .banner .books .row .banner-inner {
    padding: 15px 0;
  }
  .banner .books .row .banner-inner h1 {
    font-size: 20px;
    margin: 0 0 10px 0px;
    line-height: 25px;
    font-weight: 500;
  }
  .banner .books .row .banner-inner .description {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    text-align: justify;
  }
}
.article .container .current-issue {
  display: flex;
  flex-direction: column;
  row-gap: 18x;
}
.article .container .current-issue .item {
  color: var(--text);
}
.article .container .current-issue .item strong {
  font-weight: 500px;
}
.article .container .current-issue #other {
  font-size: 18px;
}
.article .container .article-type h5 {
  font-size: 24px;
  color: var(--text);
  text-align: left;
  font-weight: 600;
}
.article .container .data {
  padding: 0px 12px 10px 0px;
}
.article .container .data a {
  text-decoration: none;
  color: var(--text);
}
.article .container .data .head {
  padding: 0 0 10px;
}
.article .container .data .head .authorname {
  color: var(--text);
  font-size: 13px;
  line-height: 13px;
  margin: 10px 0 10px 0px;
}
.article .container .data .head h3 {
  font-size: 18px;
  font-weight: 600;
  padding: 0;
  margin: 0;
}
.article .container .data .head h3 a {
  color: var(--text);
}
.article .container .data .head h3 .page_no {
  color: var(--text);
  font-size: 15px;
  white-space: nowrap;
}
.article .container .data .head button {
  border: none;
  background-color: var(--text-secondary);
  padding: 8px 20px;
  font-size: 13px;
}
.article .container .data .head button i {
  color: white;
}
.article .container .data .head button a {
  color: white;
}
.article .container .data .bottom .short_desc p {
  color: var(--text);
}

footer a {
  text-decoration: none;
}
footer .container .footer-column {
  padding: 20px 0px;
}
footer .container .footer-column .aboutus {
  text-align: start;
}
footer .container .footer-column .aboutus .logo a img {
  max-width: 100%;
  width: auto;
  height: 100px;
}
footer .container .footer-column .aboutus .description {
  width: 100%;
}
footer .container .footer-column .aboutus .description p {
  font-size: 16px;
  color: var(--text);
}
footer .container .footer-column .aboutus .social-icons {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  justify-content: center;
}
footer .container .footer-column .aboutus .social-icons .facebook-icon {
  font-size: 18px;
  color: #3B5999;
}
footer .container .footer-column .aboutus .social-icons .twitter-icon {
  font-size: 18px;
  color: #55ACEE;
}
footer .container .footer-column .aboutus .social-icons .linkedin-icon {
  font-size: 18px;
  color: #3B5999;
}
footer .container .footer-column .aboutus .social-icons .google-icon {
  font-size: 18px;
  color: #DD4B39;
}
footer .container .footer-column .aboutus .social-icons .rss-icon {
  font-size: 18px;
  color: #FF6600;
}
footer .container .footer-column .getintouch {
  text-align: left;
  padding: 10px 0;
  color: var(--text);
}
footer .container .footer-column .getintouch .head {
  padding: 0 0 20px 0;
}
footer .container .footer-column .getintouch a {
  text-decoration: none;
  color: var(--text);
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
footer .container .footer-column .getintouch a .item {
  text-align: left;
}
footer .container .footer-column .getintouch ul {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  list-style: none;
  padding: 0;
}
footer .container .footer-column .getintouch ul li {
  list-style: none;
  color: var(--text);
  font-size: 16px;
  line-height: 14px;
}
footer .container .footer-column .getintouch ul li i {
  width: 20px;
}
footer .container .footer-column .getintouch ul .address {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
footer .container .footer-column .resource {
  align-items: left;
  padding: 10px 0;
  color: var(--text);
}
footer .container .footer-column .resource .head {
  padding: 0 0 20px 0;
}
footer .container .footer-column .resource .item {
  padding: 0px 0px 0px 20px;
}
footer .container .footer-column .resource .item ul {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  padding: 0;
}
footer .container .footer-column .resource .item ul li {
  font-size: 16px;
  line-height: 14px;
  color: var(--text);
}
footer .container .footer-column .resource .item ul li a {
  color: var(--text);
}
footer .container .copyright {
  border-top: 1px solid #ddd;
  padding: 16px 0;
  width: 100%;
  text-align: center;
}

.sidebar {
  padding: 50px 0px 50px 20px;
}
.sidebar .heading {
  padding-left: 0px;
}
.sidebar .sidebar-content {
  padding: 10px 0px 0px 0px;
}
.sidebar .sidebar-content a img {
  max-width: 100%;
  width: auto;
  height: auto;
}

@media (max-width: 788px) {
  .sidebar {
    padding: 50px 0px 50px 0px;
  }
  .sidebar .heading {
    padding-left: 10px;
  }
  .sidebar .sidebar-content {
    padding: 0px 15px;
  }
  .sidebar .sidebar-content a {
    padding-bottom: 10px;
  }
}
.inner-banner {
  background-color: #636C77;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 30px;
}
.inner-banner h1 {
  font-size: 16px;
  margin: 0px;
  color: white;
}
.inner-banner .header-link {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.inner-banner .header-link a {
  text-decoration: none;
  font-size: 16px;
  color: white;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inner-banner .header-link i {
  font-size: 6px;
  color: white;
}

@media (max-width: 768px) {
  .inner-banner {
    background-color: #636C77;
    display: block;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
  }
  .inner-banner h1 {
    display: none;
  }
  .inner-banner .header-link {
    display: block;
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
  .inner-banner .header-link a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    color: white;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .inner-banner .header-link a::before {
    content: "•"; /* Insert bullet */
    margin-right: 8px; /* Add some space after the bullet */
    color: white; /* Bullet color */
  }
  .inner-banner .header-link i {
    display: none;
    font-size: 6px;
    color: white;
  }
}
.login .container .row .col-md-5 .heading {
  padding: 10px 0px 10px 13px;
}
.login .container .row .col-md-5 .heading h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
  color: var(--text);
}
.login .container .row .col-md-5 .inputs .form-group input {
  padding: 10px 13px;
}
.login .container .row .col-md-5 .savepassword {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 0px 20px;
}
.login .container .row .col-md-5 .savepassword .left {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  font-size: 15px;
  color: var(--text);
}
.login .container .row .col-md-5 .savepassword .right {
  font-size: 15px;
}
.login .container .row .col-md-5 button {
  border: none;
  border-radius: 4px;
  background-color: #5e9cea;
  padding: 10px 50px;
  font-size: 14px;
  color: white;
}

.register .container .row .col-md-12 .heading {
  padding: 10px 0px 10px 13px;
}
.register .container .row .col-md-12 .heading h3 {
  margin: 0;
  font-weight: 500;
  line-height: 40px;
  color: var(--text);
}
.register .container .row .col-md-12 form .row .col-md-6 .heading {
  font-size: 18px;
}
.register .container .row .col-md-12 .inputs .form-group input {
  padding: 10px 13px;
}
.register .container .row .col-md-12 .savepassword {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 0px 20px;
}
.register .container .row .col-md-12 .savepassword .left {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  font-size: 15px;
  color: var(--text);
}
.register .container .row .col-md-12 button {
  border: none;
  border-radius: 4px;
  background-color: #5e9cea;
  padding: 10px 50px;
  font-size: 14px;
  color: white;
}

.archiveIssue {
  min-height: 200px;
}
.archiveIssue .archive {
  padding: 20px 20px 15px 5px;
  color: var(--text);
}
.archiveIssue .archive img {
  width: 100%;
  max-width: 120px;
}
.archiveIssue .archive a {
  color: inherit;
  display: block;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
}
.archiveIssue .archive a .name {
  font-size: 25px;
  font-weight: 600;
}
.archiveIssue .archive a .date {
  padding: 3px 0px 0px 0px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 16px;
}
.archiveIssue .archive a .desc {
  line-height: 16px;
  height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.archiveIssue .archive a:hover .name {
  color: #00A67D;
}
.archiveIssue .archive .chapters {
  margin-top: 5px;
}
.archiveIssue .archive .chapters a {
  display: inline;
  white-space: wrap;
  font-size: 15px;
  text-decoration: underline;
  margin-left: 5px;
}
.archiveIssue .archive p {
  font-size: 14px;
  color: var(--text);
}

@media (max-width: 768px) {
  .archiveIssue {
    min-height: 200px;
  }
  .archiveIssue .archive {
    padding: 0px 0px 0px 0px;
  }
  .archiveIssue .archive img {
    max-width: 100px;
  }
  .archiveIssue .archive a {
    color: inherit;
    display: block;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
  }
  .archiveIssue .archive a .name {
    font-size: 18px;
    font-weight: 600;
  }
  .archiveIssue .archive a .date {
    padding: 3px 0px 0px 0px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .archiveIssue .archive a .desc {
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .archiveIssue .archive a:hover .name {
    color: #00A67D;
  }
  .archiveIssue .archive .chapters {
    margin-top: 5px;
    max-height: 60px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .archiveIssue .archive .chapters a {
    display: inline;
    white-space: wrap;
    font-size: 15px;
    text-decoration: underline;
    margin-left: 5px;
  }
  .archiveIssue .archive p {
    font-size: 14px;
    color: var(--text);
  }
}
.archiveSingle .container .row .bookimage a img {
  max-width: 400px;
  width: 100%;
}
.archiveSingle .container .row .banner {
  padding: 10px 0;
}
.archiveSingle .container .row .banner h1 {
  font-size: 30px;
  font-weight: 500;
}
.archiveSingle .container .row .banner .description {
  margin: 0;
  color: #636C77;
  font-size: 18px;
  line-height: 32px;
  text-align: justify;
}
.archiveSingle .container .row .banner .description a {
  text-decoration: none;
}
.archiveSingle .container_b {
  margin-top: 40px;
}
.archiveSingle .container_b .editorial h5 {
  font-size: 24px;
  color: var(--text);
  text-align: left;
  font-weight: 700;
  margin-bottom: 0px;
}
.archiveSingle .container_b .data {
  padding: 0px 12px 10px 0px;
}
.archiveSingle .container_b .data a {
  text-decoration: none;
  color: var(--text);
}
.archiveSingle .container_b .data .head {
  padding: 0 0 10px;
}
.archiveSingle .container_b .data .head .authorname {
  display: block;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  color: var(--text);
  font-size: 13px;
  line-height: 13px;
  margin: 0 0 10px 0px;
}
.archiveSingle .container_b .data .head .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.archiveSingle .container_b .data .head h3 {
  font-size: 16px;
  font-weight: 500;
  padding: 0;
  margin: 0;
}
.archiveSingle .container_b .data .head h3 a {
  color: var(--text);
}
.archiveSingle .container_b .data .bottom .short_desc {
  margin-bottom: 8px;
}
.archiveSingle .container_b .data .bottom .page_no {
  color: var(--text);
}
.archiveSingle .container_b .data .bottom button {
  border: none;
  background-color: var(--text);
  padding: 6px 20px;
}
.archiveSingle .container_b .data .bottom button i {
  color: white;
}
.archiveSingle .container_b .data .bottom button a {
  color: white;
}

.submission .container .row h1 {
  font-size: 24px;
  font-weight: 700;
  padding: 15px 0px;
}
.submission .container .row .submission-view {
  padding: 20px;
  border-left: 5px solid #00528B;
  background-color: #dddddd;
  font-size: 16px;
  line-height: 20px;
}
.submission .container .row .submission-view a {
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
}
.submission .container .row .heading h2 {
  font-size: 20px;
  font-weight: 700;
}
.submission .container .row .guidelines {
  font-size: 18px;
}

.article-single {
  border: 1px solid #DDDDDD;
  padding: 0px 0px 0px 0px;
}
.article-single .container h1 {
  padding: 20px 20px 20px 0px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}
.article-single .container .col-md-8 {
  padding: 20px;
  border-top: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
}
.article-single .container .col-md-8 .info .author_name {
  display: flex;
  flex-direction: column;
  padding: 0px 0px 25px;
}
.article-single .container .col-md-8 .info .author_name .name {
  font-weight: 500;
  font-size: 18px;
}
.article-single .container .col-md-8 .info .author_name .affiliation {
  font-size: 16px;
  color: var(--text);
}
.article-single .container .col-md-8 .info .doi {
  padding: 0px 0px 30px;
  font-size: 13px;
}
.article-single .container .col-md-8 .info .abstract h3 {
  font-size: 16px;
  font-weight: 700;
  padding: 0px 0px 10px;
}
.article-single .container .col-md-4 {
  padding: 0;
  border-top: 1px solid #DDDDDD;
}
.article-single .container .col-md-4 .detail .pdf {
  padding: 20px;
  border-bottom: 1px solid #DDDDDD;
}
.article-single .container .col-md-4 .detail .pdf a {
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
.article-single .container .col-md-4 .detail .published {
  padding: 20px;
  border-bottom: 1px solid #DDDDDD;
}
.article-single .container .col-md-4 .detail .published .heading {
  font-size: 13px;
  font-weight: 500;
  color: var(--text);
}
.article-single .container .col-md-4 .detail .issue {
  padding: 20px;
  border-bottom: 1px solid #DDDDDD;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.article-single .container .col-md-4 .detail .issue .item .heading {
  font-size: 13px;
  font-weight: 500;
  color: var(--text);
}
@media (max-width: 768px) {
  .article-single {
    border: none;
    padding: 0px 0px 0px 0px;
  }
  .article-single .container {
    --bs-gutter-x: 0px;
  }
  .article-single .container h1 {
    padding: 10px;
    margin: 0px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    border-bottom: 1px solid #DDDDDD;
  }
  .article-single .container .col-md-8 {
    padding: 20px;
    border-top: none;
    border-right: none;
  }
  .article-single .container .col-md-8 .info .author_name {
    display: flex;
    flex-direction: column;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 15px;
    border-bottom: 1px solid #DDDDDD;
  }
  .article-single .container .col-md-8 .info .author_name .name {
    font-weight: 500;
    font-size: 16px;
  }
  .article-single .container .col-md-8 .info .author_name .affiliation {
    font-size: 14px;
    color: var(--text);
  }
  .article-single .container .col-md-8 .info .doi {
    padding: 0px 0px 30px;
    font-size: 13px;
  }
  .article-single .container .col-md-8 .info .abstract h3 {
    font-size: 16px;
    font-weight: 700;
    padding: 0px 0px 10px;
  }
  .article-single .container .col-md-4 {
    padding: 0;
    border-top: 1px solid #DDDDDD;
  }
  .article-single .container .col-md-4 .detail .pdf {
    padding: 20px;
    border-bottom: 1px solid #DDDDDD;
  }
  .article-single .container .col-md-4 .detail .pdf a {
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
  }
  .article-single .container .col-md-4 .detail .published {
    padding: 20px;
    border-bottom: 1px solid #DDDDDD;
  }
  .article-single .container .col-md-4 .detail .published .heading {
    font-size: 13px;
    font-weight: 500;
    color: var(--text);
  }
  .article-single .container .col-md-4 .detail .issue {
    padding: 20px;
    border-bottom: 1px solid #DDDDDD;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
  }
  .article-single .container .col-md-4 .detail .issue .item .heading {
    font-size: 13px;
    font-weight: 500;
    color: var(--text);
  }
}
.team {
  color: var(--text);
  margin-bottom: 50px;
}
.team .container .title {
  padding: 0px 0px 0px 0px;
  font-size: 25px;
  font-weight: 600;
}
.team .container .member {
  font-size: 16px;
}
.team .container .member .designation {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
}
.team .container .member .name {
  font-weight: 600;
}
.contact a {
  color: #39628C;
  text-decoration: none;
  font-weight: 500;
}
.contact .container h1 {
  font-size: 24px;
  font-weight: 700;
}
.contact .container .row .col-md-12 {
  padding: 0px;
}
.contact .container .row .col-md-6 {
  padding: 0;
  margin-bottom: 10px;
}
.contact .container .row .col-md-6 .item {
  color: var(--text);
  font-size: 16px;
}
.contact .container .row .col-md-6 .item h3 {
  font-size: 18px;
  font-weight: 700;
}

.about .item {
  padding: 20px 10px;
}
.about .item span {
  font-weight: 700;
  padding: 0px 0px 20px 0px;
  font-size: 20px;
}
.about .item .description {
  text-align: justify;
  font-size: 18px;
  color: var(--text);
}

#message img {
  border-radius: 5px;
}
#message #message-title {
  font-weight: 600;
}
#message p {
  margin-bottom: 5px;
}

body {
  color: #103831 !important;
}/*# sourceMappingURL=index.css.map */