body {
    font-family: cambria;
    font-size: 17px;
    color: #333333; /* Dark gray for good contrast */
  background-color: #ffffff; /* Clean white background */
}


p {
    line-height: 1.7;          /* Ideal line spacing */
    letter-spacing: 0.5px;     /* Subtle letter spacing */
    word-spacing: 0.04em;      /* Slightly wider word spacing for readability */
/*    text-align: justify;
    text-align-last: left;    
    hyphens: auto;  */          
    margin: 1em 0;             /* Space between paragraphs */
    text-rendering: optimizeLegibility; /* Smooth font rendering */
    padding: 0 10px;           /* Prevent text from touching screen edges */
    color: #242729;
}



/* Navbar Brand Logo */
.navbar-brand img.navbar-logo {
  height: 60px;           /* Default logo height */
  width: auto;            /* Keeps aspect ratio */
  transition: all 0.3s ease-in-out;
}

/* Reduce logo size on smaller screens */
@media (max-width: 992px) {
  .navbar-brand img.navbar-logo {
    height: 50px;
  }
}

@media (max-width: 576px) {
  .navbar-brand img.navbar-logo {
    height: 40px;
  }
}

/* Optional: Align logo vertically if navbar height differs */
.navbar-brand {
  display: flex;
  align-items: center;
}

/* Optional: Add some hover effect */
.navbar-brand img.navbar-logo:hover {
  opacity: 0.9;
  transform: scale(1.02);
}

.header-mail a{
  text-decoration: none;
  color: #fff;
}
    .bg-header{
      background: #047dcc;
    }
    /* Navbar styling */
  .navbar {
    transition: all 0.3s ease-in-out;
  }

  .nav-link {
    font-weight: 500;
    color: #333 !important;
    transition: color 0.3s ease;
  }

  .nav-link:hover {
    color: #047dcc !important; /* Bootstrap blue */
  }

  /* Desktop: Show dropdown on hover */
  @media (min-width: 992px) {
    .nav-item.dropdown:hover .dropdown-menu {
      display: block;
      margin-top: 0;
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }

    .dropdown-menu {
      display: block;
      opacity: 0;
      visibility: hidden;
      transform: translateY(10px);
      transition: all 0.3s ease;
      border: none;
      padding: 10px 0;
      border-radius: 0px;
    }
  }

  /* Mobile dropdown styling */
  @media (max-width: 991px) {
    .dropdown-menu {
      border-radius: 0;
      box-shadow: none;
      margin-top: 0;
      padding-left: 15px;
    }

    .dropdown-item {
      padding: 10px 15px;
    }
  }

  .dropdown-item {
    font-weight: 500;
    color: #333;
    transition: background 0.3s, color 0.3s;
      border: 1px solid #F7F9FC;
  }

  .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #047dcc;
  }
  .navbar-nav li
  {
    margin-right: 5px;
  }
    .navbar-nav li a {
      font-size: 17px;
      font-weight: 500;
    }
    /* Hero Section */
    .hero-section {
      background: #F7F9FC;
      padding: 40px 0 40px 0;
      position: relative;
    }
    .hero-header h1, .hero h1 {
      font-size: 3rem;
      font-weight: 700;
      margin-top: 20px;
    }
    .hero-header p {
      font-size: 1.1rem;
      color: #555;
    }
    .hero-buttons .btn {
      margin-right: 15px;
    }
    .stats-card {
      position: absolute;
      bottom: -60px;
      left: 65%;
      transform: translateX(-50%);
      background: #fff;
      padding: 15px 20px;
      border-radius: 8px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      display: flex;
      gap: 60px;
      justify-content: center;
      align-items: center;
    }
    .stats-card div {
      text-align: center;
    }
    .stats-card h3 {
      color: #047dcc;
      font-weight: 700;
    }

    /* Feature Cards */
    .feature-section {
      padding: 120px 0 60px 0;
    }

.feature-section {
  background-color: #fff;
}

.feature-card {
  background-color: #def5ff;
  border-radius: 15px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s, box-shadow 0.3s;
}

.feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.feature-icon {
  font-size: 2rem;
  color: #0d6efd;
}

.feature-title {
  font-size: 1.1rem;
  font-weight: 600;
}

.feature-text {
  font-size: 0.95rem;
  color: #555;
}

/* Mobile Responsiveness */
@media (max-width: 767px) {
  .feature-card {
    padding: 20px;
  }
  .feature-icon {
    font-size: 1.8rem;
  }
  .feature-title {
    font-size: 1rem;
  }
  .feature-text {
    font-size: 0.9rem;
  }
}
    @media (max-width: 768px){
      .stats-card {
        flex-direction: column;
        gap: 20px;
        bottom: -60px;
        padding: 20px;
      }
    }
    /* Hero Buttons Custom Styles */
/* Hero Buttons Custom Styles */
.hero-buttons .btn-custom-primary, .newsletter-input .btn-custom-primary, .btn-custom-primary{
    background-color: #047dcc;   /* Dark blue */
    color: #ffffff;              /* White text */
    border: none;
    border-radius: 0;            /* Square corners */
    transition: background-color 0.3s, transform 0.2s;
}

.hero-buttons .btn-custom-primary:hover, .newsletter-input .btn-custom-primary:hover {
    background-color: #fff;   /* Slightly darker on hover */
    transform: translateY(-2px);
}

.hero-buttons .btn-custom-light {
    background-color: #def5ff;   /* Light blue */
    color: #047dcc;              /* Dark blue text */
    border-radius: 0;            /* Square corners */
    transition: background-color 0.3s, color 0.3s, transform 0.2s;
}

.hero-buttons .btn-custom-light:hover {
    background-color: #047dcc;   /* Slightly darker light blue */
    color: #1f5e8b;              /* Darker text on hover */
    transform: translateY(-2px);
}



 .footer {
      background-color: #F7F9FC;
      padding: 60px 0 20px;
    }
    .newsletter, .contact-section{

      background-color: #def5ff;
      padding: 60px 20px;
    }
    .footer .fs-5 {
      font-weight: 600;
      margin-bottom: 20px;
    }
    .footer a {
      text-decoration: none;
      color: #4b5054;
      padding: 10px;
    }
    .footer a:hover {
      color: #047dcc;
    }

    .newsletter-input {
      max-width: 500px;
      margin: auto;
    }
    .social-icons a {
      margin-right: 10px;
      font-size: 14px;
      color: #495057;
      border: 1px solid #ced4da;
      border-radius: 5px;
      padding: 6px 10px;
      display: inline-block;
      transition: all 0.3s;
    }
    .social-icons-top a{

      margin-right: 10px;
      font-size: 14px;
      color: #fff;
      border-radius: 5px;
      padding: 2px 6px;
      display: inline-block;
      transition: all 0.3s;
    }
    .social-icons a:hover {
      background-color: #0d6efd;
      color: #fff;
      border-color: #0d6efd;
    }
    @media (max-width: 767px){
      .footer .row > div {
        margin-bottom: 30px;
      }
    }


  .about-section h2 {
    font-size: 2rem;
  }
  .about-section p {
    line-height: 1.7;
  }
  .about-section ul li {
    font-size: 1rem;
  }

/*journal*/
.journals-section{
  background: #fff;
}
  .journals-section .card-title {
    font-size: 30px;
    font-weight: 500;
    color: #242729;
  }
  .journals-section .card-text {
    font-size: 0.95rem;
    color: #555;
  }
  .journals-section .card-img-top {
  width: 100%;          /* full width of card */
  height: 100%;        /* fixed height for all images */
  object-fit: cover;    /* maintain aspect ratio and crop excess */
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

/*articles*/
/*  .recent-articles .card-title {
    font-size: 1.1rem;
    font-weight: 500;
}
.recent-articles .card-text {
    font-size: 0.95rem;
    line-height: 1.5;
}
.recent-articles .card-footer {
    background: #f8f9fa;
}*/

.journal-indexed {
  background-color: #fff;
}

.index-item .index-logo {
  max-height: 60px;
  transition: transform 0.3s ease;
}

.index-item:hover .index-logo {
  transform: scale(1.1);
}

.journal-indexed h2 {
  font-weight: 700;
}

.journal-indexed p {
  color: #555;
}

.publication-cycle {
  background-color: #F7F9FC;
}

.cycle-step .step-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #def5ff;
  transition: transform 0.3s, background-color 0.3s;
}
.cycle-step .step-icon i{
  color: #047dcc;
}
.cycle-step:hover .step-icon {
  transform: scale(1.2);
  background-color: #d0e4ff;
}

.cycle-step p {
  color: #333;
}

.publication-cycle h2 {
  font-weight: 600;
}

  .about-hero {
    /* Gradient background: you can change colors */
    background: #F8F9FA;
    /* Optional: add subtle shadow/overlay effect */
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.0);
    /* Make text readable */
    color: #333333;
  }

  .about-hero h1,
  .about-hero p {
    z-index: 2;
  }

    .about-section {
      padding: 60px 0;
    }
    .about-section h2 {
      font-weight: 700;
      margin-bottom: 20px;
    }
    .mission-card {
      background: #f8f9fa;
      border: none;
      border-radius: 10px;
      padding: 30px;
      transition: transform 0.3s;
    }
    .mission-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 15px rgba(0,0,0,0.1);
    }
    .check-icon{
      color: #047dcc;
    }
   h1{
      color: #1a1a1a;
    }
    h2, h3, h4, h5, h6{

    font-weight: 600;
    font-size: 25px;
    color: #0056b3;
    padding-left: 5px;
    margin-bottom: 15px;
    }
    .side-border{
    border-left: 3px solid #047dcc;

    }

.hero {
  background: linear-gradient(180deg, rgba(31,78,121,0.7), rgba(31,78,121,0.7)), url('http://localhost/2040/assets/images/journals/case-reports.jpg') center/cover no-repeat; color: #fff} 
  .hero .overlay{backdrop-filter: blur(2px);}
   :root{
      --brand:#1f4e79;         /* deep navy */
      --accent:#0ea5a3;        /* teal accent */
      --muted:#6c757d;
    }



:root {
  --journal-brand: #1f4e79;
  --journal-accent: #047dcc;
}

.journal-hero {
  color: #333333;
}

.j-wjacr {
  background-image: url('https://wjcasereports.com/assets/images/wjacr-home.jpg'); /* Hostinger-safe absolute path */
}
.j-wjhm{
  background-image: url('/assets/images/journals/wjhm-home.jpg'); /* Hostinger-safe absolute path */

}
.j-wjas{
  background-image: url('/assets/images/journals/surgery.jpg'); /* Hostinger-safe absolute path */
}
.j-jarco{
  background-image: url('/assets/images/journals/cancer-oncology.jpg'); /* Hostinger-safe absolute path */
}
.j-wjor{
  background-image: url('/assets/images/journals/orthopedic.jpg'); /* Hostinger-safe absolute path */
}
.j-wjci{
  background-image: url('/assets/images/journals/clinical-images.jpg'); /* Hostinger-safe absolute path */
}

.j-wjacr, .j-wjhm, .j-wjas, .j-jarco, .j-wjor, .j-wjci{
    
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
}
.cont {
  background-color: rgba(255, 255, 255, 0.8); /* semi-transparent */
  padding: 30px 20px;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* creates depth */
}
.journal-overlay {
  backdrop-filter: blur(3px);
}


.journal-kicker {
  color: var(--journal-accent);
  font-weight: 600;
}

.journal-btn-primary {
  background-color: var(--journal-accent);
  color: #fff;
  border: none;
}

.journal-btn-primary:hover {
  background-color: #fff;
  color: #000;
}

.journal-btn-light {
  background-color: #fff;
  color: var(--journal-brand);
}

.journal-btn-light:hover {
  background-color: #047DCC;
  color: #fff;
}

.journal-feature-bar {
  background: linear-gradient(90deg, var(--journal-brand), #163a57);
}

@media (max-width: 767px) {
  .journal-hero .display-4 {
    font-size: 2rem;
  }
  .journal-hero-buttons a {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .journal-feature-bar .col {
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }
}
.list-inline li{
  color: #808080;
}

.logo-slider-box {
/*  text-align: center;
*/  border: 1px solid #f2f3f4;        /* softer border */
  padding: 5px 15px;               /* more balanced spacing */
  max-width: 100%;
  margin: 20px auto;                /* add breathing space */
  background: #ffffff;              /* clean white */
  border-radius: 2px;              /* smooth corners */
  box-shadow: 0 4px 10px rgba(0,0,0,0.05); /* subtle shadow */
  transition: all 0.3s ease-in-out; /* smooth hover animation */
}

.logo-slider-box:hover {
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  transform: translateY(-2px);      /* gentle lift */
}


.logo-slider {
  width: 100%;     /* show one logo at a time */
  height: 100%;    /* logo height */
  margin: 10px auto;
  overflow: hidden; /* hide overflow */
  position: relative;
}

.logo-slides {
  display: flex;
  animation: scrollLoop 14s linear infinite;
}

.logo-slides img {
  width: 175px;
  height: 50px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Keyframes for infinite horizontal scrolling */
@keyframes scrollLoop {
  from { transform: translateX(0); }
  to { transform: translateX(-1200px); } /* 6 logos * 200px */
}

/*
 .side-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: #212529;
  }*/

  .keywords-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  .keyword-badge {
    display: inline-block;
    background: #fff;
    color: #047dcc;
    font-size: 0.85rem;
    font-weight: 500;
    padding: 0.1rem 0.9rem;
    border-radius: 999px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease-in-out;
    border: 1px solid #ccc;
  }

  .keyword-badge:hover {
    background: #047dcc;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 2px 5px rgba(13, 110, 253, 0.3);
    cursor: pointer;
  }


  .bi-check-circle-fill::before
  {
    content: "\f26a";
}
.bi-check-circle-fill {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    color: #047dcc;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}




    .fixed-buttons {
      position: fixed;
      right: 6px;
      top: 70%;
      transform: translateY(-50%);
      z-index: 1080;
      display: flex;
      flex-direction: column;
      gap: 10px; /* space between buttons */
    }

    .fixed-buttons .btn {
      padding: 0.3rem 1rem;
      font-size: 1rem;
      border-radius: 0rem;
      box-shadow: 0 6px 14px rgba(0,0,0,0.12);
      white-space: nowrap;
    }

    /* Mobile adjustments */
    @media (max-width: 576px) {
      .fixed-buttons {
        right: 10px;
        top: 80%;
        gap: 8px;
      }
      .fixed-buttons .btn {
      font-size: 0.8rem;
        padding: 0.2rem 0.8rem;
        font-size: 0.9rem;
      }
    }

    .btn-submit
    {
      background: #047dcc;
      color: #fff;
    }
    .btn-join-us{
background: green;
color: #fff;
    }


  /*    .publication-cycle {
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    padding: 30px;
    transition: all 0.3s ease-in-out;
  }

  .publication-cycle:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
  }*/

/*  .publication-cycle h4 {
    font-weight: 600;
    color: #0056b3;
    border-bottom: 2px solid #0056b3;
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 5px;
  }*/

  .publication-cycle ul {
    list-style: none;
    padding-left: 0;
  }

  .publication-cycle li {
    background: #e9f3ff;
    color: #242729;
    padding: 8px 18px;
    margin-bottom: 10px;
    border-left: 2px solid #047dcc;
    border-radius: 6px;
    transition: all 0.3s ease;
    font-weight: 550;
  }

  .publication-cycle li:hover {
    background: #d6e9ff;
    border-left-color: #0056b3;
  }


  .journal-info {
    background: #ffffff;
    border-radius: 12px;
/*    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
*/    padding: 5px 10px;
    transition: all 1.9s ease;
    text-align: left;
  }

  .journal-info:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
  }

  .side-title {
    font-weight: 600;
    font-size: 1.2rem;
    color: #0056b3;
    border-left: 3px solid #047dcc;
    padding-left: 10px;
    margin-bottom: 15px;
  }

  .list-group-item {
    background: transparent;
    font-size: 0.95rem;
    padding: 8px 0;
    border: none !important;
    text-align: left;
  }

  .list-group-item strong {
    color: #003366;
    font-weight: 600;
  }

  .list-group-item i {
    color: #047dcc;
    font-size: 1rem;
    transition: transform 0.2s ease;
  }

  .list-group-item:hover i {
    transform: scale(1.2);
  }

  /* Optional: custom accent color */
  .text-cta {
    color: #047dcc !important;
  }

  /* Container styling (optional if wrapping in card) */
.journal-info ul.list-unstyled {
    padding-left: 0;
    margin: 0;
}

.journal-info ul.list-unstyled li {
    display: flex;
    align-items: center;
    font-size: 0.95rem;
    color: #003366; /* Dark blue for text */
    margin-bottom: 10px;
    position: relative;
    transition: all 0.3s ease;
    padding-left: 2px;
}

/* Icon styling */
.journal-info ul.list-unstyled li i {
    color: #007bff; /* Accent blue */
    font-size: 1.1rem;
    flex-shrink: 0;
    transition: transform 0.2s ease, color 0.2s ease;
}

/* Hover effect for list item */
.journal-info ul.list-unstyled li:hover i {
    transform: scale(1.3);
    color: #0056b3;
}

/* Optional: subtle background highlight on hover */
.journal-info ul.list-unstyled li:hover {
    background-color: rgba(0, 123, 255, 0.05);
    border-radius: 6px;
    padding-left: 4px;
}


.no-articles-message {
    background-color: #f8f9fa;  /* light gray background */
    padding: 3rem 1rem;         /* vertical and horizontal padding */
    margin-bottom: 1.5rem;      /* spacing below */
    text-align: center;          /* center the text */
    border-radius: 0.5rem;       /* rounded corners */
    border: 1px solid #dee2e6;  /* subtle border for definition */
}

.no-articles-message p {
    margin: 0;                   /* remove default margin */
    font-size: 1.25rem;          /* slightly larger text */
    color: #6c757d;              /* muted gray text */
    font-weight: 600;             /* semi-bold */
    line-height: 1.5;            /* improved readability */
}

/* Optional hover effect for subtle interactivity */
.no-articles-message:hover {
    background-color: #e9ecef;
    transition: background-color 0.3s ease;
}

.board-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem;
}

.board-card {
  width: 280px;
  background: #fff;
  border: 1px solid #eee;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.board-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}
.board-role{
  background: #f8f9fa;
  color: #3282B8;
}
.board-photo img {
  border: 3px solid #e0e0e0;
  padding: 3px;
  width: 150px;
  height: 150px;
}

/* ===== Recent Articles Section ===== */
.recent-articles {
  background: #fff;
  padding: 60px 0;
}


/* ===== Article Card ===== */
.article-card {
  border: none;
  border-radius: 10px;
  transition: all 0.9s ease;
  background-color: #fff;
  border-top: 1px solid #e9ecef;
  margin-bottom: 15px;
}

.article-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}

/* ===== Article Title ===== */
.article-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #212529;
  text-decoration: none;
  line-height: 1.6;
  display: inline-block;
  margin-bottom: 8px;
  transition: color 0.3s ease, text-decoration 0.3s ease;
}

.article-title:hover {
  color: #007bff;
  text-decoration: underline;
}

/* ===== DOI Text ===== */
.article-doi {
  color: #6c757d;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}

/* ===== Read More Button ===== */
.btn-readmore {
  background-color: #047dcc;
  color: #fff;
  border-radius: 20px;
  padding: 3px 16px;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  text-transform: capitalize;
  text-decoration: none;
}

.btn-readmore:hover {
  background-color: #0056b3;
  color: #fff;
}

/* ===== Card Footer ===== */
.article-meta {
  background-color: #f8f9fa;
  font-size: 0.85rem;
  color: #555;
  border-top: 1px solid #e9ecef;
}

/* ===== Show More Button ===== */
.btn-showmore {
  border: 1px solid #047dcc;
  color: #047dcc;
  background: transparent;
  border-radius: 4px;
  padding: 3px 18px;
  transition: all 0.3s ease;
  text-decoration: none;
}

.btn-showmore:hover {
  background-color: #007bff;
  color: #fff;
}

/* ===== Responsive Styles ===== */
@media (max-width: 576px) {
  .section-title {
    font-size: 1.3rem;
  }

  .article-title {
    font-size: 1rem;
  }

  .btn-readmore, .btn-showmore {
    font-size: 0.85rem;
    padding: 5px 12px;
  }
}


.journal-sidebar ul {
  padding-left: 0;
  list-style: none;
}

.journal-sidebar ul li {
  margin-bottom: 8px;
}

.journal-sidebar ul li a {
  text-decoration: none;
  color: #333;
  transition: color 0.3s;
}

.journal-sidebar ul li a:hover {
  color: #0d6efd;
}

.issue-articles {
      background: #fff;
      border-radius: .5rem;
      padding: 2rem;
      box-shadow: 0 0 10px rgba(0,0,0,0.05);
    }
        .archives-sidebar .list-group-item {
      cursor: pointer;
      padding: 5px;
    }
    .archives-sidebar .list-group-item.active {
      background-color: #047dcc;
      border-color: #233a52;
      color: #fff;
      font-weight: 600;
    }


.fixed-icon {
  position: fixed;
  bottom: 20px;    /* distance from bottom */
  right: 20px;     /* distance from right */
  width: 50px;     /* adjust size as needed */
  height: auto;
  z-index: 1000;   /* stays on top of other elements */
  cursor: pointer; /* optional: shows pointer on hover */
}
.contact-buttons a{
  min-width: 150px;
  border-radius: 0px;
}




/* Sidebar */
.sidebar {
    max-width: 260px;
    background-color: #fff;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    margin-bottom: 20px;
}

.sidebar h4 {
    font-weight: 700;
    margin-bottom: 15px;
    color: #0d6efd;
}

/* Issue List Buttons */
.issue-list button {
    width: 100%;
    text-align: left;
    margin-bottom: 8px;
    border-radius: 6px;
    padding: 10px 15px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #333;
}

.issue-list button:hover {
    background-color: #f0f8ff;
    border-color: #0d6efd;
}

.issue-list button.active {
    background-color: #0d6efd;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Articles Section */
.articles-section {
    margin-bottom: 30px;
}

/* Individual Article Card */
.article-card {
    background-color: #fff;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e2e2e2;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    transition: transform 0.2s, box-shadow 0.2s;
}

.article-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.article-card h5 {
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 8px;
    color: #0d6efd;
}

.article-card p {
    margin-bottom: 8px;
    font-size: 0.9rem;
}

.article-card a.btn {
    margin-right: 10px;
    border-radius: 5px;
    font-size: 0.85rem;
    padding: 6px 12px;
    transition: all 0.2s ease-in-out;
}

.article-card a.btn-danger:hover {
    background-color: #dc3545cc;
}

.article-card a.btn-primary:hover {
    background-color: #0d6efdcc;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
    .sidebar {
        max-width: 100%;
        margin-bottom: 25px;
    }
}

@media (max-width: 576px) {
    .article-card h5 {
        font-size: 1rem;
    }

    .issue-list button {
        font-size: 0.9rem;
        padding: 8px 12px;
    }
}


/* ----- TEXT LOGO DESIGN ----- */
.text-logo {
  display: inline-flex;
  flex-direction: column;
  text-decoration: none !important;
  line-height: 1.2;
  align-items: center; /* center alignment like a logo */
  gap: 4px;
  padding: 0 5px;
}

/* Main title: bold, embossed, gradient */
.logo-main {
  font-family: 'Cambria', serif;
  font-weight: 900;
  font-size: 1.3rem;
  text-transform: uppercase;
  background: linear-gradient(90deg, #1a1a1a, #555555);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.8px;
  text-shadow:
    0 1px 1px rgba(0,0,0,0.2),
    0 2px 2px rgba(0,0,0,0.1);
  display: inline-block;
  width: max-content;
  position: relative;
  transition: all 0.3s ease;
}

/* Sub title: gradient + glow effect */
.logo-sub {
  font-family: 'Cambria', serif;
  font-weight: 600;
  letter-spacing: 0.9px;
  text-transform: capitalize;
  width: 100%;
  text-align: center;
  border-top: 2px solid #004aad;
  padding-top: 6px;
  box-sizing: border-box;
  background: linear-gradient(90deg, #004aad, #007bff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15),
               0 0 5px rgba(0, 122, 255, 0.2);
  position: relative;
  transition: all 0.3s ease;
}

/* Optional decorative symbols */
.logo-main::before,
.logo-main::after,
.logo-sub::before,
.logo-sub::after {
  color: #007bff;
  margin: 0 5px;
  font-size: 0.9rem;
}

/* Hover effects: subtle glow & scaling */
/*.text-logo:hover .logo-main {
  background: linear-gradient(90deg, #0070e0, #00b4ff);
  transform: scale(1.03);
  -webkit-text-fill-color: transparent;
}

.text-logo:hover .logo-sub {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2),
               0 0 8px rgba(0, 122, 255, 0.3);
  border-top-color: #00b4ff;
  letter-spacing: 1px;
}*/

/* Centered in navbar */
.navbar-brand.text-logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0;
}

/* Mobile responsive design */
@media (max-width: 768px) {
  .logo-main {
    font-size: 1.1rem;
  }

  .logo-sub {
    font-size: 0.9rem;
    border-top-width: 1px;
  }
}
.btn-cta
{
  background: #3282B8;
  color: #fff;
  border-radius: 0px;
}
.btn-cta-home{
  background: #FF6F00;
  color: #fff;
}
.btn-cta-home:hover{
  background: #2098e3;
  color: #fff;
}
.btn-cta:hover
{
  background: #2098e3;
  color: #fff;
}


 .header-title {
      background-color: #047DCC;
      color: #fff;
      padding: 12px 25px;
      border-radius: 6px;
      text-align: center;
      margin: 30px 0;
    }
    .article-card {
      background: #fff;
      border: 1px solid #ddd;
      border-radius: 10px;
      padding: 20px;
      margin-bottom: 20px;
      box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    }
    .article-card p {
  text-align: justify;
  text-justify: inter-word;
  line-height: 1.6;
}
    .article-card h5 {
      font-weight: 700;
      color: #047DCC;
    }
    .article-meta {
      font-size: 14px;
      color: #555;
      padding: 20px;
    }
    .btn-pdf, .btn-download {
      color: white;
      border: none;
      padding: 6px 12px;
      border-radius: 5px;
      font-size: 14px;
      text-decoration: none;
    }
    .btn-pdf {
      background-color: #047DCC;
    }
    .btn-download{
      background-color: #dc3545;
        
    }
    .btn-pdf:hover {
      background-color: #003380;
      color: #fff;
    }
    
        .volume-header {
      background-color: #004aad;
      color: #fff;
      padding: 10px 20px;
      border-radius: 6px;
      margin-top: 30px;
    }
    .issue-header {
      background-color: #e9ecef;
      padding: 8px 15px;
      border-left: 5px solid #004aad;
      margin-top: 20px;
      border-radius: 4px;
      font-weight: bold;
    }