#logo {
  width: 100%;
}

#logo img {
  width: 100%;
}

.section-gap {
  padding: 40px 0;
}

.footer-bottom {
  padding-top: 0;
}

.banner-content p {
  color: #FFF;
}

.section-gap2 {
  padding: 0 0 60px 0;
}

.hide-on-all {
  /*display: none !important;*/
}

body {
  color: #0477BF;
}

.banner-content h1 {
  color: #0477BF;
}

#header {
  border-bottom: 1px solid #0477BF;
  position     : relative;
  background-color: #89E68B;
}

.nav-menu a {
  color: #FFF;
}

.header-scrolled .nav-menu a {
  color: #FFF;
}

.bannerht {
  min-height: 500px !important;
}

.srp-img .thumb {
  margin-bottom: 20px;
}

.logo-title h1 {
  font-size  : 26px;
  font-family: 'Times New Roman', Times, serif;
}

.logo-title h2 {
  font-size  : 18px;
  font-family: 'Times New Roman', Times, serif;
}

.navMenu {
  background-color: #0477BF;
  padding         : 15px 0;
}

.nav-menu {
  text-align: center;
}

.nav-menu>li {
  float  : none;
  display: inline-block;
}

.reviewer .single-blog {
  padding-bottom: 30px;
}

.btn-pdf {
  color      : #e40808;
  font-weight: bolder;
}

.journal_issues h4 {
  color: #0477BF;
}

.journal_issues h4 span {
  display   : block;
  font-size : 16px;
  color     : #000;
  margin-top: 10px;
}

.single-blog .thumb img {
  width: 50%;
}

.search-course-area p {
  color: #FFF;
}

.search-course-area .details-content .single-detials span {
  color: #FFF;
}

.about-container {}

.about-container h3 {
  font-size    : 1.8rem;
  font-weight  : 700;
  margin-bottom: 20px;
  text-align   : center;
  color        : #141c2a;
}

.about-container h4 {
  font-size   : 1rem;
  font-weight : 700;
  margin      : 24px 0 14px;
  color       : #1b2a57;
  border-left : 6px solid #0477BF;
  padding-left: 14px;
}

.about-container p,
.about-container ul {

  margin-bottom: 18px;
}

.about-container ul {
  list-style-type: none;
  padding-left   : 0;
}

.about-container ul li {
  position     : relative;
  padding-left : 26px;
  margin-bottom: 10px;
  color        : #4b506d;
  font-weight  : 600;
}

.about-container ul li::before {
  content    : "✓";
  position   : absolute;
  left       : 0;
  top        : 0;
  color      : #0477BF;
  font-weight: 900;
}

.about-container .section-header {
  font-weight  : 700;
  margin-bottom: 10px;
  color        : #212b43;
}

.srp-publishing-house {
  font-family: Arial, sans-serif;
  color      : #333;

  .srp-title {
    font-size    : 2em;
    font-weight  : bold;
    margin-bottom: 0.4em;
  }

  .srp-contact>div {
    font-size    : 1em;
    margin-bottom: 0.3em;
  }

  .srp-publishing-house a {
    color          : #0073aa;
    text-decoration: none;
  }

  .srp-publishing-house a:hover {
    text-decoration: underline;
  }

  .srp-subtitle {
    font-size     : 1.7em;
    font-weight   : 600;
    margin        : 1.5em 0 1em;
    border-bottom : 2px solid #0073aa;
    padding-bottom: 6px;
  }

  .srp-activities-list {
    list-style-type: none;
    padding-left   : 0;
  }

  .srp-activity-section {
    margin-bottom: 1.5em;
    background   : #f9f9f9;
    border-left  : 5px solid #0073aa;
    padding      : 15px 20px;
    border-radius: 3px;
    box-shadow   : 0 2px 5px rgb(0 0 0 / 0.05);
  }

  .srp-activity-title {
    font-size    : 1.25em;
    font-weight  : 600;
    color        : #005177;
    margin-bottom: 0.7em;
  }

  .srp-activities-list {
    list-style-type      : none;
    padding-left         : 0;
    display              : grid;
    grid-template-columns: repeat(2, 1fr);
    gap                  : 20px;
  }

  @media (max-width: 768px) {
    .srp-activities-list {
      grid-template-columns: 1fr;
    }
  }



  .space30 {
    clear : both;
    height: 30px;
  }

  #mobile-nav-toggle {
    background-color: #0477BF;
  }

  #mobile-nav-toggle i {
    color: #FFF;
  }

  @media only screen and (min-width : 992px) and (max-width : 1400px) {}

  @media only screen and (min-width : 992px) and (max-width : 1200px) {}

  @media only screen and (max-width : 767px) {
    .dsFlex {
      display: block;
    }

    #header #logo {
      text-align: center;
      margin    : 0;
    }

    #header #logo img {
      width     : 100px;
      max-height: none;
    }

    .logo-title {
      text-align: center;
      margin-top: 20px;
    }

    .logo-title h1 {
      font-size: 20px;
    }

    .logo-title p {
      font-size  : 14px;
      line-height: 20px;
    }

    .navMenu {
      display: none;
    }

    .single-carusel1 {
      padding: 20px;
    }

    .single-carusel1 img {
      margin-bottom: 20px;
    }

    .j-rightinfo {
      font-size  : 14px;
      line-height: 18px;
    }

    .j-rightinfo p {
      font-size  : 12px;
      line-height: 18px;
    }

    h1 {
      font-size  : 30px;
      line-height: 26px;
    }

    .pb-70 {
      padding-bottom: 30px;
    }

    .single-carusel .detials h4 {
      font-size  : 16px;
      line-height: 22px;
    }

    .journal_issues h4 span {
      font-size  : 14px;
      line-height: 20px;
    }

    h2 {
      font-size  : 24px;
      line-height: 30px;
    }
  }

}

.srp-images {
  display        : flex;
  justify-content: center;
  gap            : 20px;
  margin-bottom  : 20px;
  flex-wrap      : wrap;
}

.srp-images img {
  width        : 200px;
  height       : auto;
  border-radius: 8px;
  box-shadow   : 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Image Grid */
.srp-images img {
  width        : 100%;
  max-width    : 200px;
  margin       : 10px;
  border-radius: 6px;
  cursor       : pointer;
  transition   : 0.3s;
}

.srp-images img:hover {
  transform: scale(1.05);
}

/* Lightbox Popup */
.lightbox {
  position       : fixed;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 100%;
  background     : rgba(0, 0, 0, 0.85);
  display        : none;
  justify-content: center;
  align-items    : center;
  z-index        : 999999;
}

.lightbox img {
  max-width    : 90%;
  max-height   : 90%;
  border-radius: 8px;
}

/* Fade animation */
@keyframes fadeIn {
  from {
    opacity  : 0;
    transform: scale(0.95);
  }

  to {
    opacity  : 1;
    transform: scale(1);
  }
}

/* Cursor pointer for clickable images */
.srp-images img,
.srp-img img {
  cursor: pointer;
}