@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100..900&display=swap');

/* Remove default margin and padding */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Reduce overall page spacing */
html, body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    overflow-x: hidden;
    font-family: 'Encode Sans', sans-serif !important;
}

/* Make the content full width with minimal side spacing */
.container {
    max-width: 100%;         /* Expands the content to full width */
    padding: 0 70px;         /* Adds slight inner spacing */
    margin: 0;               /* Removes outer margin */
}
/* Navbar Styling */
.navbar-brand img {
    margin-right: 5px;
}

.navbar-nav {
    gap: 2rem !important;
}
.nav-item a{
    color: #2A2A2A;
    font-family: 'Encode Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.form-control {
    border-radius: 0px;
}

.nav-item .btn-custom {
    background-color: #41B7FE; /* Light blue color */
    color: white;
    font-weight: bold;
    border: none;
    padding: 8px 30px;
    font-size: 16px;
    border-radius: 0px;
    transition: all 0.3s ease;
    display: inline-block;
    text-align: center;
}

/* Hover Effect */
.btn-custom:hover {
    background-color: #1e88e5; /* Darker blue on hover */
    color: white;
}

/* .home-banner {
    width: 600px;
} */

.form-control-search {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    /* border-radius: var(--bs-border-radius); */
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.search-box {
    position: relative;
    width: 380px;
    margin-right: 30px;
}

.search-input {
    width: 100%;
    border-radius: 0px;
    font-size: 16px;
    outline: none;
}

.search-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.row {
    display: flex;
    align-items: stretch;
}

/* .col-md-6 {
    display: flex;
} */

.card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
    width: 100%;
}

.search-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.header-profile-user{
    height: 32px;
    width: 32px;
}


/* Banner Section */
.banner-section {
    background: url('../images/banner-img.png') no-repeat center center;
    background-size: cover;
    background-position: center; /* keep centered */
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    min-height: 350px;
}

/* Articles section */
.updates-articles-section {
    background-color: #FFFF;
}

.custom-card {
    background-color: #EEF5FF;
    padding: 20px;
    border: 0px;
    border-radius: 0px;
}


.custom-card h5 {
    font-size: 17px;
    font-weight: bold;
}

.section-title {
    font-weight: 600;
    font-size: 20px;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
    margin-bottom: 18px;
    color: #151515;
}


.featured-item {
    margin-bottom: -10px;
}

.update-item h5 {
    font-size: 17px;
    font-weight: bold;
}

.update-date {
    color: #20A9FC;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}

.authors a {
    color: #0E5952;
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
    line-height: 0.1;
}

.journal {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    line-height: 0.1;
}

.volume {
    font-size: 16px;
    color: #666971;
}

.journal-title {
    font-size: 16px;
    font-weight:500;
    margin-bottom: 5px;
}

.featured-image {
    width: 100%;
    max-width: 150px;
    height: auto;
    display: block;
    margin: 10px 0;
}

hr {
    border: none !important; /* Remove default border */
    border-top: 2px dashed #000000 !important;
}

.btn-custom-card {
    background-color: #41B7FE;
    color: white;
    font-weight: bold;
    border: none;
    padding: 8px 10px;
    font-size: 16px;
    border-radius: 0px;
    transition: all 0.3s ease;
    display: inline-block;
    text-align: center;
    width: 200px;
}

/* Hover Effect */
.btn-custom-card:hover {
    background-color: #1e88e5; /* Darker blue on hover */
    color: white;
}

.custom-card-articles {
    background-color: #F4FBFF;
    padding: 20px;
    border: 0px;
    border-radius: 0px;
}

.article-item h5 {
    font-size: 17px;
    font-weight: bold;
    margin-top: -10px;
}

.article-item .articles-para {
    font-size: 18px;
    color: #151515;
    margin-top: 5px;
    font-weight:400;
}

.articles-title, .journals-title{
    font-size: 19px;
    font-weight:600;
    cursor: pointer;
    text-decoration:none;
    color:#151515;
}

.a-tag{
    cursor: pointer;
    text-decoration:none;
    color:white;
}

.journal-title-container{
/* border-bottom: 1px solid #CACACA; */
}

.journals-title{
  font-size:18px;
  margin-bottom: 15px;
  -webkit-line-clamp: 1 !important;
}

.articles-title:hover, .journals-title:hover {
    color: #41B7FE;
}


.custom-card-articles hr {
    border: none !important; /* Remove default border */
    border-top: 2px dashed #000000 !important;
    margin-top: 0px;
}


.custom-card-featured {
    background-color: #EEF5FF;
    padding: 20px;
    border: 0px;
    border-radius: 0px;
}

.featured-item h5 {
    font-size: 17px;
    font-weight: bold;
}

.featured-editor {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
}

.featured-author {
    color: #0E5952;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    line-height: 0.1;
}

.featured-access p {
    font-size: 16px;
    color: #666971;

}

.latest-downloaded-articles-section {
    background-color: #DBE9FC;
}

.downloaded-custom-card, .latest-custom-card{
    background-color: #F4FBFF;
    padding: 20px;
    border: 0px;
    border-radius: 0px;
}

.downloaded-custom-card .btn, .latest-custom-card .btn  {
    width: 130px !important;
}

/* Most downloaded and latest articles */
.downloaded-custom-card hr {
    border: none !important; /* Remove default border */
    border-top: 2px dashed #000000 !important;
    margin-top: 2px;
}


.card .latest-custom-card hr {
    border: none !important; /* Remove default border */
    border-top: 2px dashed #000000 !important;
    margin-top: 6px;
}

/* Footer content */
.footer {
    background-color: #01131D;
    color: #ffffff;
    padding: 40px 0px 0px 0px;
    min-height: 350px;
    outline: none !important;
}

.footer-brand {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-title {
    font-size: 20px;
    font-weight: bold;
}

.footer-text {
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.5;
    color: #b0b8c1;
}

.social-icons {
    margin-top: 15px;
    gap: 5;
}

.social-icons a {
    color: #ffffff;
    font-size: 18px;
    margin-right: 10px;
    transition: color 0.3s;
    margin-right: 16px;
}

.social-icons a:hover {
    color: #1da1f2; /* Change color on hover */
}

.footer-contact-a:hover{
text-decoration:underline !important;
}

.footer-heading {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: bold;
}

.footer-links {
    list-style: none;
    line-height: 1.2;
    padding: 0;
    font-size: 18px;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-links a {
    color: #b0b8c1;
    text-decoration: none;
    transition: color 0.3s;
}

.footer-links a:hover {
    color: #1da1f2;
}

.newsletter-form {
    display: flex;
}

.newsletter-input {
    flex: 1;
    padding: 10px;
    border: none;
    border-radius: 4px 0 0 4px;
    background-color: #1a2c42;
    color: #ffffff;
}

.btn-subscribe {
    padding: 10px 15px;
    border: none;
    background-color: #41B7FE;
    color: #ffffff;
    cursor: pointer;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 600;
    transition: background-color 0.3s;
}

.btn-subscribe:hover {
    background-color: #0d8ddb;
}

.footer-bottom {
    background-color: #041A26;
    text-align: center;
    padding: 5px 0;
    margin-top: 6%;
    font-size: 16px;
    color: #b0b8c1;
}

.footer-bottom p {
    color: #b0b8c1;
    font-size: 16px;
    margin-top: 10px;
    text-decoration: none;
}

.footer-bottom a {
    color: #b0b8c1;
    font-size: 16px;
    text-decoration: none;
}

.footer-bottom a:hover {
    text-decoration: underline;
}



/* Publications CSS */

.publication-banner-section {
    background: url('../images/publications-images/p-banner.png') no-repeat center center/cover;
    background-size: cover;
    background-position: center; /* keep centered */
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    min-height: 350px;
}
.publication-banner-section h2 {
    font-family: 'Encode Sans', sans-serif;
    margin-left: -35px;
    margin-bottom: 10px;
}

.publication-search-box {
    position: relative;
    width: 70%;
    margin-left: -35px;
}

.publication-search-input {
    width: 100%;
    border-radius: 0px;
    font-size: 16px;
    outline: none;
    border-radius: 4px;
    padding: 18px 20px;
}

.publication-search-input::placeholder {
    color: #4A4D58 !important;
    opacity: 1;
}

.publication-search-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.filter-upd {
   margin: 18px -20px;
}


.filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #41B7FE;
    color: #FFFF;
    font-weight: bold;
    padding: 18px 10px;
    width: 85%;
}

.clear-btn {
    color: #FFFF;
    cursor: pointer;
    font-weight: 700;
    font-size: 15px;
    text-decoration: underline;
}
.filter-group h5 {
    font-size: 17px;
    color: #000;
    font-family: 'Encode Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
}


/* Style for the larger checkboxes */
.large-checkbox,.large-checkbox-type {
    width: 20px;  /* Adjust width */
    height: 20px; /* Adjust height */
    cursor: pointer;
    margin-right: 8px;
}

/* Optional: Styling the label for better alignment */
.checkbox-label {
    display: flex !important;
    align-items: center;
    gap: 10px;
    font-size: 18px;   /* Increase label font size */
    font-weight: 400;
    margin-bottom: 10px;
    color: #151515;
}


.sticky-nav {
    position: sticky;
    top: 10px;
}

.pub-card {
    display: flex;
    flex-direction: column;
    width: 85%;
}

.pub-dropdown {
    border: 1px solid #71747D;
    border-radius: 5px;
}

.custom-select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-select {
    appearance: none;  /* Removes default arrow */
    width: 100%;
    padding: 10px 40px 10px 15px;
    border: 1px solid #7D818D;
    border-radius: 5px;
    background: #fff;
    color: #555;
    cursor: pointer;
    transition: 0.3s;
}

.custom-select:hover {
    border-color: #7D818D;
}

.custom-select:focus {
    outline: none;
    border-color: #7D818D;
    box-shadow: 0 0 5px #7D818D;
}

/* Dropdown Icon */
.dropdown-icon {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    font-size: 12px;
    color: #71747D;
    pointer-events: none;
}

.alphabet-container {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;               /* Adds equal spacing between buttons */
    justify-content: start;
}

.alphabet-btn {
    background: #ffffff;
    color: #979797;
    border: 1px solid #77C6F6;
    border-radius: 5px;
    margin: 3px 3px 3px -3px;
    cursor: pointer;
    transition: 0.3s;
    font-size: 14px;
    width: 22px;
    height: 22px;
    text-align: center;
    align-items: center;
    font-weight: 500;
}

.alphabet-btn:hover {
    background: #41B7FE;
    color: #fff;
}

.alphabet-btn.selected {
    background-color: #41B7FE;  /* Blue color for selection */
    color: #fff;               /* White text */
    border-color: #41B7FE;
}

.content-header h5{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #151515;
    font-size: 28px;
    font-weight: 600;
    margin-top: 18px;

}

.content-header p {
    margin-top: 25px;
    padding-top: -20px;
    color: #000000;
    font-weight: 500;
}

.content-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #151515;
    font-size: 18px;

}

.content-section {
    padding: 0px;
    margin-top: -10px;
}

.content-section hr {
    border: none !important; /* Remove default border */
    border-top: 2px dashed #000000 !important;
    margin-top: 1px;
}

.banner-content {
    margin-left: 35px;
}


/* Journal Cards Layout */
.journal-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.journal-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 calc(33.333% - 13.33px); 
    max-width: calc(34.333% - 13.33px);
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s;
    cursor: pointer;
    padding: 10px;
}


.journal-card-picture {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background-color: #f5f5f5;
}

.card-banner-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Content Styling */
.journal-content {

    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 16px 5px;
    margin: -12px 4px;
}

/* .journal-content h4 {
    font-family: 'Encode Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    margin-left: -13px;
    padding: 3px 0px 15px;
    line-height: 1.4;
    border-bottom: 1px solid #CACACA;
    box-shadow: inset 0 -4px 0 #fff;
    width: 270px;
} */

.journal-footer {
    margin-top: auto;
    display: flex;
    justify-content: space-between;    /* Space between elements */
    align-items: center;               /* Vertical alignment */
    flex-wrap: nowrap;                 /* Prevent wrapping */
    white-space: nowrap;               /* Ensure no word breaks */
    padding: -20px 15px;
    font-size: 16px;
    color: #555;
    border-top: 1px solid #CACACA;
}
.open-access {
    color: #0E5952;
    font-weight: 600;
    font-size: 17px;
    margin-left: -15px;
}

.issn {
    color: #151515;
    font-weight: 400;
}

.open-access, .issn {
 margin: 10px 0px
}

.text-color{
 color:#1fa3f2;
 font-size:15px;
 font-weight:500;
}

.open-access img {
    width: 23px;
    height: 23px;
}

/* Highlight text */
.highlight {
    color: #41B7FE;
    font-weight: bold;
}



/* Responsive Design */
@media (max-width: 992px) {
    .journal-card {
        width: calc(50% - 20px); /* 2 cards in a row on medium screens */
    }
}

/* Journal Detail */

.journal-banner-section {
    background: url('../images/journal-images/j-detail-img.png') no-repeat center center/cover;
    background-size: 100% auto;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    position: relative;
    margin-top: -25px;
}

.journal-img {
    max-width: 220px;  /* Set the maximum width */
    max-height: 300px; /* Set the maximum height */
    width: 100%;
    height: auto;
    overflow: hidden;   /* Prevent overflow */
}

.journal-img img {
    width: 100%;        /* Make the image fill the container */
    height: auto;        /* Maintain aspect ratio */
    object-fit: contain; /* Ensure the image fits properly */
}

.journal-title h2 {
    font-size: 1.8rem;
    color: #FFFFFF;
}

.journal-title p {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500;
}

.journal-title .j-description {
    color: #FFFFFF;
    width: 92%;
    font-size: 17px;
    font-weight: 500;
}

.btn-manuscript {
    background-color: #41B7FE;
    color: white;
    font-weight: bold;
    border: none;
    padding: 8px 10px;
    font-size: 16px;
    border-radius: 0px;
    transition: all 0.3s ease;
    display: inline-block;
    text-align: center;
    width: 220px;
}

.btn-manuscript:hover {
    background-color: #1e88e5; /* Darker blue on hover */
    color: white;
}

.journal-menu li {
    position: relative;       /* Ensure ::after is positioned relative to li */
    width: 100%;              /* Make li full width */
}

/* Full-width dashed border after every li */
/* .journal-menu li::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    border-bottom: 1.5px dashed #5a5959 !important;
    bottom: 0;

} */

.journal-menu-upd {
    border: 1px dashed #000 !important;
    margin: 18px 2px;
 }

/* Remove border after last li */
.journal-menu li:last-child::after {
    display: none;
}

/* Styling for links */
.journal-menu a {
    display: block;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    width: auto;
    height: 25px;
    transition: background 0.3s, color 0.3s;
}

.journal-description-container {
    font-size: 18px;
}

.journal-description-container p{
    margin: 0px;
}

.description-details p{
    margin-top: -7px;
}

.donloaded-content-header h5{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #151515;
    font-size: 24px;
    font-weight: 600;
}

.journals {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    margin-top: -7px;
}

.border-left {
    border-left: 2px dashed #ccc;    /* Vertical line style */
    padding-left: 20px;             /* Add spacing */
}

.journal-dropdown-icon {
    display: flex;
    justify-content: flex-end;
   width: 16px;
   margin-left: 35px !important;
}


.dropdown-list li {
    margin-top: 10px;
    list-style: disc;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
}

.dropdown-list .vol-issue {
  list-style: none;
  margin-left: -22px;
  margin-right: 10px;
}

.vol-dropdown-list li {
    margin-top: 5px;
    list-style: disc;
    color: #000;
    font-weight: 400;
}



.vol-dropdown-list .vol-issue {
    list-style: none;
    margin-left: -22px;
    margin-right: 10px;
}

.vol-issue img, .vol-issue-img{
   width: 20px;
   height: 20px;
}

.journal-menu .active {

    background-color: #41B7FE;
    color: #FFFF;
    font-weight: bold;
    padding: 18px 10px;
}

.filter-header-selected {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #41B7FE;
    color: #FFFF !important;
    font-weight: bold;
    padding: 18px 10px;
    width: 90%;
    border-bottom: 1.5px dashed #939292;
}

.filter-header-selected a {
    color: #FFFF !important;
    padding-left: 5px;
}

.filter-header-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #EEF5FF;
    color: #FFFF;
    font-weight: bold;
    padding: 18px 10px;
    width: 90%;
    border-bottom: 1.5px dashed #939292;
}

.filter-header-list a {
    padding-left: 5px;
}
.journal-title-common:hover{
   color: #41B7FE; /* active color */
}

.v-i-a-count{
display:block !important;
margin:0px !important;
}

.filter-header-selected > a .link-text:hover {
  text-decoration: underline;
  text-decoration-color:#FFFF !important;
}

.filter-header-list > a .link-text:hover  {
  text-decoration: underline;
  text-decoration-color: #000; /* color for list */
}

/* Ensure icon has no underline */
.filter-header-selected > a > i,
.filter-header-list > a > i {
  text-decoration: none;
}

/* Only underline the text span on hover */
.nestedli > a:hover .link-text,
.nestedissue > a:hover .issues-list,
.nestedli > a:hover .volumes-list {
  text-decoration: underline;
}

/* Color for activered links on hover */
.nestedli > a.activered:hover .link-text,
.nestedissue > a.activered:hover .issues-list,
.nestedli > a.activered:hover .volumes-list {
  text-decoration-color: #41B7FE; /* active color */
}

/* Color for non-active links on hover */
.nestedli > a:not(.activered):hover .link-text,
.nestedissue > a:not(.activered):hover .issues-list,
.nestedli > a:not(.activered):hover .volumes-list {
  text-decoration-color: #000; /* default color */
}

/* Remove border after last li */
.filter-header-list:last-child {
    border-bottom: none;
}

.article-card {
    background: #FFF;
    border: 1px solid #00000026;
    border-radius: 10px;
    box-shadow: 0px 8px 24px 0px #00000026;
}
.article-card .journal-article-card-innercard{
    padding: 12px 20px 0px;
}

/* .article-card:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
} */

.article-type {
    color: #41B7FE;
    font-size: 16px;
    font-weight: 600;
}

h6 {
    font-size: 18px;
    color: #333;
    margin: 10px 0;
}

.authors a {
    color: #0E5952;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
}

/* .authors a:hover {
    text-decoration: underline;
} */

.article-meta {
    color: #555;
    font-size: 18px !important;
    font-weight: 600;
    color: #7D818D;
    margin: 10px 0;
}

.opn {
    color: #000;
}


.download-btn {
    background-color: #41B7FE;
    color: white;
    font-weight: 600;
    border: none;
    padding: 6px 8px;
    font-size: 16px;
    border-radius: 0px;
    transition: all 0.3s ease;
    display: inline-block;
    text-align: center;
    width: 150px;
}

.download-btn:hover {
    background-color: #1e88e5; /* Darker blue on hover */
    color: white;
}

.actions-bar {
    border-top: 1px solid rgb(221, 221, 221);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;    
    background: #F4F4FC;
    padding:10px 17px 10px 8px;
}

.actions-bar .links a{
    color: #000;
    font-weight: bold;
    text-decoration: 1px underline;
}

.actions-bar .links a:hover{
    color: #007bff;
}

.theme-color {
    color: #007bff !important;        /* Blue color */
    font-weight: 500;      /* Make it slightly bolder for visibility */
}

.vol-dropdown-list ul li.issue-active {
    color: #007bff;
}

.volume-toggle {
    text-decoration: 1px underline;
}

.vol-header-list {
    width: 85%;
    background-color: #EEF5FF;
    margin-top: -15px;
    padding-bottom: 15px;
    border-bottom: 1.5px dashed #939292;

}

/* Preview Page */

.article-access-img {
    width:16px;
    height:auto;
    object-fit: contain;
    margin-right: -15px;
}
.article-vol-img {
    width: auto;
    height: 20px;
    margin-right: -15px;
}

h5.download-metrics-d {
    font-size: 19px !important;
    font-weight: 600 !important;
    text-align: start;
    padding-left: 8px;
    color: #20A9FC !important;
}
h5.download-metrics-d.views{
    border-right: 1px solid #CCCCCC;
}
h5.download-metrics-d span{
    font-size: 20px !important;
    color: #000 !important;
    margin-left: 2px;
    padding-right: 10px;
}
.black-hover-article-vi, .article-access span{
  color: #71747d !important;
  text-decoration: none;
}
.black-hover-article-vi:hover{
  text-decoration: underline;
}

.page-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000;
    font-size: 17px;
    font-weight: 500;
    margin-top: -8px;
}
.page-nav a {
    text-decoration: none;
    color: #333;
    display: flex;
    align-items: center;
}
.page-nav a:hover {
    color: #41B7FE;
}

.prev-icon {
    color: #41B7FE;
    margin-right: 5px;
    font-size: 35px;
    font-weight: 400;
    margin-top: -8px;
}

.nxt-icon {
    color: #41B7FE;
    margin-left: 5px;
    font-size: 35px;
    font-weight: 400;
    margin-top: -8px;
}

.authors {
color:#0E5952;
font-weight:500;
font-size: 14px;
}

.actions-bar {
    display: flex;
    gap: 10px;
}

.page-head-content {
    margin: 12px 0;
}
.page-head-content h2 {
    color: #41B7FE;
    font-size: 20px;
    margin: 0;
}
.page-head-content div {
    font-size: 22px;
    font-weight: 500;
    /* width: 75%; */
    color: #111;
    margin: 10px 0;
}

.article-view {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.view-btn {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: -6%;
}
.articlebtn {
    background-color: #41B7FE;
    color: white;
    border: none;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.3s;
    width: 250px;
}
.articlebtn:hover {
    background-color: #1e90ff;
}

.article-details-1 {
    font-size: 18px;
}


.btn-group {
    display: flex;
    gap: 10px;
}
.article-btn {
    padding: 8px 20px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
    transition: background 0.3s;
}
.article-btn.active {
    background-color: #56b9f5;
    color: white;
}
.article-btn.inactive {
    background-color: #ccc;
    color: #333;
}
.content-box {
    margin-top: 20px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
ul {
    list-style-type: disc;
    margin: 0;
    padding: 0 20px;
    line-height: 1.8;
}
ul li {
    font-size: 16px;
    color: #333;
}

.detail-title {
    color: #20A9FC;
    font-weight: 600;
}

/* Overall Search Page css */

.search-banner-section {
    background-color: #EAF5FB;
    background-size: cover;
    background-position: center; /* keep centered */
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    min-height: 350px;
}


.form-control, .form-select {
    border: 2px solid #ccc;
    padding: 15px;
    font-size: 14px;
    margin-top: -5px;
}

.form-select {
    border-radius: 0px !important;
}


.form-control::placeholder,
.form-select::placeholder {
    font-size: 18px;
    color: #999;
    font-weight: 400;
}

.text-primary {
    color: #00695c !important; /* Link color */
}

.text-primary:hover {
    text-decoration: underline;
}

.search-heading {
    font-size: 17px;
    font-weight: 600;
    /* width: 50%; */
    color: #000;
}

.btn-custom-search ,.btn-custom-search:hover {
    background-color: #41B7FE;
    color: white;
    font-weight: 700;
    border: none;
    padding: 8px 10px;
    font-size: 17px;
    border-radius: 0px;
    transition: all 0.3s ease;
    display: inline-block;
    text-align: center;
    width: 130px;
    height: 40px;
}

.btn-custom-reset ,.btn-custom-reset:hover{
    background-color: white;
    color: #41B7FE;
    font-weight: 700;
    border: none;
    padding: 8px 10px;
    font-size: 17px;
    border-radius: 0px;
    transition: all 0.3s ease;
    display: inline-block;
    text-align: center;
    width: 130px;
    height: 40px;
}

/* Journal metrics css */
.journal-metrics-container {
    border-radius: 8px;
    padding: 20px;
    background-color: #EEF5FF;
  }

  .metrics-header h4 {
    color: #0E5952;
    font-size: 20px;
    margin: 0;

  }

  .metrics-header p {
    color: #151515;
    font-size: 18px;
    border-bottom: 1.5px dashed #83B4D1;
    line-height: 2;
  }

  .metrics-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    position: relative;
  }

  .metrics-grid h4 {
    color: #0E5952;
    font-size: 20px;
    margin: 0;
  }

  .metrics-grid p {
    color: #151515;
    font-size: 18px;
    margin: 5px 0 0;
  }

  /* Add border-bottom after each row */
.metrics-grid > div {
    position: relative;
}

/* Border after every 4th column (end of each row) */
.metrics-grid > div:nth-child(n) {
    border-bottom: 1.5px dashed #83B4D1;
    padding-bottom: 15px;  /* Add spacing */

}

/* Remove bottom border for the last row */
.metrics-grid > div:nth-last-child(-n + 4) {
    border-bottom: none;
}

  @media (max-width: 768px) {
    .metrics-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 480px) {
    .metrics-grid {
      grid-template-columns: 1fr;
    }
  }

  /* Journal Updates */
  .updates-title {
    font-size: 19px;
    font-weight: 600;
    color: #000;
  }


  .search-container {
    background: #EAF5FB; /* Light blue background */
    padding: 30px;
    border: 2px soild #EAF5FB;
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(8, 1, 1, 0.1);
    max-width: 1100px;
    margin: 0 auto;
}

/* Title styling */
.search-container h3 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
}

/* Search box styling */
.update-search-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Input field */
.update-search-box input {
    flex: 1;
    padding: 10px 20px;
    border: 1px solid #ccc;
    font-size: 14px;
    outline: none;
    transition: all 0.3s;
}

.update-search-box input::placeholder {
    color: #999;
}

/* Input hover effect */
.update-search-box input:hover {
    border-color: #83B4D1;
}

/* Search button */
.update-search-btn {
    background: #41B7FE; /* Blue button */
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    transition: background 0.3s;
}

.update-search-btn:hover {
    background: #3498db; /* Darker blue on hover */
}

/* Arrow icon styling */
.update-search-btn span {
    font-size: 16px;
}


#volumeissuetag[aria-expanded="false"]  #volumeissuearrow.fa:before {
  content: "\f107";
  font-size: 25px;
  color: #41B7FE;
}

#volumeissuetag[aria-expanded="true"]  #volumeissuearrow.fa:before {
  content: "\f106";
  font-size: 25px;
  color: #41B7FE;
}

#aboutUsToggle[aria-expanded="false"] #aboutUsArrow.fa::before {
    content: "\f107"; /* down arrow */
    font-size: 20px;
    color: #41B7FE;
  }

  #aboutUsToggle[aria-expanded="true"] #aboutUsArrow.fa::before {
    content: "\f106"; /* up arrow */
    font-size: 20px;
    color: #41B7FE;
  }

.volumetag .volumesymbol:before {
  content: "+";
  font-size: x-large;
  font-weight: bolder;
  font-size: 21px; /* or try 1rem, 0.875rem, etc. */
}

.volumetag[aria-expanded="true"] .volumesymbol:before {
  content: "−";
  font-size: x-large;
  font-weight: bolder;
  font-size: 21px; /* or try 1rem, 0.875rem, etc. */
}
.activered{
  color: #41B7FE !important;
}

.hovereffect[aria-selected="false"]{
  border: none;
}

.volume-issue-display{
display:block !important ;
}

.nestedli{
  padding-top: 1rem;
  padding-left: 1rem;
  list-style: none;
}

.nestedissue{
  padding-top: 1rem;
  margin-left: 3rem;
  list-style-type: disc;
}

.citation-box {
  background-color: #F4F7F8;
  color: rgb(0, 0, 0);
  border-radius: 5px;
  border: 1px solid #D8DAEE;
  /* border: 1px solid; */
}

.format-text {
  font-weight: bold;
}

.btn.btn-primary.copy-button{
  background: none;
  color: #000;
  border: none !important;
  font-weight: bold;
  text-decoration-line: underline;
}

#selectCitation {
  width: 16%;  /* Adjust as needed */
  height: 40px; /* Adjust height as needed */
  border-radius: 5px;
  border: 1px solid #ccc; /* Optional: Add a border */
  padding: 5px; /* Optional: Adjust padding */
}

.btn.custom-btn-green {
  background-color: #41B7FE;
  color: white;
  border: none;
  padding: 10px 20px;
  border:  none;
}

.btn.custom-btn-gray {
  background-color: #D9DCE1;
  color: black;
  padding: 10px 20px;
  border:  none;
}

.custom-btn-green:hover,
.custom-btn-gray:hover {
    --bs-btn-hover-border-color: transparent !important;
}

.btn.btn-primary.previous-page{
  padding: 8px 16px;
  font-size: 20px;
  font-weight: 500 !important;
  text-decoration: none;
  color: rgb(0, 0, 0);
  border: none;
  background-color: transparent;
}

.plush {
  width: 18px;
  height: 18px;
  border: 2px solid #41B7FE;
  border-radius:50%;
  position: relative;
}

.page-head-content p {
    font-size: 22px;
    font-weight: 500;
    /* width: 75%; */
    color: #111;
    margin: 10px 0;
}

.multiline-truncate{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.multiline-truncate-block{
    width: 200px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.clamp-text {
    font-weight:600;
    cursor: pointer;
    text-decoration:none;
    color:#151515;
    font-size:18px;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;        /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;           /* Adjust based on font-size */
    max-height: 2.8em;            /* 1.4em * 2 lines */
    white-space: normal;
    word-break: break-word;
    cursor: pointer;              /* Optional: make it feel interactive */
}
.clamp-text:hover{
    text-decoration: underline;
    transition: all 0.5s ease-in-out;
} 

.p-tag-container p , .articles-para p{
    font-size: 18px;
    margin:0px !important ;
    font-weight: 500;
}

.fit-cont{
height:fit-content;
}

/* Overall Search Page css */

  @media (max-width: 768px) {
    .metrics-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 480px) {
    .metrics-grid {
      grid-template-columns: 1fr;
    }
  }

  /* Journal Updates */
  .updates-title {
    font-size: 19px;
    font-weight: 600;
    color: #000;
  }


  .search-container {
    background: #EAF5FB; /* Light blue background */
    padding: 30px;
    border: 2px soild #EAF5FB;
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(8, 1, 1, 0.1);
    max-width: 1100px;
    margin: 0 auto;
}

/* Title styling */
.search-container h3 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
}

/* Search box styling */
.update-search-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Input field */
.update-search-box input {
    flex: 1;
    padding: 10px 20px;
    border: 1px solid #ccc;
    font-size: 14px;
    outline: none;
    transition: all 0.3s;
}

.update-search-box input::placeholder {
    color: #999;
}

/* Input hover effect */
.update-search-box input:hover {
    border-color: #83B4D1;
}

/* Search button */
.update-search-btn {
    background: #41B7FE; /* Blue button */
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    transition: background 0.3s;
}

.update-search-btn:hover {
    background: #3498db; /* Darker blue on hover */
}

/* Arrow icon styling */
.update-search-btn span {
    font-size: 16px;
}


.search-input{
    padding: 8px 10px;
    width: 100%;
    border: 1px solid #d0d0d1;
    /* border-radius: 5px; */
    /* padding:10px;
    width:100%;
    border: 1px solid #7D818D;
    border-radius:6px; */
}

.search-subject-input{
    padding: 5px 10px;
    width: 100%;
    border: 2px solid #d0d0d1;
    border-radius: 5px;
    /* padding:10px;
    width:100%;
    border: 1px solid #7D818D;
    border-radius:6px; */
}


    .dropdown-content {
      display: none;
      position: absolute;
      width: 100%;
      max-height: 200px;
      overflow-y: auto;
      background-color: white;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
      z-index: 1;
      margin-top: 5px;
      padding: 0;
      list-style: none;
    }

      .dropdown-content.show {
        display: block;
      }

    .dropdown-content li {
      padding: 8px;
      cursor: pointer;
    }

    .dropdown-content li:hover {
      background-color: #ddd;
    }

    .show {
      display: block;
    }

    .input-image-con{
    display:flex;
    position:relative;
    }

    .img-ele{
    position:absolute;
    right:10px;
    top:44%
    }

    .transform-scale {
      transform: scaleY(-1);
    }

    .content-position {
        margin-left: -28px;
    }

    .publication-content {
        margin-left: -20px;
    }

    .content-position {
        margin-left: -28px;
    }

    .publication-content {
        margin-left: -20px;
    }

    /* Contact us css */
    .contactus-banner-section {
        background: url('/assets/tide/images/contactus-banner-img.png') no-repeat center center;
        background-size: cover;
        background-position: center; /* keep centered */
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        min-height: 350px;
    }

    .contact-content-section hr {
        margin: 0.5rem 0;
        width: 88%;
    }

    .contact-item h5 {
        font-size: 18px;
        font-weight: 600;
        color: #000;
    }

    .contact-item p {
        font-size: 18px;
        color: #151515;
        margin-top: 1px;
    }

    .form-control-contactus {
        display: block;
        width: 100%;
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-body-bg);
        border: 1px solid #ccc;
        border-radius: 3px;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

/* About Us Css */

.aboutus-banner-section {
    background: url('/assets/tide/images/about-us/aboutus-banner-img.png') no-repeat center center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    min-height: 350px;
}

.aboutus-content-header {
    justify-content: space-between;
    align-items: center;
    color: #151515;
    font-size: 18px;
}

.aboutus-content-header h5{
    font-size: 30px;
    font-weight: 700;
}

.aboutus-description-container {
    display: flex;             /* Use flexbox */
    flex-direction: column;    /* Stack paragraphs vertically */
    align-items: center;       /* Center content horizontally */
    text-align: justify;       /* Justify the text content */
    max-width: 870px;          /* Optional: Set a max-width for better readability */
}


.aboutus-description-container p{
    font-size: 18px;
    justify-content: center;
    align-items: center;
}

.aboutus-content hr {
    width: 95%;
}

.aboutus-img {
    height: 500px; 
    width: 450px; 
    margin-top: 20px;
}

.our-values-section {
    background-color: #fff;
}

.our-values-section h2 {
    font-weight: 600;
}

/* .our-values-content {
    padding: 0px 130px;
} */

.our-values-content p {
    font-size: 20px;
    font-weight: 700;
    padding: 10px 0px;
}

.value-icon {
    width: 160px;
    height: 160px;
}

.value-card p {
    margin-top: 10px;
    font-weight: bold;
    color: #333;
}

.our-team-section h2 {
    font-weight: 600;
    color: #000;
}

.our-team-section {
    margin-top: -15px;
}


.team-card {
    background: #fff;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s;
    text-align: center;
}

.team-img {
    /* width: 100%; */
    height: 282px;
    object-fit: cover;
    margin: 20px 10px;
}

.team-info {
    padding-left: 22px;
}

.team-info h5 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    color: #333;
    text-align: left;
    line-height: 1.5;
}

.team-info p {
    font-size: 18px;
    color: #666;
    text-align: left;
}

.team-details img {
    margin: 0;
    padding: 0;
}

.our-affiliations-section {
    background-color: #fff;
}

.our-affiliations-section h2 {
    font-weight: 600;
    color: #000;
}

.our-affiliation-content {
    margin-top: -10px;
}

.our-affiliation-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0px 28px;
    transition: transform 0.3s ease-in-out;
}

/* Ethics Page CSS */
.ethics-banner-section {
    background: url('/assets/tide/images/ethics-banner-img.png') no-repeat center center;
    background-size: 100% auto;
    min-height: 350px;
    display: flex;
    align-items: center;
}

.ethics-description-container {
    display: flex;             /* Use flexbox */
    flex-direction: column;    /* Stack paragraphs vertically */
    align-items: center;       /* Center content horizontally */
    text-align: justify;       /* Justify the text content */
}

.ethics-description-container p{
    font-size: 18px;
    justify-content: center;
    align-items: center;
}

.ethics-sub-heading {
    font-family: 'Encode Sans', sans-serif;
    font-size: 22px;
    font-weight: 350;
}

.ethics-content ul li{
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
    color: #0E5952;
}

.latest-vol-issues {
    /* width: 244px; 
    height: 30px; */
    width: 135px; 
    height: 185px;
    margin-top: 0px;
    border-radius: 6px;
}

.featured-cover-img {
    width: 125px; 
    height: 155px;
    object-fit: cover; 
    border: 1px solid #A6BCC9;

    /* width: 125px; 
    height: 165px;
    border: 1px solid #A6BCC9; */
}

.type-of-article {
  display: inline-block;  /* ensures ::first-letter works */
  text-transform: lowercase;
}

.type-of-article::first-letter {
  text-transform: uppercase;
}

/*  */

.update-item > *:not(:last-child) {
  margin-bottom: 0.35rem; /* adjust as needed */
}

.hr-spaced {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.vol-issues-txt {
    font-size: 17px;
}

.featured-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; /* or center if you want vertical centering */
  gap: 12px; /* optional spacing between columns */
}

.featured-access p {     
  line-height: 1.3;  /* reduce line height */
}

.issn-print {
    margin-left: -30px;
}
.view-all, .view-all-download, .view-all-latest {
    text-decoration: underline; 
    font-size: 17px; 
    font-weight: 700;
}
.page-btn {
    width: 40px;
    height: 40px;
}
.authors {
    font-size: 18px !important;
}
.cap-first-letter {
    text-transform: lowercase;
    display: inline-block;
}

.cap-first-letter::first-letter {
    text-transform: uppercase;
}
.article-division {
    margin: 35px 0px;
}

.journal-banner-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.journal-banner {
    width: 100%;
    max-height: 346px;
    height: 345px; 
    background-size: cover;  /* maintain aspect ratio and fill space */
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    padding: 20px 50px 20px 12px; /* adjust as per your design */
    box-sizing: border-box;
}
.cover-img {
    width: 180px; 
    height: 272px; 
    margin-left: -8px; 
    border: 1px solid #fff;
}

.section-hr {
    margin: 1rem auto !important; 
    border: none;                  /* Remove default borders */
    border-top: 2px dashed #ccc;   /* Dashed separator like your original image */
    opacity: 0.4; 
}

.featured-item {
    line-height: 1.3;
}

.latest-volumes {
    gap: 20px;
}

.navbar-toggler.custom-toggler {
    border: none; /* Remove border */
    padding: 0;   /* Remove default padding */
    background: transparent; /* Remove default background */
}

.navbar-toggler.custom-toggler:focus {
    outline: none; /* Remove focus outline */
    box-shadow: none; /* Remove box-shadow on focus */
}

.view-all-downloaded, .view-all-latest-issues {
    display: none;
}

.footer .footer-mini-title{
    color: #41B7FE;
}

.foot-ptag {
    color: #b0b8c1;
    font-size: 16px;
}

.foot-ptag a ,.foot-ptag a:hover{
    color: #b0b8c1;
    text-decoration: none;
    cursor: pointer;
}

.contact-item p a ,.contact-item p a:hover{
    font-size: 18px;
    color: #151515;
    margin-top: 1px;
    text-decoration: none;
}

.journal-content .open-access{
    font-size: 14px;
}

.open-access img {
    width: 19px;
    height: 19px;
}

#doi-content a{
    color: #000000;
    font-size: 18px;
    font-weight: 600;
}

.bottom-nav .has-children .nested-list{
    padding: 0px;
}

.kryon-xml-parser .bottom-nav .nested-list li {
    padding-left: 0px;
}

.lock-img-full{
    margin-left: -5px;
}

.author-detail-part ,.corresponding-name,.received-date{
    color: #000000;
}

.author-detail-part p {
    margin: 0px;
}

.downArrowBlue{
    width: 16px;
    height: auto;
    object-fit: contain;
    transform: rotate(275deg);
}

.company-logo{
    width: 100%;
    height: 40px;
    object-fit: contain;
}

.nav-toggler-btn ,.nav-toggler-btn:hover{
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: white; 
    background-color: #41B7FE; 
    font-weight: bold; 
    font-size: 15px; 
    padding: 0;
}

.cart-svg-icon {
  width: 25px;
  height: auto;
  object-fit: contain;
}

/* Responsive Design Code */

@media screen and (max-width: 991.98px) {
    .container {
        padding: 0px 20px;
    } 

    .navbar-nav {
        gap: 0px !important;
    }

    .our-values-content {
        text-align: center;              /* Centers the <p> text */
        justify-content: center;        /* Bootstrap row flex center */
    }

    .our-values-content > div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .pagination {
        padding: 0 20px;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {

    .articles-title, .journals-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;        /* Limit to 2 lines */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.4em;
        max-height: 2.8em;            /* 1.4em * 2 lines */
        white-space: normal;          /* Allow wrapping */
    }
    .update-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0px;
    }

    .update-wrapper > div {
        width: 48%; /* 2 columns */
    }

    .contactus-banner-section .home-banner h1 {
        padding: 0 20px;
    }

    .contact-content-section, .map-form {
        padding: 0 20px;
    }
    
    /* .news-heading, .newsletter-form {
        margin-left: -25px;
    } */

}

@media screen and (max-width: 575.98px) {

    .navbar-nav {
        gap: 0px !important;
    }

    .cart-svg-icon {
        width: 20px;
    }


    /* Home Page Responsive Code */
    .banner-section {
        position: relative;
        background: url('../images/home-banner.png') no-repeat left center;
        background-size: cover;
        min-height: 365px;
        align-items: center;
    }
    .home-banner h1 {
        font-size: 20px;
        padding: 0px 20px;
        position: absolute;
        top: 27px;
    }
    .updates-articles-section {
        /* margin-top: -1.5rem; */
        row-gap: 1.5rem; /* Bootstrap 5 way */
    }

    .article-item > * {
        margin-top: 0.2rem;   /* space above each child */
        margin-bottom: 0.2rem; /* space below each child */
    }

    .article-item > *:first-child {
        margin-top: 0;
    }
    .article-item > *:last-child {
        margin-bottom: 0;
    }

    .articles-title, .journals-title {
        font-size: 16px;
    }

    .p-tag-container p, .articles-para p {
        font-size: 14px;
        margin: 0px !important;
    }

    /* .article-item .articles-title, .authors, .featured-access p {
         font-size: 17px !important;
    } */

    /* .article-item .articles-para, .volume {
        font-size: 16px !important;
    } */

     /* Downloaded and latest volume and issue */
    .section-title span,
    .section-title .view-all {       
        white-space: nowrap;       /* prevent text wrapping */
    }

    .view-all-downloaded, .view-all-latest-issues {
        display: inline-block; /* or block if you want full width */
        text-decoration: underline; 
        font-size: 17px; 
        font-weight: 600;
    }

    .view-all-download, .view-all-latest  {
        display: none;
    }

    /* .latest-downloaded-articles-section {
        margin-top: -1.5rem;
        margin-bottom: -1rem;
    } */

    .latest-downloaded-articles-section .row {
        /* margin-top: -1rem; */
        row-gap: 1.5rem; /* Bootstrap 5 way */
    }
    .footer-details {
        display: flex;
        flex-wrap: wrap;          /* allow wrapping on small screens */
        gap: 25px;                /* gap between each column */
        padding: 0 20px;
    }
    .footer-text {
        font-size: 1rem !important;
    }
    .footer-details > div {
        flex: 1 1 300px;          /* allow flex grow and shrink */
    }
    .page-btn {
        position: absolute;      /* take it out of the normal flow */
        right: 30px;            /* distance from the right edge */
        top: 50%;               /* halfway down the container */
        width: 40px;            /* adjust button size */
        height: 40px;
        cursor: pointer;
    }

    .footer {
        position: relative; /* needed so .page-btn positions inside footer */
    }

    .footer-bottom p, .footer-bottom p a {
        font-size: 14px;
    }

    .featured-cover-img {
        width: auto;
        height: 175px;
    }

    .featured-access {
        margin-left: 2px;
    }

    .featured-container .featured-access {
        margin-top: 2px;
        row-gap: 0; /* Bootstrap 5 way */
    }

    /* .featured-content .articles-title {
        font-size: 15px;
    } */

    .newsletter-input {
        width: 10%;
    }

    /* Latest Volume and Issues */
    .featured-item {
        flex-direction: row; 
        gap: 0px;
        margin: 0;
    }

    .updates-articles-section .custom-card{
        padding: 20px 15px;
    }

    @media screen and (max-width: 430px) {
        .latest-volumes {
            flex-direction: row;
            align-items: flex-start;
            font-size: 14px;
            gap: 10px;
        }

        .featured-item {
            flex-direction: column;
            gap: 10px;
            margin: 0;
            line-height: normal;
            margin-bottom: -20px;
        }

        .featured-content {
            margin-left: 0px; /* same as ms-3 */
        }
    }

    @media (min-width: 431px) and (max-width: 576px) {
        .latest-volumes {
            flex-direction: row;
            align-items: flex-start;
            /* font-size: 14px; */
            gap: 10;
        }

        .featured-item {
            flex-direction: row;
            gap: 10px;
            margin: 0;
            line-height: normal;
        }

        .featured-content {
            margin-left: 1rem; /* same as ms-3 */
        }
    }

    @media (min-width: 450px) and (max-width: 576px) {
        .banner-section {
            position: relative;
            background: url('../images/home-banner.png') no-repeat center center;
            background-size: cover;
            min-height: 75vh;
            align-items: center;
        }
        .home-banner h1 {
            font-size: 28px;
            padding: 0px 20px;
            position: absolute;
            top: 50px !important;
        }
    }

    /* Publication Page */
    .publication-banner-section {
        min-height: 250px; /* adjust height if needed */
    }

    .publication-banner-section .home-banner h1 {
        font-size: 24px;
        padding: 0px 20px;
        position: static;
    }
    
    .filter-header, .pub-card {
        width: 100%;
        margin: 0px;
    }

    .publication-content {
        margin: 0;
    }

    .content-section .content-header {
        margin: 0px;
    }

    .content-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #151515;
        font-size: 16px;
    }
 
    /* .content-header h5 {
        font-size: 20px !important;
    } */

    .content-section hr {
        border: none;
        border-top: 2px dashed #000;
        margin: 0px;
    }

    .journal-container {
        display: flex;
        flex-direction: column;
        align-items: center; /* center children horizontally */
        gap: 0; /* optional spacing between cards */
        margin: 0 5px;
    }

    .journal-card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%; /* Full width */
        max-width: 100%; /* Prevent any max width limit */
        flex: none; /* Stop flex-grow/shrink behavior */
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        transition: transform 0.3s;
        cursor: pointer;
        padding: 10px;
    }

    .journal-title {
        margin: 15px -10px;
    }

    /* Journal Description Page */
    .journal-title h2 {
        font-size: 1.3rem;
    }

    .journal-banner {
        padding: 0px 15px;
        min-height: fit-content;
        margin-bottom: 10px;
    }

    .journal-img img {
        width: 60%;
        height: 100%;
        object-fit: contain;
    }

    .filter-header-selected, .filter-header-list {
        width: calc(100% + 28px); /* or whatever exact overflow you need */
        margin-left: 0px;
    }

    .content-section {
        margin: 0px;
    }

    .donloaded-content-header h5 {
        font-size: 18px !important;
    }

    .content-header h5 {
        font-size: 17px;
        word-break: break-all;
    }

    .downloaded-align-mobile .article-wrapper {
        padding-left: 10px;  /* keeps a small left gap */
        padding-right: 10px;
    }

    .downloaded-align-mobile .article-item {
        margin: -8px 5px;
        padding: 15px 0;
        border-bottom: 2px dashed #ccc;

    }

    /* remove dashed border from last article */
    .downloaded-align-mobile .article-wrapper:last-child .article-item {
        border-bottom: none;
    }

    /* make sure text aligns perfectly */
    .downloaded-align-mobile .article-item h5,
    .downloaded-align-mobile .article-item p,
    .downloaded-align-mobile .article-item a {
        margin: 0;
        padding: 0;
        text-align: left;
    }

    .downloaded-border {
        margin: 0px !important;
    }

    .issn-details {
        display: flex;
        flex-direction: column;

        gap: 5px;
    }

    .banner-details p {
        font-size: 16px; 
    }

    /* About Us Page */
    .aboutus-banner-section {
        min-height: 350px; /* adjust height if needed */
    }

    .aboutus-banner-section .home-banner h1 {
        font-size: 30px;
        padding: 0px 8px;
        position: static;
    }

    .aboutus-img {
        width: auto;
        height: auto;
    }

    .our-affiliation-content {
        flex-direction: column;
    }

    /* Contact Us Page */
    .contactus-banner-section {
        min-height: 250px; /* adjust height if needed */
        background: url('/assets/tide/images/contact-responsive.png') no-repeat center center;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .contactus-banner-section .home-banner h1 {
        font-size: 24px;
        padding: 0px;
        position: static;
    }

    /* Search All Page */
    .actions-bar {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .actions-bar .links {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        text-align: center;
        width: 100%;
    }

    .actions-bar .btn {
        width: 95%;  /* full width buttons for mobile */
    }

    .actions-bar .download-btn.btn {
        width: 100%;  /* full width buttons for mobile */
    }

    /* Journal Detail Page */
    .border-left {
        border-left: none !important;
    }

    .journal-detail-section .downloaded-custom-card {
        margin: 0px 8px;
    }
    .journal-detail-section .vol-issue-heading h5 {
        font-size: 14px !important;
        font-weight: 600;
    }

    .update-card {
        margin: 25px 0px 0px 0px;
    }

    /* .journal-article-card {
        margin: 10px;
    } */

    .article-content-wrapper {
        margin: 6px 6px;
    }

    .view-btn {
        display: none;
    }

    .responsive-view-btn {
        display: flex;
        flex-direction: column; /* stack buttons vertically */
        gap: 12px;
        margin-top: 35px;
    }

    #selectCitation {
        width: 44%;
    }

    .breadcrumb {
        margin: 30px 0px 35px 0px;
    }
    .page-head-content div {
        width: 100%; 
    }
    .journal-description-container {
        font-size: 16px;
    }
    
    h5.download-metrics-d {
        font-size: 16px !important;
    }
    
    #doi-content a {
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    .login-btn, .login-btn-nav {
        width: 100%;
    }
    .view-all, .view-all-download, .view-all-latest {
        font-size: 15px;
    }
    .company-logo{
        height: 36px;
    }
    .authors {
        font-size: 16px !important;
    }
    .volume {
        font-size: 14px;
    }
    .mobile-navbar {
        width: 35%;
    }
    .search-logo{
        width: 30px;
        height: auto;
    }
    .dropdown .nav-toggler-btn{
        width: 30px;
        height: 30px;
        color: white;
        background-color: #41B7FE;
        font-size: 13px;
    }
    .latest-updates-title{
        font-size: 20px;
    }
    .article-item .articles-para {
    font-size: 14px;
    }
    .search-heading {
        font-size: 13px;
    }
    #toggle-advanced-search{
        font-size: 13px !important;
    }
    .actions-bar {
        padding: 10px 10px 10px 10px;
    }
    .actions-bar .btn.btn-link{
        padding: 8px;
        font-size: 14px;
    }
    .actions-bar .btn.download-btn{
        font-size: 14px;
    }
    .article-meta {
        font-size: 14px !important;
    }
    .search-box {
        width: 280px;
    }
    .journal-description-container h4 strong{
        font-size: 17px;
    }
    .content-section .content-header .v-i-a-count .fs-6{
        font-size: 14px !important;
    }
}

@media screen and (max-width: 409.98px) {
    .actions-bar {
        padding: 10px 5px 10px 5px;
    }
    .actions-bar .btn.btn-link{
        padding: 1px;
        font-size: 11px;
    }
    .actions-bar .btn.download-btn{
        font-size: 12px;
    }
}

@media screen and (max-width:350px) {
    .mobile-navbar {
        width: 30%;
    }
    .search-logo{
        width: 25px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .banner-section {
        background: url(../images/banner-img.png) no-repeat 80% center;
        background-size: cover;
        align-items: center;
        min-height: 185px;
        height: 185px;
        padding: 0 20px;
    }
    .banner-section .home-banner h1 {
        font-size: 22px;
        width: 280px;
    }
    .p-tag-container p, .articles-para p {
        margin: 0px !important;
    }

    /* Place Latest Articles 4 columns wide */
    .updates-articles-section .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
        order: 1;
    }
    /* Place Featured Publications 4 columns wide */
    .updates-articles-section .col-md-3:last-child {
        flex: 0 0 50%;
        max-width: 50%;
        order: 1;
    }
    .featured-cover-img {
        width: auto;
        height: 165px;
    }

    .featured-item {
        margin-bottom: 0px;
    }

    .updates-articles-section .col-md-3:first-child {
        flex: 0 0 100%;
        max-width: 100%;
        order: 2; /* push it to next row */
    }

    .updates-articles-section {
        /* margin-top: -1.5rem; */
        row-gap: 1.5rem; /* Bootstrap 5 way */
    }

    .featured-content {
        margin-left: 1.5rem; /* same as ms-3 */
    }

    .footer-details {
        display: flex;
        flex-wrap: wrap;          /* allow wrapping on small screens */
        gap: 25px;                /* gap between each column */
        padding: 0 20px;
    }
    .footer-text {
        font-size: 1rem !important;
    }
    .footer-details > div {
        flex: 1 1 400px;          /* allow flex grow and shrink */
    }
    .page-btn {
        position: absolute;      /* take it out of the normal flow */
        right: 30px;            /* distance from the right edge */
        top: 55%;               /* halfway down the container */
        width: 40px;            /* adjust button size */
        height: 40px;
        cursor: pointer;
    }

    .footer {
        position: relative; /* needed so .page-btn positions inside footer */
    }

    .featured-container .featured-access {
        row-gap: 0; /* Bootstrap 5 way */
    }

    .featured-access p {
        font-size: 15px;
        color: #666971;
    }

    .featured-container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start; /* or center if you want vertical centering */
        gap: 12px; /* optional spacing between columns */
    }

    .section-hr {
        margin: 1rem auto;
    }


    /* Publication Page */
    .publication-banner-section {
        background: url(../images/publications-images/publication-banner.png) no-repeat center center / cover;
        height: 40vh;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        position: relative;
        text-align: center;
        margin-top: 0px;
    }

    .filter-header, .custom-card {
        margin: 0 auto; /* Center horizontally */
        float: none; /* Clear any floats */
        width: auto;
    }

    .content-section .content-header {
        margin: 0 12px;
    }

    .content-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #151515;
        font-size: 16px;
    }

    .content-section hr {
        margin-top: 0px;
        margin-left: 20px;
    }

    .journal-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin: 0px;
        padding: 0px 10px;
    }

    .journal-card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%; /* Full width */
        max-width: 100%; /* Prevent any max width limit */
        flex: none; /* Stop flex-grow/shrink behavior */
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        transition: transform 0.3s;
        cursor: pointer;
        padding: 10px;
    }

    .publication-detail-section .row {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }

    .publication-content {
       margin: 0 auto;
    }
    

    /* About Us Page */
    .aboutus-banner-section {
        background: url(/assets/tide/images/about-us/aboutus-banner-img.png) no-repeat center center;
        background-size: cover;
        min-height: 350px;
        display: flex;
        align-items: center;
    }

    .aboutus-banner-section .home-banner h1 {
        font-size: 30px;
        padding: 0px;
        position: static;
    }

    .aboutus-img {
        width: auto;
        height: auto;
        margin: 0px;
        padding: 0px 20px;
    }

    .our-values-content, .our-team-section {
        margin: 0px 30px;
    }

    .our-affiliation-content {
        flex-direction: column;
    }

    /* Journal Detail page */
    .journal-title h2 {
        font-size: 1.3rem;
        padding-top: 5px;
    }

    .journal-banner {
        padding: 0px 15px;
        min-height: 60vh;
        margin-bottom: 10px;
    }

    .journal-img img {
        width: 60%;
        height: 100%;
        object-fit: contain;
        margin: 5px;
    }

    .banner-details {
        width: 100%;
    }

    .journal-detail-section .content-section {
        margin-left: 0px;
    }

    .journal-detail-section .row {
        width: 100%;
        margin: auto;
    }

    .journal-menu .filter-header-selected, .journal-menu .filter-header-list  {
        width: 100% !important;
        margin-left: -5px;
    }

    .journal-detail-section .content-section hr {
        margin-top: 0px;
        margin-left: 0px;
        opacity: 0.4;
    }

    .article-content-wrapper {
        margin: 0px 20px;
    }
    .mobile-navbar {
        width: 25%;
    }
    .search-logo{
        width: 40px;
        height: auto;
    }
     .search-logo{
        width: 30px;
        height: auto;
    }
    .dropdown .nav-toggler-btn{
        width: 30px;
        height: 30px;
        color: white;
        background-color: #41B7FE;
        font-size: 13px;
    }
    .login-btn, .login-btn-nav {
        width: 100%;
    }
    .journal-detail-section .journal-list-section .journal-menu{
        padding: 0px;
    }
    .actions-bar {
        padding: 10px 10px 10px 10px;
    }
    .actions-bar .btn.btn-link{
        padding: 8px;
        font-size: 14px;
    }
    .actions-bar .btn.download-btn {
        font-size: 14px;
    }

    #selectCitation {
        width: 40%;
    }
}

/* Tab View */
@media (min-width: 768px) and (max-width: 991.98px) {
    
    .banner-section {
        background: url(../images/banner-img.png) no-repeat center center;
        background-size: cover;
        align-items: center;
        min-height: 185px;
        height: 185px;
        padding: 0 20px;
    }
    .banner-section .home-banner h1 {
        font-size: 26px;
        width: 375px;
    }
    .p-tag-container p, .articles-para p {
        margin: 0px !important;
    }

    .latest-articles-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0px;
    }

    /* Place Latest Articles 4 columns wide */
    .updates-articles-section .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
        order: 1;
    }
    /* Place Featured Publications 4 columns wide */
    .updates-articles-section .col-md-3:last-child {
        flex: 0 0 50%;
        max-width: 50%;
        order: 1;
    }
    .featured-cover-img {
        width: 200px;
        height: 200px;
    }

    .featured-access {
        margin-left: 2px;
    }

    .featured-access p {
        font-size: 18px;
        line-height: inherit;
    }

    .updates-articles-section .col-md-3:first-child {
        flex: 0 0 100%;
        max-width: 100%;
        order: 2; /* push it to next row */
    }
    .updates-articles-section {
        padding: 0 20px;
    }

    .latest-downloaded-articles-section {
        padding: 0 20px;
        flex-direction: column;
    }
    

    .featured-container .featured-access {
        margin: 3px 0px;
        row-gap: 0;
    }


    .newsletter-input {
        flex: 1 1 60%;
        min-width: 150px;
    }

    .btn-subscribe {
        flex: 1 1 35%;
        min-width: 100px;
    }

    /* Latest Vol Issue */
    @media (min-width: 776px) and (max-width: 800px) {
        .vol-issues-txt {
            font-size: 16px;
        }
        .latest-volumes {
            gap: 15px;
            /* font-size: 14px; */
            flex-direction: row;
        }
        .actions-bar {
            padding: 10px 10px 10px 10px;
        }
        .actions-bar .btn.btn-link{
            padding: 8px;
            font-size: 12px;
        }
        .actions-bar .btn.download-btn{
            font-size: 12px;
        }
    }

    /* Publication Page */
    .publication-banner-section {
        background: url(../images/publications-images/publication-banner.png) no-repeat center center / cover;
        height: 40vh;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        position: relative;
        text-align: center;
        margin-top: 0px;
        padding: 0 20px;
    }

    .search-subject-input::placeholder {
        font-size: 13px; /* or any size you prefer */
        font-weight: 600;     /* 700 = bold */
    }

    .open-access {
        font-size: 16px;
    }

    .filter-header, .pub-card {
        width: 95%;
        margin: 0px;
    }

    .publication-content .content-header {
        padding: 0 20px;
    }

    .content-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #151515;
        font-size: 16px;
    }
    
    .journal-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        margin: 0px;
        padding: 0 15px;
        width: 100%;
    }

    .journal-card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%; /* Full width */
        max-width: 100%; /* Prevent any max width limit */
        flex: none; /* Stop flex-grow/shrink behavior */
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        transition: transform 0.3s;
        cursor: pointer;
        padding: 10px;
    }

    .publication-content {
        margin-left: 0px;
    }

   /* About Us Page */
    .aboutus-banner-section {
        background: url(/assets/tide/images/about-us/aboutus-banner-img.png) no-repeat center center;
        background-size: cover;
        min-height: 350px;
        display: flex;
        align-items: center;
    }

    .aboutus-banner-section .home-banner h1 {
        font-size: 32px;
        padding: 0px 20px;
        position: static;
    }
    
    .our-values-content {
        padding: 0px 80px;
    }

    .aboutus-img {
        margin: 0px;
    }

    .our-team-section {
        margin-top: 0px;
        padding: 0 20px;
    }

    .team-card {
        padding: 10px;
    }

    /* Search All Page */
    .actions-bar {
        /* flex-direction: column; */
        align-items: center;
        text-align: center;
    }

    .actions-bar .links {
        display: flex;
        justify-content: space-between;
        /* flex-direction: row; */
        align-items: center;
        text-align: center;
        /* width: 100%; */
    }

    /* .actions-bar .btn {
        width: 95%; 
    } */

    /* Journal Detail page */
    .journal-title h2 {
        font-size: 1.3rem;
        padding-top: 5px;
    }

    .journal-banner {
        min-height: 40vh;
        margin-bottom: 10px;
    }

    .journal-img img {
        width: 60%;
        height: 100%;
        object-fit: contain;
        margin: 5px;
    }

    .banner-details {
        width: 100%;
    }

    .journal-detail-section .content-section {
        margin-left: 0px;
    }

    .journal-detail-section .row {
        width: 100%;
        margin: auto;
    }

    .journal-menu .filter-header-selected, .journal-menu .filter-header-list  {
        width: 100% !important;
        margin-left: -5px;
    }

    .journal-detail-section .content-section hr {
        margin-top: 0px;
        margin-left: 0px;
        opacity: 0.4;
    }

    /* .vol-issue-heading .content-section hr {
        margin: 0px 12px;
        padding: 5px;
        width: 95%;
        opacity: 0.4;
    } */

    .journal-detail-section .downloaded-custom-card {
        padding: 20px 16px;
    }

    .journal-detail-section .vol-issue-heading h5 {
        font-size: 23px !important;
        font-weight: 600;
    }

    .journal-article-card {
        margin: 0px -10px;
    }

    .responsive-view-btn {
        display: none;
    }
       
    .search-buttons-container .col-width-search{
        width: 20%;
    }
    .mobile-navbar {
        width: 20%;
    }
    .search-logo{
        width: 40px;
        height: auto;
    }
     .login-btn, .login-btn-nav {
        width: 100%;
    }
     .search-logo{
        width: 40px;
        height: auto;
    }
     .search-logo{
        width: 30px;
        height: auto;
    }
    .journal-menu a {
        font-size: 17px;
    }
     #selectCitation {
        width: 40%;
    }
    .logo-box {
        flex-wrap: wrap;
        width: 90% !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .container {
        padding: 0px 20px;
    }

    .banner-section {
        background: url(../images/banner-img.png) no-repeat center center;
        background-size: cover;
        align-items: center;
        min-height: fit-content;
        height: 250px;
        padding: 0px 20px;
    }
    .banner-section .home-banner h1 {
        font-size: 26px;
        width: 350px;
    }

    .updates-articles-section, .latest-downloaded-articles-section {
        padding: 0 20px;
    }

    /* Place Latest Articles 4 columns wide */
    .updates-articles-section .col-md-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        order: 1;
    }
    /* Place Featured Publications 4 columns wide */
    .updates-articles-section .col-md-3:last-child {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        order: 1;
    }
    .featured-cover-img {
        width: 200px;
        height: 200px;
    }

    .featured-access {
        margin-left: 2px;
    }

    .featured-access p {
        font-size: 18px;
        line-height: inherit;
    }

    .updates-articles-section .col-md-3:first-child {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        order: 2; /* push it to next row */
        margin-top: 1.5rem;
    }

    .update-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0px;
    }

    .update-wrapper > div {
        width: 48%; /* 2 columns */
    }

    .publication-banner-section .home-banner h1 {
        padding: 0 20px;
    }

    .search-subject-input::placeholder {
        font-size: 12px; /* or any size you prefer */
        font-weight: 600;     /* 700 = bold */
    }

    /* Journal Detail page */ */
    .journal-title h2 {
        font-size: 1.3rem;
        padding-top: 5px;
    }

    .journal-banner {
        padding: 0px 15px;
        min-height: 35vh;
        margin-bottom: 10px;
    }

    .journal-img img {
        width: 60%;
        height: 100%;
        object-fit: contain;
        margin: 5px;
    }

    .banner-details {
        width: 100%;
        padding: 10px 0px;
    }

    .banner-details.ms-lg-4 {
        margin-left: 1rem !important; /* overrides ms-lg-4 */
    }

    .journal-detail-section .content-section {
        margin-left: 0px;
    }

    .journal-detail-section .row {
        width: 98%;
        margin: auto;
    }

    .journal-menu .filter-header-selected, .journal-menu .filter-header-list  {
        width: 100% !important;
        margin-left: -5px;
    }
    

    /* AboutUs Page */
    .aboutus-banner-section .home-banner h1 {
        font-size: 32px;
        padding: 0px 20px;
        position: static;
    }

    .our-team-section .col-lg-3 {
      flex: 0 0 50%;
      max-width: 50%;
    }

    .our-team-section .team-card {
        padding: 10px;
        margin: 10px;
    }

    .our-values-section .our-values-content {
        margin-left: -12px;
        margin-right: -12px;
    }

    .our-values-section .our-values-content > .col-lg-3 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .contactus-banner-section .home-banner h1 {
        padding: 0 20px;
    }

    .contact-content-section, .map-form {
        padding: 0 20px;
    }

    .vol-issue-heading {
        margin-left: 18px;
    }

    .inpress-heading {
        padding: 0 20px;
    }

    .inpress-hr {
        width: 95%;
        margin-left: 20px;
        opacity: 0.4;
    }

    .responsive-view-btn {
        display: none;
    }
      .search-buttons-container .col-width-search{
        width: 15%;
    }
     #selectCitation {
        width: 26%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
      .container {
        padding: 0px 20px;
    }

    .responsive-view-btn {
        display: none;
    }
      .search-buttons-container .col-width-search{
        width: 15%;
    }
    #selectCitation {
        width: 22%;
    }
}


@media (min-width: 1400px) and (max-width: 1499.98px) {

    #selectCitation {
        width: 18%;
    }
}
@media (min-width: 1400px) and (max-width: 1699.98px) {

      .search-buttons-container .col-width-search{
        width: 12%;
    }
}

.article-details-section p{
margin: 0px;
}

.premium-icon{
    max-width: 100px;
}

.btn-subscribed{
    background-color: #FFF;
    color: #000;
}

.btn-subscribed img{
    width: 22px;
    height: 22px;
    margin-right: 8px;
}

.btn-subscribed:hover{
    background-color: #FFF;
    color: #000;
}

.btn-subscribe{

}

.premium-icon-badge{
    max-width: 100px;
}

.premium-icon{
    width: 22px;
    height: 22px;
    position: absolute;
    right: 5px;
    top: 5px;
}


.left-align{
        right: 20px;
    top: 20px;
}

.premium-icon-stable{
        width: 22px;
    height: 22px;
}

/* below 320px */

@media (min-width:250px) and (max-width:319.98px) {
    .company-logo {
        height: 26px;
    }
    .search-logo {
        width: 20px;
    }
    .home-banner h1 {
        font-size: 18px;
    }
    .section-title {
        font-size: 15px;
    }
    .downloaded-custom-card, .latest-custom-card {
        padding: 15px;
    }
    .foot-ptag {
        font-size: 12px;
    }
    .page-btn {
        width: 30px;
        height: 30px;
    }
    .footer-bottom p, .footer-bottom p a {
        font-size: 12px;
    }
    .footer-text {
        font-size: 14px !important;
    }
    .custom-card-articles {
        padding: 20px 15px;
    }
    .nav-item a {
        font-size: 12px;
    }
    .nav-item .btn-custom {
        font-size: 12px;
    }
    .footer-contact-a{
        white-space: nowrap;
    }
    .dropdown .nav-toggler-btn {
        width: 25px;
        height: 25px;
        font-size: 10px;
    }
    .cart-svg-icon {
        width: 16px;
    }
    #countUpdate, #countUpdateDesk{
        font-size: 10px;
    }
    .fs-10.translate-middle.rounded-pill{
       font-size: 10px; 
    }
    .navbar-brand {
        margin-right: 0px;
    }
    .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
       justify-content: start;
    }
    .btn .badge {
        top: 6px;
    }
    .nav-item.login-btn-nav{
        padding-right: 5px;
    }
}