/* =========================== new css ================= */

    /* =====================      my code           ==================== */

    .main-header-one__bottom-left img {
        padding-top: 18px;
        width: 200px;
    }

    /* =========================  index articles         ==================================================== */

    .pubmed-articles-main {
        border: 1px solid #ddd;
        border-radius: 15px;
        overflow: hidden;
        background: #fff;
    }

    .pubmed-articles-main h3 img {
        width: 110px;
        padding-right: 20px;
    }

    /* Section heading */
    .pubmed-articles-main h3 {
        padding: 19px 20px 6px 20px;
        margin: 0;
        font-size: 22px;
        color: #2e2e2e;
        font-weight: 600;
        text-align: left;
        vertical-align: middle;
        border-bottom: 1px solid #eee;
    }

    /* Container that shows 3 article boxes */
    .slider-container {
        height: 470px;
        /* Adjusted based on accurate .article-box height */
        overflow: hidden;
        position: relative;
        padding: 0;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    /* Wrapper that holds all article boxes in column */
    .slider-wrapper {
        display: flex;
        flex-direction: column;
        transition: transform 0.6s ease-in-out;
    }

    /* Individual article card */
    .article-box {
        background: #f9f9f9;
        padding: 15px;
        border-radius: 10px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
        margin-bottom: 10px;
        margin-left: 20px;
        margin-right: 20px;
        min-height: 130px;
        box-sizing: border-box;
        display: grid;
        justify-content: space-around;
        align-items: center;
    }

    /* Remove bottom margin on last box to prevent extra space */
    .article-box:last-child {
        margin-bottom: 0;
    }

    /* Article title inside box */
    .article-box h6 {
        margin: 0 0 8px 0;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        color: #333;
        text-align: left;
    }

    .article-box p {
        color: #cb260a;
    }

    /* Pubmed and PMC links */
    .article-box a {
        color: #333;
        text-decoration: none;
    }

    .article-box a:hover {
        text-decoration: underline;
    }

    .article-box-sub {
        margin-top: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    @media (max-width: 1199px) and (min-width: 992px) {
        .slider-container {
            height: 410px !important;
            /* adjust if needed */
        }

        .article-box {
            margin: 4px 15px;
            min-height: 130px;
            padding: 12px;
        }

        .article-box h6 {
            font-size: 14px;
        }

        .pubmed-articles-main h5 {
            font-size: 17px;
            padding: 8px 15px;
        }


    }

    .indexing-images a img {
        border: 1px solid #ccc;
        padding: 10px 10px;
        margin: 5px 0px;
    }

    /* ==============================  contact  ========== */

    .contact-info-title {
        padding: 13px 20px 14px 20px;
        border-bottom: 1px solid #ccc;
    }


    .blog-details-img-box1__single {
        background: url('https://annexpublisher.com/lp/pharmaceutics-and-drug/assets/images/journal-info.jpg') center/cover no-repeat !important;
        border: solid 0.1px #d4eaf8;
    }


    /* ======================= archive  ====================== */

    .archives-main-head h3 {
        font-size: 24px;
        font-weight: 600;
        color: #2b2b2bff;
        border-bottom: 1px solid #ccc;
    }

    .archives-main-head h2 {
        font-size: 22px;
    }

    .accordion-button {
        color: #2b2b2bff;
        font-weight: bold;
        border-radius: 20px;
        border: 1px solid rgba(51, 51, 51, 0.2);
        box-shadow: 0 0 5px rgba(51, 51, 51, 0.1);
    }

    .accordion-button:not(.collapsed) {
        color: #2b2b2bff;
        background-color: transparent !important;
        box-shadow: none;
        border: none !important;
    }

    .accordion-button:hover {
        color: #cb260a;

    }

    .accordion-button:focus {
        box-shadow: none;
        border: none;
        color: #333;
        background-color: none;
    }

    .accordion-item {
        margin-bottom: 15px;
        border: none;
        border-radius: 8px;
        /* Optional: soft corners */
        overflow: hidden;
    }

    .accordion-item:has(.accordion-collapse.show) {
        border: 1px solid #cb260a;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(203, 38, 10, 0.15);
        /* optional */
    }

    .accordion-collapse {
        border-radius: 0 0 8px 8px;
    }

    .accordion-body {
        font-size: 14px;
        color: #333;
    }

    /* Rounded top corners for first item */
    .accordion-item:first-of-type .accordion-button {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    /* Rounded bottom corners for last item when collapsed */
    .accordion-item:last-of-type .accordion-button.collapsed {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    /* When last item is expanded, apply radius to body */
    .accordion-item:last-of-type .accordion-collapse.show {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .archives-main-head ul li {
        display: flex;
        justify-content: left;
        align-items: center;
        gap: 15px;
        font-size: 18px;
    }

    .archives-main-head ul li i {
        font-size: 20px;
    }

    .accordion-button::after {
        display: none;
    }

    /* Transition and base rotation */
    .rotate-icon {
        transition: transform 0.3s ease;
        font-size: 20px;
        width: fit-content;
        padding: 5px;
        background-color: #cb260a;
        color: #fff;
        border-radius: 50%;
        margin-left: 10px;
    }

    /* Rotate 180° when accordion is open */
    .accordion-button:not(.collapsed) .rotate-icon {
        transform: rotate(180deg);
        background-color: none !important;
    }

    /* =====================  archive-main-second  ================== */

    .archives-main-head {
        background-color: none;
        border: none;
        margin: 0px auto;
        border-radius: 15px;

    }

    .archive-main-second {
        padding: 0px 10px;
    }

    .archive-main-second .col-12 {
        padding: 10px 8px;
        background-color: #fff;
        border: 1px solid #e7e5e5ff;
        box-shadow: 0px 0px 3px 1px rgb(231, 227, 227);
        border-radius: 15px;
        font-weight: 500;
        color: #333;
        margin: 8px 15px;
        text-align: center;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .archive-main-second a {
        color: #2c2c2c;
    }

    .archive-main-second .col-12 i {
        font-size: 20px;
        background-color: #cb260a;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        color: #fff;
    }

    .archive-main-second .col-12:hover {
        background-color: #cb260a;
        color: #fff;
    }

    .archive-main-second .col-12:hover a {
        color: #fff;
    }

    .archives-main-head h3 {
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        padding: 15px 15px;
        margin-bottom: 15px;
    }

    /* =================== department  =============== */

    .departments-details__content-button h2 {
        width: fit-content;
        padding: 15px 10px;
        border-bottom: 1px solid #ccc;
    }

    .recent-articles-latest-main {
        height: 95%;
        display: grid;
        background: #FFFFFF;
        box-shadow: 0px 20px 60px rgba(62, 84, 141, 0.2);
        border-radius: 10px;
        padding: 15px 20px 15px;
        margin-bottom: 10px;
    }

    .recent-articles-latest-main h6 {
        font-size: 18px;
        font-weight: 600;
        padding-bottom: 15px;
        line-height: 24px;
    }

    .recent-articles-latest-main-sub {
        width: 100%;

    }

    .recent-articles-latest-main-sub p {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 10px;
    }

    .recent-articles-latest-main-sub a {
        color: #cb260a;
    }

    .recent-articles-latest-main-sub a:hover {
        color: #1d1918ff;
    }

    /* =============== sartaday changes =============== */

    .departments-details__sidebar-single-contact-list {
        padding: 15px 0px 65px 40px;
    }


    .departments-details__sidebar-single-contact-list li .text p {
        font-size: 16px;
    }

    .departments-details__sidebar-single-contact-list li .text p span {
        font-size: 16px;
    }

    .departments-details__sidebar-single-contact-list li .text p a {
        font-size: 16px;
    }

    /* =============================================== */

    .departments-details__sidebar-single.contact-info .title h2 {
        padding-left: 33px;
    }

    .handle-preloader {
        background-color: #11223d;
    }


    /* ========================================================= */

    .single-sidebar-box {
        margin-top: 30px;
    }


    /* ================ responsiveness  ================ */
    @media screen and (max-width: 1270px) and (min-width: 1200px) {

        .article-box {
            height: 160px !important;
        }

        .slider-container {
            height: 500px !important;
        }

        /* =========================================== */

        .article-box-sub {
            justify-content: space-between;
            text-align: left;
        }

        .article-box-sub p {
            font-size: 14px;
        }

    }

    /* ============================================================================ */

    @media screen and (max-width: 1199px) and (min-width: 992px) {
        .breadcrumb-style1__inner h2 {
            left: 0%;
        }
    }

    /* ========================================================= */

    @media screen and (max-width: 991px) and (min-width: 678px) {
        .article-box {
            height: 160px !important;
        }

        .slider-container {
            height: 500px !important;
        }

        .breadcrumb-style1__inner h2 {
            width: 65%;
            font-size: 26px;
            line-height: 35px;
            left: 0%;
        }

        .indexing-images a img {
            margin: 10px auto;
            width: 95%;
        }

        .archives-main-head{
            padding:0px 20px 0px 0px;
        }
    }

    /* ===================================== =================== */
    @media screen and (max-width: 900px) and (min-width: 678px) {
        /* =========================================== */

        .article-box-sub {
            justify-content: space-between;
            text-align: left;
        }

        .article-box-sub p {
            font-size: 14px;
        }
    }


    @media screen and (max-width: 767px) and (min-width: 600px) {
        .article-box {
            height: 160px !important;
        }

        .slider-container {
            height: 500px !important;
        }

        .blog-details-img-box1__single {
            margin-top: 40px;
        }

        .archives-main-head {
            padding: 0px 20px;
        }

        .breadcrumb-style1__inner h2 {
            font-size: 26px;
            line-height: 35px;
            left: 0%;
            text-align: center;
        }

        .breadcrumb-style1__inner {
            display: grid;
            justify-content: center;
            align-items: center;
            gap: 20px;
        }

        .breadcrumb-style1__inner a {
            display: none;
        }


        .indexing-images a img {
            margin: 10px auto;
            width: 100%;
        }

    }

    @media screen and (max-width: 599px) {
        .article-box {
            height: 160px !important;
        }

        .slider-container {
            height: 500px !important;
        }

        .blog-details-img-box1__single {
            margin-top: 40px;
        }

        .archives-main-head {
            padding: 0px 20px 0px 0px;
        }


        /* ==================================== */

        .breadcrumb-style1__inner h2 {
            font-size: 24px;
            line-height: 32px;
            left: 0%;
            text-align: center;
        }

        .breadcrumb-style1__inner {
            display: grid;
            justify-content: center;
            align-items: center;
            gap: 20px;
        }

        .breadcrumb-style1__inner a {
            display: none;
        }

        /* ============================== */

        .indexing-images a img {
            margin: 10px auto;
            width: 100%;
        }

        /* ================================= */

        .article-box-sub {
            justify-content: space-between;
            text-align: left;
        }

        .article-box-sub p {
            font-size: 14px;
        }

    }

    @media screen and (max-width: 380px) {
        .departments-details__sidebar-single-contact-list {
            padding: 0px;
        }

        .departments-details__sidebar-single.contact-info .title h2 {
            padding-left: 0px;
        }
    }