@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;900&display=swap');

/*
  1. Base CSS
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Roboto', sans-serif;
    background: #f9fafb;
}

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1140px;
}

/*
  2. Top Bar Section CSS
*/

.top_bar_section{

    padding:10px 0 12px;

    background:linear-gradient(135deg,#153B73,#1F4D94,#2B63B8);

    position:relative;

    overflow:hidden;

}


                
.top_bar_section .top_bar_dropDown_area .dropdown .dropdown-toggle {
    background-color: transparent;
    border: none;
    color: #ffffff;
}

.top_bar_section .top_bar_dropDown_area .dropdown .dropdown-menu {
    background-color: #f2f2f2;
    transform:none !important;
        left: 0 !important;
    right: auto !important;
}

.top_bar_section .top_bar_dropDown_area .dropdown .dropdown-menu li {
    font-size: 15px;
    font-weight: 400;
    color: black;
}

.top_bar_section .top_bar_dropDown_area .dropdown .dropdown-menu li a:hover {
    background-color: transparent;
    color: #4B2E2E;
}

.top_bar_section .left_side_area .logo{

    padding:8px 0 4px;

}

.top_bar_section .login_area {
    margin-bottom: 20px;
}

.top_bar_section .login_area a {
    font-size: 14px;
    font-weight: 400;
    color: white;
    margin: 0 10px;
}

.top_bar_section .left_side_area .logo .l_side{

    border-right:1px solid rgba(255,255,255,.14);

    padding-right:55px;

    min-height:190px;

    display:flex;

    align-items:center;

}

.top_bar_section .left_side_area .logo .l_side .left_content_text h1 {
    font-size: 40px;
    font-weight: 600;
    margin: 0;
    
    color: white;
}

.top_bar_section .left_side_area .logo .l_side .left_content_text p {
    font-size: 17px;
    font-weight: 500;
    color: white;
    margin: 0;
    letter-spacing: 1px;
}

.top_bar_section .left_side_area .logo .r_side{

    padding-left:5px;

    display:flex;

    align-items:center;

    height:100%;

}
.top_bar_section .left_side_area .logo .r_side .right_content_text h5 {
    font-size: 21px;
    font-weight: 500;
    color: white;
}

.top_bar_section .left_side_area .logo .r_side .right_content_text p {
    font-size: 15px;
    color: white;
}

.top_bar_section .right_side_area p {
    font-size: 16px;
    font-weight: 600;
    color: #7A7A7A;
    margin: 0;
}
.left_logo_image{
    background:#fff;
    border-radius:16px;
    padding:8px;
    display:inline-block;
    box-shadow:0 8px 20px rgba(0,0,0,.25);
    border:2px solid rgba(212,175,55,.35);
}

.left_logo_image img{
    display:block;
    border-radius:10px;
}
@media(min-width:992px){
.l_side_col{
    width:78% !important;
}
.r_side_col{
    width:22% !important;
}
}

/* Media Query */

@media (max-width:1399px) {
    .top_bar_section .top_bar_dropDown_area .dropdown .dropdown-menu {
    inset: auto 0px auto auto !important;
}
}

@media (max-width:991px) {
    .top_bar_section {
        padding: 20px;
    }

    .top_bar_section .left_side_area .logo .l_side .left_content_text h1 {
        font-size: 40px;
        letter-spacing: 33px;
    }

    .top_bar_section .left_side_area .logo .l_side .left_content_text p {
        font-size: 13px;
        letter-spacing: 0.5px;
    }

    .top_bar_section .left_side_area .logo .r_side {
        padding-left: 0;
    }
}

@media (max-width:767px) {
    .top_bar_section .left_side_area .logo .l_side {
        border: none;
    }

    .top_bar_section .left_side_area .logo .r_side {
        text-align: center;
        margin-top: 15px;
    }
}


@media (max-width:575px) {
    .top_bar_section {
        padding: 10px;
    }

    .top_bar_section .right_side_area p {
        font-size: 14px;
        margin: 10px 0 0 0;
    }

    .top_bar_section .left_side_area .l_side .left_logo_image {
        text-align: center;
        margin-bottom: 10px;
    }

    .top_bar_section .left_side_area .l_side .left_logo_image img {
        
         width:130px;
    height:auto;
    transition:.3s;
    }
    

    .top_bar_section .left_side_area .logo .l_side .left_content_text h1 {
        font-size: 22px;
        letter-spacing: 3px;
    }
}

/*
  3. Header CSS
*/

.header{

    background:linear-gradient(135deg,#123663,#1C4A86,#245AA5);

    position:sticky;

    top:0;

    z-index:999;

    width:100%;

    border-top:1px solid rgba(255,255,255,.08);

    border-bottom:1px solid rgba(212,175,55,.18);

    box-shadow:0 10px 28px rgba(0,0,0,.12);

}

.offcanvas {
    border-right: none !important;
}

.header .offcanvas .btn-close:focus {
    box-shadow: none;
}

.header .navbar .navbar-nav{
    display:flex;
    justify-content:left;
    align-items:left;
    gap:18px;
    width:100%;
}

.header .navbar .navbar-nav .nav-item{
    flex:0 0 auto;
    text-align:center;
}

.header .navbar .navbar-nav .nav-item .nav-link{

    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:16px 18px;

    font-size:15px;

    font-weight:600;

    letter-spacing:.4px;

    text-transform:uppercase;

    color:#fff;

    border-radius:10px;

    transition:.3s;

    white-space:nowrap;
}
.header .navbar .navbar-nav .nav-item:hover .nav-link{
    background:rgba(255,255,255,.08);
    color:#ffd56a;
}

.header .navbar .navbar-nav .nav-item .nav-link.active{
    background:linear-gradient(135deg,#c89a2b,#e6c46b);
    color:#0a1f38;
    box-shadow:0 10px 25px rgba(0,0,0,.18);
}

.header .navbar .navbar-nav .nav-item .nav-link.active::after{

    width:46px;

}

.header .navbar .navbar-nav .dropdown-item {
    transition: all 0.3s ease;
}

.header .navbar .navbar-nav .nav-item:hover .dropdown-menu {
    display: block !important;
}

.header .navbar .navbar-nav .dropdown-menu.show {
    display: none;
}

.header .navbar .navbar-toggler {
    margin: 0;
    padding: 0;
    border: none;
    color: #02D3C9;
    font-size: 25px;
}

.header .navbar .navbar-toggler:focus {
    box-shadow: none;
}

.header .navbar .navbar-nav .nav-item .dropdown-menu {
    background: #f2f2f2;
        left: 0 !important;
    right: auto !important;
    transform: none !important;
}

.header .navbar .navbar-nav .nav-item .dropdown-menu li a {
    font-size: 15px;
    font-weight: 400;
    color: black;
    padding: 10px 0;
}

.header .navbar .navbar-nav .dropdown-item:focus,
.header .navbar .navbar-nav .dropdown-item:hover {
     background:#faf5e8;

    color:#b8860b!important;

}
/*=========================================
Logged In User Button
=========================================*/

.user-dropdown-btn{

    display:flex;

    align-items:center;

    gap:8px;

    background:transparent;

    border:none;

    padding:0;

    height:38px;

    color:#fff;

    font-size:14px;

    font-weight:600;

    line-height:1;

}

.user-dropdown-btn:hover{

    background:rgba(255,255,255,.08);
    border-color:#d4af37;

}

.user-dropdown-btn::after{

    margin-left:12px;

}

.user-avatar{

    width:30px;

    height:30px;

    border-radius:50%;

    background:rgba(212,175,55,.12);

    border:2px solid rgba(212,175,55,.25);

    display:flex;

    align-items:center;

    justify-content:center;

}

.user-avatar i{

    font-size:13px;

    color:#d4af37;

}
.top_bar_dropDown_area{

    display:flex;

    align-items:center;

    height:40px;

}
/*=========================================
Hover Dropdown
=========================================*/

.top_bar_dropDown_area .dropdown{
    position:relative;
}

.top_bar_dropDown_area .dropdown-menu{

    display:block;

    opacity:0;

    visibility:hidden;

    transform:translateY(10px);

    transition:all .25s ease;

    margin-top:8px;

    border:none;

    border-radius:14px;

    box-shadow:0 15px 35px rgba(0,0,0,.12);

    min-width:220px;

    right:0;
    left:auto;

}

.top_bar_dropDown_area .dropdown:hover .dropdown-menu{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

/* Media Query */

@media (max-width:767px){

.header{
    padding:12px 0;
}

.navbar>.container{

    display:flex;

    justify-content:center;

    align-items:center;

    position:relative;

}

.header .navbar-toggler{
    color:#fff;
    font-size:30px;
}

.offcanvas{

    width:300px;

    background:#fcfaf4;

    border-right:4px solid #b8860b !important;

}

.offcanvas-header{

    border-bottom:1px solid #e7d7a6;

    padding:18px;

}

.offcanvas-header .btn-close{

    font-size:18px;

    opacity:1;

}

.offcanvas-body{

    padding:15px;

}

.header .navbar .navbar-nav{

    width:100%;

}
.header .navbar .navbar-nav{
    align-items:stretch !important;
}

.header .navbar .navbar-nav .nav-item{
    width:100%;
}

.header .navbar .navbar-nav .nav-item .nav-link{
    text-align:left !important;
    width:100%;
}

.header .navbar .navbar-nav .nav-item{

    margin-bottom:10px;

}

.header .navbar .navbar-nav .nav-item .nav-link{

    display:block;

    padding:14px 18px;

    background:#ffffff;

    border-radius:10px;

    color:#4B2E2E;

    font-size:16px;

    font-weight:600;

    text-align:left;

    box-shadow:0 2px 8px rgba(0,0,0,.05);

    transition:.25s;

}

.header .navbar .navbar-nav .nav-item .nav-link:hover{

    background:#b8860b;

    color:#fff;

}

.header .navbar .navbar-nav .nav-item .nav-link.active{

    background:#b8860b;

    color:#fff;

}

.header .navbar .navbar-nav .dropdown-menu{

    background:#fff;

    border:none;

    margin-top:6px;

    border-radius:8px;

    box-shadow:0 5px 15px rgba(0,0,0,.08);

    padding:8px;

}

.header .navbar .navbar-nav .dropdown-item{

    padding:10px 15px;

    border-radius:6px;

}

.header .navbar .navbar-nav .dropdown-item:hover{

    background:#f7efe0;

    color:#b8860b;

}

}

/*
  4. Content Area Section CSS
*/

.content_area_section {
    padding: 50px 0;
}

.content_area_section .left_side_area .top_content_area .name_field li:first-child p {
    font-weight: 700;
    color: #313131;
}

.content_area_section .left_side_area .top_content_area .name_field li p {
    font-size: 16px;
    font-weight: 400;
    color: rgb(63 63 63);
    display: flex;
}

.content_area_section .left_side_area .top_content_area .name_field li p .class1 {
    width: 27%;
    display: block;
}

.content_area_section .left_side_area .top_content_area .name_field li p .class2 {
    width: 2%;
    display: block;
}

.content_area_section .left_side_area .top_content_area .name_field li p .class3 {
    width: 71%;
    display: block;
}

.content_area_section .left_side_area .top_content_area .name_field li p {
    font-size: 16px;
    font-weight: 400;
    color: rgb(63 63 63);
}

.content_area_section .left_side_area .submission_guidelines_area {
    margin-top: 50px;
}

.content_area_section .left_side_area .submission_guidelines_area .main_text h5 {
    font-size: 16px;
    font-weight: 700;
    color: #7A7A7A;
}

.content_area_section .right_side_area .search_box form h5 {
    font-size: 16px;
    font-weight: 500;
    color: black;
    margin-bottom: 5px;
}

.content_area_section .right_side_area .search_box form .search_input {
    font-size: 15px;
    color: black;
    width: 100%;
    padding: 8px;
    border: 1px solid #e2e8f0;
}

.content_area_section .right_side_area .search_box form .search_btn {
    font-size: 16px;
    font-weight: 500;
    color: white;
    border: none;
    background: #4B2E2E;
    width: 100%;
    height: 100%;
}



.content_area_section .left_side_content_box_area {
    background-color: white;
}

.content_area_section .left_side_content_box_area .join_as_reviewer_top_area {
    padding: 50px;
    border-bottom: 1px solid #e2e8f0;
}

.content_area_section .left_side_content_box_area .join_as_reviewer_top_area h1 {
    font-size: 40px;
    font-weight: 300;
}

.content_area_section .left_side_content_box_area .join_as_reviewer_top_area p {
    font-size: 16px;
    font-weight: 400;
    color: #334155;
    margin-bottom: 5px;
    word-break: break-word;
}

.content_area_section .left_side_content_box_area .join_as_reviewer_bottom_area {
    padding: 50px;
}

.content_area_section .left_side_content_box_area .join_as_reviewer_bottom_area p {
    font-size: 16px;
    font-weight: 400;
    color: #334155;
    margin-bottom: 30px;
}

.content_area_section .left_side_content_box_area .join_as_reviewer_bottom_area .search_input {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    border: 1px solid #e2e8f0;
    background: #F9FAFB;
    padding: 12px 10px;
}

.content_area_section .left_side_content_box_area .join_as_reviewer_bottom_area .search_btn {
    font-size: 16px;
    font-weight: 500;
    color: white;
    border: none;
    background: #4B2E2E;
    padding: 12px 25px;
}

.content_area_section .left_side_contact_area,
.content_area_section .left_side_editorial_board_box,
.content_area_section .left_side_submit_article_box,
.content_area_section .left_side_archieves_area,
.content_area_section .left_side_archieves_detail_area,
.content_area_section .left_side_about_us_area,
.content_area_section .left_side_privacy_policy_area,
.content_area_section .left_side_login_area {
    /*background-color: white;*/
}

.content_area_section .left_side_contact_area .inner_content,
.content_area_section .left_side_editorial_board_box .editor_box_inner,
.content_area_section .left_side_submit_article_box .submit_article_inner,
.content_area_section .left_side_about_us_area .about_us_inner,
.content_area_section .left_side_privacy_policy_area .about_us_privacy_policy_inner,
.content_area_section .left_side_login_area .login_inner {
    padding: 50px;
}

.content_area_section .left_side_login_area .login_inner .registration_success li a{
    font-size: 17px;
    font-weight: 500;
    color: #4B2E2E;
}

.content_area_section .left_side_login_area .login_inner .top_text h4 {
    font-size: 22px;
    font-weight: 600;
    color: black;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.content_area_section .left_side_login_area .login_inner form .form-label{

    font-size:13px;

    font-weight:700;

    color:#9a6d00;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:8px;

}
textarea.form-control{

    min-height:180px;

    resize:vertical;

    line-height:1.8;

}

.content_area_section .left_side_login_area .login_inner form .form-control{

    background:#faf9f7;

    border:1px solid #e8e2d7;

    border-radius:14px;

    padding:14px 18px;

    font-size:15px;

    font-weight:500;

    color:#333;

    min-height:52px;

    box-shadow:none;

    transition:.25s;

}

.content_area_section .left_side_login_area .login_inner form .form-check-label {
    font-size: 14px;
    margin-bottom: 15px;
}

.content_area_section .left_side_login_area .login_inner form .register_btn {
    border: none;
    background: transparent;
    font-size: 16px;
    font-weight: 400;
    color: #4B2E2E;
    text-decoration: underline;
    margin-right: 20px;
}

.content_area_section .left_side_login_area .login_inner form .login_btn {
    background: linear-gradient(180deg, #e8e8e8 0%, #f4f4f4 100%);
    font-size: 16px;
    font-weight: 400;
    color: #4B2E2E;
    border: none;
    padding: 8px 20px;
    border-radius: 7px;
}

.content_area_section .left_side_archieves_area .archieves_inner,
.content_area_section .left_side_archieves_detail_area .archieves_detail_inner {
    padding: 30px;
}

.content_area_section .left_side_archieves_detail_area .archieves_detail_inner .top_text h4 {
    font-size: 18px;
    font-weight: 600;
    color: black;
}

.content_area_section .left_side_contact_area .inner_content p {
    font-size: 16px;
    font-weight: 400;
    color: #7A7A7A;
    margin-bottom: 5px;
}

.content_area_section .left_side_contact_area .inner_content p.main_text {
    font-weight: 700;
}

.content_area_section .left_side_editorial_board_box .editor_box_inner p {
    font-size: 16px;
    font-weight: 400;
    color: #7A7A7A;
    margin-bottom: 5px;
}

.content_area_section .left_side_editorial_board_box .editor_box_inner b {
    font-size: 16px;
    font-weight: 600;
    color: #7A7A7A;
}

.content_area_section .left_side_editorial_board_box .editor_box_inner a {
    font-size: 16px;
    font-weight: 400;
    color: #4B2E2E;
}

.content_area_section .left_side_submit_article_box .submit_article_inner p {
    font-size: 16px;
    font-weight: 400;
    color: #7A7A7A;
}

.content_area_section .left_side_submit_article_box .submit_article_inner p b {
    font-weight: 600;
}

.content_area_section .left_side_submit_article_box .submit_article_inner table tbody tr td {
    font-size: 16px;
    font-weight: 400;
    color: #7A7A7A;
    border: 1px solid;
    padding: 0.5em;
}



.content_area_section .left_side_archieves_area .dashboard_inner {
    border: none;
}

.content_area_section .left_side_archieves_area .archieves_inner a {
    font-size: 16px;
    font-weight: 500;
    color: #4B2E2E;
}

.content_area_section .left_side_archieves_area .archieves_inner p {
    font-size: 16px;
    font-weight: 400;
    color: #7A7A7A;
}

.content_area_section .left_side_archieves_area .archieves_inner .right_side_text a,
.content_area_section .left_side_archieves_detail_area .archieves_detail_inner .info .right_side_area a {
    font-size: 14px;
    font-weight: 600;
    color: #4B2E2E;
}

.content_area_section .left_side_archieves_area .archieves_inner .right_side_text p,
.content_area_section .left_side_archieves_detail_area .archieves_detail_inner .info .right_side_area p {
    font-size: 14px;
    font-weight: 400;
    color: #7A7A7A;
    margin-bottom: 6px;
}

.content_area_section .left_side_archieves_area .archieves_inner .right_side_text p b,
.content_area_section .left_side_archieves_detail_area .archieves_detail_inner .info .right_side_area p b {
    font-weight: 600;
    color: #7A7A7A;
}

.content_area_section .left_side_area .index_in_area {
    margin: 30px 0;
}

.content_area_section .left_side_archieves_detail_area .archieves_detail_inner .articles {
    margin-top: 30px;
}

.content_area_section .left_side_area .index_in_area .text {
    margin-bottom: 30px;
}

.content_area_section .left_side_archieves_detail_area .archieves_detail_inner .articles .text::before,
.content_area_section .left_side_area .index_in_area .text::before {
    position: absolute;
    content: "";
    width: 100%;
    border-top: 1px solid #ddd;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.content_area_section .left_side_archieves_detail_area .archieves_detail_inner .articles .text h5,
.content_area_section .left_side_area .index_in_area .text h5 {
    font-size: 20px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.54);
    margin: 0;
    position: relative;
    background-color: #f9fafb;
    padding: 0 1.0715rem;
    display: inline-block;
}

/*.content_area_section .left_side_archieves_detail_area .archieves_detail_inner .articles .articles_area {*/
/*    padding-top: 50px;*/
/*}*/

.content_area_section .left_side_archieves_detail_area .archieves_detail_inner .articles .articles_area .article_box {
    padding: 15px;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-bottom: 30px;
}

.content_area_section .left_side_archieves_detail_area .archieves_detail_inner .articles .articles_area .article_box .top_area .r_side_image h5 {
    font-size: 15px;
    font-weight: 600;
    color: #4B2E2E;
}

.content_area_section .left_side_archieves_detail_area .archieves_detail_inner .articles .articles_area .article_box .top_area .r_side_image p {
    font-size: 14px;
    font-weight: 400;
    color: #7A7A7A;
    margin-bottom: 6px;
}

.content_area_section .left_side_archieves_detail_area .archieves_detail_inner .articles .articles_area .article_box .top_area .r_side_image p b {
    font-weight: 600;
    color: #7A7A7A;
}

.content_area_section .left_side_archieves_detail_area .archieves_detail_inner .articles .articles_area .article_box .top_area .r_side_image .pdf_btn{
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background-color: #4B2E2E;
    padding: 8px 16px;
    margin-top: 6px;
    display: inline-block;
}

.content_area_section .left_side_archieves_detail_area .archieves_detail_inner .articles .articles_area .article_box .top_area .article_description {
    margin-top: 20px;
}

.content_area_section .left_side_archieves_detail_area .archieves_detail_inner .articles .articles_area .article_box .top_area .article_description p {
    font-size: 14px;
    font-weight: 400;
    color: #313131;
    margin-bottom: 6px;
    line-height: 25px;
}

.content_area_section .left_side_archieves_detail_area .archieves_detail_inner .articles .articles_area .article_box .top_area .article_description p b {
    font-weight: 600;
    color: #313131;
}

.content_area_section .left_side_about_us_area .about_us_inner p {
    font-size: 16px;
    font-weight: 400;
    color: #7A7A7A;
}

.content_area_section .left_side_about_us_area .about_us_inner p b {
    font-weight: 600;
}

.content_area_section .left_side_privacy_policy_area .about_us_privacy_policy_inner p {
    font-size: 16px;
    font-weight: 400;
    color: #7A7A7A;
}

.content_area_section .left_side_privacy_policy_area .about_us_privacy_policy_inner p b {
    font-weight: 600;
}

.content_area_section .left_side_privacy_policy_area .about_us_privacy_policy_inner ol li {
    list-style: auto;
    font-size: 16px;
    font-weight: 400;
    color: #7A7A7A;
}

.content_area_section .left_side_privacy_policy_area .about_us_privacy_policy_inner ol li b {
    font-size: 16px;
    font-weight: 600;
    color: #7A7A7A;
}


   /* KEYWORDS */


.keywords-section-v2 {
    background: #fafafa;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 20px 22px;
    margin: 20px 0;
}

.keywords-section-v2 .keywords-title-v2 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 600;
    color: #2c2c2c;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-bottom: 10px;
    margin-bottom: 14px;
    border-bottom: 1px solid #e0e0e0;
}

.keywords-section-v2 .keywords-title-v2 i {
    color: #8a6d3b;
    font-size: 14px;
}

.keywords-section-v2 .keyword-list-v2 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.keywords-section-v2 .keyword-chip-v2 {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #d8d0c0;
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 20px;
    transition: all 0.2s ease;
    cursor: default;
}

.keywords-section-v2 .keyword-chip-v2:hover {
    background: #8a6d3b;
    border-color: #8a6d3b;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(138, 109, 59, 0.25);
}


/*==================================================
ABOUT THE JOURNAL
==================================================*/

.index_area_banner{

margin-top:50px;

}

.about-row{

    row-gap:6px;

    --bs-gutter-x:16px;

    --bs-gutter-y:6px;

}

/*=========================================
HEADING
=========================================*/

.index_area_banner .text{

margin-bottom:35px;

position:relative;

}

.index_area_banner .text h5{

display:inline-block;

padding:14px 38px;

background:linear-gradient(135deg,#123663,#245AA5);

border:none;

border-radius:50px;

font-size:32px;

font-weight:700;

color:#ffffff;

box-shadow:0 12px 30px rgba(18,54,99,.25);

letter-spacing:.5px;

}

/*=========================================
CARD
=========================================*/

.index_area_banner_box{

height:100%;

background:#ffffff;

border-radius:20px;

padding:18px;

border:1px solid #d6e3f5;

box-shadow:0 14px 35px rgba(0,0,0,.06);

position:relative;

overflow:hidden;

transition:.35s;

}

.index_area_banner_box::before{

content:"";

position:absolute;

left:0;

top:0;

width:4px;

height:100%;

background:linear-gradient(180deg,#123663,#245AA5);

transition:.35s;

}

.index_area_banner_box:hover{

transform:translateY(-8px);

box-shadow:0 24px 45px rgba(0,0,0,.12);

}

.index_area_banner_box:hover::before{

width:8px;

}

/*=========================================
ROW
=========================================*/

.index_area_banner_box .row{

align-items:flex-start;

}

/*=========================================
ICON
=========================================*/

.index_banner_left_side_icon{

    width:44px;

    height:44px;

    border-radius:12px;

    background:#edf5ff;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:auto;

    transition:.35s;

}

.index_banner_left_side_icon i{

    font-size:18px !important;

    color:#245AA5 !important;

}

.index_area_banner_box:hover .index_banner_left_side_icon{

transform:rotate(-8deg) scale(1.08);

background:#245AA5;

}

.index_area_banner_box:hover .index_banner_left_side_icon i{

color:#FFD34D !important;

}

/*=========================================
TEXT
=========================================*/

.index_banner_right_side_text{

padding-left:12px;

}

.index_banner_right_side_text h3{

font-size:16px;
line-height:1.25;
margin-bottom:10px !important;

padding-bottom:8px;

font-weight:700;

letter-spacing:.5px;

text-transform:uppercase;

color:#123663 !important;

position:relative;


}

.index_banner_right_side_text h3::after{

content:"";

position:absolute;

left:0;

bottom:0;

width:42px;

height:2px;

border-radius:20px;

background:#245AA5;

transition:.35s;

}

.index_area_banner_box:hover h3::after{

width:90px;
background:#FFD34D;

}

.index_banner_right_side_text p{

font-size:14px;

line-height:1.65;

color:#56697f;

margin:0;

}

/*=========================================
SUBTLE GLOW
=========================================*/

.index_area_banner_box::after{

content:"";

position:absolute;

right:-60px;

top:-60px;

width:150px;

height:150px;

border-radius:50%;

background:rgba(36,90,165,.06);

}

/*=========================================
TABLET
=========================================*/

@media(max-width:991px){

.index_area_banner .text h5{

font-size:28px;

}

.index_banner_left_side_icon{

width:56px;

height:56px;

}

.index_banner_left_side_icon i{

font-size:21px !important;

}

.index_banner_right_side_text h3{

font-size:18px;

}

.index_banner_right_side_text p{

font-size:14px;

}

}

/*=========================================
MOBILE
=========================================*/

@media(max-width:767px){

.index_area_banner{

margin-top:35px;

}

.index_area_banner .text{

margin-bottom:24px;

}

.index_area_banner .text h5{

font-size:24px;

padding:10px 20px;

}

.index_area_banner_box{

padding:18px;

border-radius:16px;

}

.index_banner_left_side_icon{

width:48px;

height:48px;

border-radius:14px;

}

.index_banner_left_side_icon i{

font-size:18px !important;

}

.index_banner_right_side_text{

padding-left:14px;

}

.index_banner_right_side_text h3{

font-size:16px;

margin-bottom:10px !important;

}

.index_banner_right_side_text p{

font-size:14px;

line-height:1.7;

}

}
/*==================================================
ABOUT JOURNAL HEADING
==================================================*/

.about-heading{

    position:relative;

    text-align:center;

    padding:5px 0 20px;

    margin-bottom:10px;

}

.about-heading::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    top:-80px;

    right:-90px;

    border-radius:50%;

    background:rgba(212,170,60,.06);

}

.about-heading::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    bottom:-120px;

    left:-100px;

    border-radius:50%;

    background:rgba(212,170,60,.05);

}

.about-heading-icon{

    width:62px;

    height:62px;

    margin:0 auto 16px;

    border-radius:50%;

    background:linear-gradient(135deg,#123663,#245AA5);

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:0 15px 30px rgba(18,54,99,.25);

}

.about-heading-icon i{

    font-size:25px;

    color:#f4c54f;

}

.about-heading h2{

    font-size:30px;

    font-weight:700;

    margin-bottom:8px;

    color:#123663;

}

.about-heading p{

    font-size:15px;

font-weight:500;

letter-spacing:.2px;

    color:#245AA5;

    margin:0;

    position:relative;

    z-index:2;

}
/*==================================================
ABOUT JOURNAL WRAPPER
==================================================*/

.about-journal-wrapper{

    background:linear-gradient(180deg,#ffffff,#fcfaf7);

    border:1px solid #eadfce;

    border-radius:24px;

    padding:24px;

    position:relative;

    overflow:hidden;

    box-shadow:0 14px 35px rgba(0,0,0,.06);

}

/* Decorative circles */



.about-journal-wrapper::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(111,55,47,.04);

    bottom:-120px;

    left:-100px;

}

/* keep cards above decorations */

.about-journal-wrapper .row{

    position:relative;

    z-index:2;

}

/* Media Query */

@media (max-width:767px) {
    .content_area_section .right_side_area {
        margin-top: 30px;
    }
}

@media (max-width:575px) {
    .content_area_section {
        padding: 30px 0;
    }

    .content_area_section .left_side_area .top_content_area .home_image {
        text-align: center;
        margin-bottom: 30px;
    }

    .content_area_section .left_side_area .top_content_area .home_image img {
        max-height: 200px;
        width: auto;
    }

    .content_area_section .left_side_content_box_area .join_as_reviewer_top_area,
    .content_area_section .left_side_content_box_area .join_as_reviewer_bottom_area,
    .content_area_section .left_side_contact_area .inner_content,
    .content_area_section .left_side_editorial_board_box .editor_box_inner,
    .content_area_section .left_side_submit_article_box .submit_article_inner,
    .content_area_section .left_side_about_us_area .about_us_inner,
    .content_area_section .left_side_privacy_policy_area .about_us_privacy_policy_inner,
    .content_area_section .left_side_login_area .login_inner {
        padding: 25px;
    }

    .content_area_section .left_side_archieves_area .archieves_inner,
    .content_area_section .left_side_archieves_detail_area .archieves_detail_inner {
        padding: 15px;
    }

    .content_area_section .left_side_content_box_area .join_as_reviewer_top_area h1 {
        font-size: 35px;
    }

    .content_area_section .left_side_archieves_area .archieves_inner .left_side_image,
    .content_area_section .left_side_archieves_detail_area .archieves_detail_inner .info .left_side_area {
        text-align: center;
        margin-bottom: 30px;
    }

    .content_area_section .left_side_archieves_area .archieves_inner .right_side_text {
        text-align: center;
    }

    .content_area_section .left_side_archieves_area .archieves_inner .left_side_image img,
    .content_area_section .left_side_archieves_detail_area .archieves_detail_inner .info .left_side_area img {
        max-height: 200px;
        width: auto !important;
    }

    .content_area_section .left_side_archieves_detail_area .archieves_detail_inner .info .right_side_area {
        text-align: center;
    }

    .content_area_section .left_side_archieves_detail_area .archieves_detail_inner .articles {
        margin-top: 30px;
    }

    .content_area_section .left_side_archieves_detail_area .archieves_detail_inner .articles .articles_area {
        padding-top: 30px;
    }

    .content_area_section .left_side_archieves_detail_area .archieves_detail_inner .articles .articles_area .article_box .top_area .l_side_image {
        text-align: center;
        margin-bottom: 25px;
    }

    .content_area_section .left_side_archieves_detail_area .archieves_detail_inner .articles .articles_area .article_box .top_area .l_side_image img {
        max-height: 150px;
        width: auto;
    }

    .content_area_section .left_side_archieves_detail_area .archieves_detail_inner .articles .articles_area .article_box .top_area .r_side_image {
        text-align: center;
    }

    .content_area_section .left_side_archieves_detail_area .archieves_detail_inner .articles .articles_area .article_box .top_area .article_description {
        text-align: center;
    }
    
    .content_area_section .right_side_area .copyright_form_btn img{
        width: 150px;
    }
}

/*
  5. Footer CSS
*/

.footer .footer_top{

    padding:60px 0;

    background:linear-gradient(135deg,#123663,#1C4A86,#245AA5);

    position:relative;

    overflow:hidden;

}
.footer .footer_top::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

    top:-160px;

    right:-120px;

}

.footer .footer_top::after{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

    background:rgba(255,211,77,.08);

    bottom:-140px;

    left:-100px;

}

.footer .footer_top .f_1 .main_text h5,
.footer .footer_top .f_2 .main_text h5,
.footer .footer_top .f_3 .main_text h5{

    font-size:20px;

    font-weight:700;

    text-transform:uppercase;

    color:#FFD34D;

    letter-spacing:1px;

    margin-bottom:22px;

    position:relative;

    padding-bottom:12px;

}
.footer .footer_top .main_text h5::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:55px;

    height:3px;

    border-radius:20px;

    background:#FFD34D;

}

.footer .footer_top .f_1 p {
    font-size: 15px;
    font-weight: 300;
    color: white;
}

.footer .footer_top .f_2 ul li {
    margin: 5px 0;
}

.footer .footer_top .f_2 ul li a{

    color:#EAF2FF;

    text-decoration:none;

    transition:.35s;

    display:inline-block;

    position:relative;

    font-weight:500;

}
.footer .footer_top .f_2 ul li a:hover{

    color:#FFD34D;

    transform:translateX(8px);

}

.footer .footer_top .f_3 ul li {
    margin: 10px 0;
}

.footer .footer_top .f_3 ul li .icon {
    color: #fff;
}

.footer .footer_top .f_3 ul li .text h6 {
    font-size: 16px;
    font-weight: 400;
    color: white;
    margin: 0;
}

.footer .footer_top .f_3 ul li .text p {
    font-size: 15px;
    font-weight: 300;
    color: white;
    margin: 0;
    word-break: break-word;
}

.footer .footer_top .f_3 ul li .text a {
    font-size: 15px;
    font-weight: 300;
    color: white;
    margin: 0;
    word-break: break-word;
}

.footer .footer_bottom {
    background: linear-gradient(180deg, #e8e8e8 0%, #f4f4f4 100%);
    padding: 15px 0;
}

.footer .footer_bottom p {
    font-size: 15px;
    font-weight: 400;
    color: #334155;
}

/* Media Query */

@media (max-width:767px) {
    .footer .footer_top .f_1 {
        margin-bottom: 30px;
    }

    .footer .footer_top .f_1,
    .footer .footer_top .f_2 {
        margin-bottom: 30px;
    }

    .footer .footer_top .f_1 .main_text h5,
    .footer .footer_top .f_2 .main_text h5,
    .footer .footer_top .f_3 .main_text h5 {
        margin-bottom: 10px;
    }
}

@media (max-width:575px) {
    .footer .footer_top {
        padding: 30px 0;
    }

    .footer .footer_top .f_1 .main_text h5,
    .footer .footer_top .f_2 .main_text h5,
    .footer .footer_top .f_3 .main_text h5 {
        font-size: 16px;
    }
}


/* Article Banner Section */

.article_banner_section {
    background: #EDEDED;
    padding: 60px 30px 10px 30px;
}

.article_banner_section .text h1 a {
    font-size: 40px;
    font-weight: 400;
    color: #4B2E2E;
    margin-bottom: 15px;
    display: block;
}

.article_banner_section .text h3 {
    font-size: 28px;
    font-weight: 400;
    color: #343a40;
    letter-spacing: 1px;
    margin: 0;
}

/* Media Query */

@media (max-width:991px) {
    .article_banner_section {
        padding: 45px 25px;
        text-align: center;
    }

    .article_banner_section .text h1 a {
        font-size: 30px;
    }

    .article_banner_section .text h3 {
        font-size: 20px;
    }
}

@media (max-width:575px) {
    .article_banner_section .text h1 a {
        font-size: 22px;
    }

    .article_banner_section {
        padding: 30px 15px;
    }

    .article_banner_section .text h3 {
        font-size: 15px;
    }
}

/* Article Area Section */

.article_area_section {
    padding: 30px 0;
}

.article_area_section .article_content .article_top_area {
    margin-bottom: 15px;
}

.citation-body {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 10px;
    padding: 20px;
    position: relative;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* ---------- Author Cards ---------- */

.article_area_section .article_content .article_top_area{

margin-bottom:30px;

}

.author_detail{

padding:18px 22px;

border-radius:12px;

transition:.3s;

}

.author_detail:hover{

background:#faf8f3;

box-shadow:0 8px 22px rgba(0,0,0,.05);

}

.author_detail h5{

font-size:22px;

font-weight:700;

margin-bottom:10px;

color:#222;

}

.author_detail p{

display:flex;

align-items:flex-start;

gap:10px;

font-size:15px;

line-height:1.6;

color:#5d6470;

margin:0;

}

.author_detail p i{

color:#b8860b;

margin-top:5px;

font-size:15px;

flex-shrink:0;

}

/*=================================================
ARTICLE VIEW TABS
=================================================*/

.article-tabs{
border:none;
margin-bottom:0;
gap:10px;
}

.article-tabs .nav-link{
background:#f5f5f5;
border:1px solid #ddd;
color:#555;
font-size:15px;
font-weight:600;
padding:12px 28px;
border-radius:10px 10px 0 0;
transition:.25s;
}

.article-tabs .nav-link:hover{
background:#faf5e8;
color:#b8860b;
}

.article-tabs .nav-link.active{
background:#b8860b!important;
color:#fff!important;
border-color:#b8860b;
box-shadow:0 4px 12px rgba(184,134,11,.20);
}

.article-content-box{
background:#fff;
border:1px solid #e6e6e6;
border-radius:0 12px 12px 12px;
box-shadow:0 5px 18px rgba(0,0,0,.05);
}

.scroll-box{

    height:420px;

    overflow-y:auto;

    padding:28px 35px 50px 35px;

    box-sizing:border-box;

    line-height:1.85;

}

.scroll-box p{
font-size:16px;
line-height:1.9;
font-style:normal;
color:#444;
}

.scroll-box::-webkit-scrollbar{
width:8px;
}

.scroll-box::-webkit-scrollbar-thumb{
background:#c9c9c9;
border-radius:20px;
}

.ref_content{
font-size:15px;
line-height:1.9;
}

@media(max-width:768px){

.scroll-box{

height:500px;

}

}

.article_area_section .article_sidebar .top_bar h5 {
    font-size: 18px;
    font-weight: 400;
    color: #4B2E2E;
    display: inline-block;
    padding: 10px;
    border-bottom: 2px solid #4B2E2E;
}

.article_area_section .article_sidebar .tab_content .card .list_group {
    border-bottom: 1px dashed #dee2e6;
}

.article_area_section .article_sidebar .tab_content .card .list_group .cover_image img {
    max-width: 100px;
}

.article_area_section .article_sidebar .tab_content .card .list_group .download_btn a {
    font-size: 15px;
    color: #fff;
    background-color: #4B2E2E;
    padding: 5px 15px;
}

.article_area_section .article_sidebar .tab_content .card .list_group .date_published p {
    font-size: 16px;
    font-weight: 400;
}

.article_area_section .article_sidebar .tab_content .card .list_group .title p {
    font-size: 16px;
    font-weight: 400;
}

.article_area_section .article_sidebar .tab_content .card .list_group .title p a {
    color: #4B2E2E;
    font-weight: 500;
}

.article_area_section .article_sidebar .tab_content .card .list_group .section p {
    font-size: 16px;
    font-weight: 400;
}


.article_area_section .article_sidebar .tab_content .card .list_group .copyright p {
    font-size: 14px;
    font-weight: 400;
}
.citation-card{

margin-top:35px;

background:#fff;

border:1px solid #dedede;

border-radius:10px;

padding:25px;

box-shadow:0 8px 24px rgba(0,0,0,.06);

}

.citation-title{

font-size:22px;

font-weight:700;

margin-bottom:18px;

color:#222;

}

.citation-title i{

font-size:20px;

color:#b8860b;

margin-right:8px;

}.citation-title i{

font-size:20px;

color:#b8860b;

margin-right:8px;

}

.citation-tabs{

margin-bottom:20px;

}

.citation-tabs .nav-link{

background:#f5f5f5;

border:none;

border-radius:20px;

padding:5px 14px;

margin-right:8px;

font-size:13px;

font-weight:600;

color:#555;

transition:.25s;

}

.citation-tabs .nav-link.active{

background:#b8860b!important;

color:#fff!important;

}

.citation-tabs .nav-link:hover{

background:#b8860b;

color:#fff;

}

.citation-body{

border:1px solid #ececec;

background:#fafafa;

padding:18px 20px;

border-radius:8px;

font-size:15px;

line-height:1.8;

color:#333;

}

.citation-body em{

font-style:italic;

font-weight:normal;

}

.citation-note{

margin-top:15px;

font-size:13px;

color:#777;

}
.copy-citation-btn{

float:right;

background:#b8860b;

color:#fff;

border:none;

padding:5px 12px;

font-size:12px;

font-weight:600;

border-radius:5px;

cursor:pointer;

margin-bottom:15px;

transition:.3s;

}

.copy-citation-btn:hover{

background:#966b00;

}

.copy-citation-btn i{

margin-right:4px;

}
.issue-heading{

font-size:20px;

font-weight:700;

color:#9b6a00;

text-transform:uppercase;

letter-spacing:1px;
margin-bottom:40px;

}

.issue-date{

font-size:20px;

font-weight:700;

color:#9b6a00;

text-transform:uppercase;

letter-spacing:1px;

}

.issue-separator{

font-size:26px;

font-weight:300;

color:#d2a134;

}

.issue-volume{

font-size:20px;

font-weight:700;

color:#9b6a00;

text-transform:uppercase;

letter-spacing:1px;

}

/* Media Query */

@media (max-width:767px) {
    .article_area_section .article_sidebar {
        margin-top: 30px;
    }
}



/* view and download */
.content_area_section .left_side_archieves_detail_area .archieves_detail_inner .articles .articles_area .article_box .top_area .r_side_image .left_side_pdf_btn .pdf_btn {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background-color: #4B2E2E;
    padding: 8px 16px;
    margin-top: 6px;
    display: inline-block;
}

.content_area_section .left_side_archieves_detail_area .archieves_detail_inner .articles .articles_area .article_box .top_area .r_side_image .right_side_content_area p span {
    font-size: 15px;
}

@media (max-width:575px) {
    .content_area_section .right_side_content_area {
        justify-content: center !important;
        margin-top: 10px !important;
    }
}

@media (max-width:375px) {
    .content_area_section .right_side_content_area {
        display: block !important;
    }
}



/* New css  */

.submission_complete_section .top_text h3,
.submission_complete_section .happens_text h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.submission_complete_section .top_text p,
.submission_complete_section .happens_text p {
    font-size: 15px;
}

.submission_complete_section  .happens_text ul {
    padding-left: 30px;
}

.submission_complete_section  .happens_text ul li{
    list-style: disc;
}

.submission_complete_section  .happens_text ul li a{
    text-decoration: underline;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #ededed;
}

.submissions_section {
    background-color: #ededed;
}

.submissions_section .sub_text h5 {
    font-size: 20px;
    margin-bottom: 20px;
}

.submissions_section .top_area .l_side {
    padding: 10px;
    background-color: white;
    border-top: 2px solid skyblue;
    border-bottom: 2px solid #ededed;
}

.submissions_section .top_area .l_side p {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.submissions_section .top_area .l_side p span {
    width: 25px;
    height: 25px;
    font-size: 15px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    border: 1px solid gray;
}

.submissions_section .top_area .r_side {
    padding: 10px;
    background-color: white;
}

.submissions_section .top_area .r_side a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}

.submissions_section .top_area .r_side a i {
    color: #32b132;
}

.submissions_section .archived_submissions_area {
    background-color: white;
    padding: 20px;
}

.submissions_section .archived_submissions_area .archived_submissions_area_inner {
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_top_area {
    padding: 10px;
    border-bottom: 2px solid #ededed;
}

.submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_top_area .left_side p {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_top_area .right_side .search_btn {
    width: 37px;
    height: 38px;
    border: 2px solid #ededed;
    margin-right: -6px;
    background-color: transparent;
}

.submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_top_area .right_side input {
    width: 250px;
    border: 2px solid #ededed;
    padding: 5px 10px;
}

.submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_top_area .right_side .submission_btn {
    font-size: 15px;
    font-weight: 500;
    color: #4B2E2E;
    border: 2px solid #ededed;
    padding: 5px 10px;
    background-color: transparent;
}

.submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_bottom_area {
    padding: 10px;
}

.submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_bottom_area ol li .left_side_view h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

.submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_bottom_area ol {
    margin: 0;
}

.submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_bottom_area ol li {
    margin-bottom: 20px;
}

.submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_bottom_area ol li:last-child {
    margin: 0;
}

.submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_bottom_area ol li .left_side_view p {
    font-size: 16px;
    margin: 0;
}

.submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_bottom_area ol li .right_side_view button {
    font-size: 15px;
    font-weight: 500;
    color: #4B2E2E;
    border: 2px solid #ededed;
    padding: 5px 10px;
    background-color: transparent;
}

/* Media Query */


@media (max-width:767px) {
    .submissions_section .archived_submissions_area {
        padding: 15px;
    }

    .submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_top_area .left_side p {
        font-size: 16px;
    }

    .submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_top_area .right_side input {
        width: 120px;
    }

    .submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_top_area .right_side .submission_btn {
        font-size: 14px;
        padding: 7px 8px;
    }

    .submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_top_area .left_side p {
        font-size: 15px;
    }

    .submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_bottom_area ol li .right_side_view button {
        width: 60px;
        margin-bottom: 4px;
    }
}

@media (max-width:575px) {
    .submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_top_area {
        display: block !important;
    }

    .submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_top_area .left_side p {
        margin-bottom: 10px;
    }

    .submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_top_area .right_side input {
        width: 84%;
        margin-bottom: 10px;
    }

    .submissions_section .archived_submissions_area .archived_submissions_area_inner .archived_bottom_area ol li .right_side_view {
        text-align: start !important;
        margin-top: 10px;
    }
}
.header .navbar .navbar-nav .nav-item {
    position: relative;
}

.header .navbar .navbar-nav .nav-item .dropdown-menu {
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    text-align: left !important;
}
.home_image img {
    border-radius: 15px;
}

/*==========================
PREMIUM ANNOUNCEMENTS
==========================*/

.announcement-sidebar{

background:#ffffff;

border-radius:18px;

overflow:hidden;

box-shadow:0 18px 45px rgba(0,0,0,.08);

border:1px solid #ececec;

}

.announcement-sidebar h5{

background:linear-gradient(135deg,#123663,#245AA5);

color:#ffffff;

margin:0;

padding:18px;

font-size:24px;

font-weight:700;

letter-spacing:.4px;

}

.announcement-window{

height:460px;

overflow:hidden;

padding:18px;

background:#fafafa;

}

.moving-list{

display:flex;

flex-direction:column;

animation:scrollUp 24s linear infinite;

}

.moving-list:hover{

animation-play-state:paused;

}

.announcement-card{

background:#fff;

border-radius:16px;

padding:20px;

margin-bottom:18px;

box-shadow:0 8px 25px rgba(0,0,0,.07);

border-left:5px solid #245AA5;

transition:.35s;

}

.announcement-card:hover{

transform:translateY(-6px);

box-shadow:0 18px 35px rgba(0,0,0,.12);

}

.announcement-date{

display:inline-flex;

align-items:center;

gap:8px;

background:#edf5ff;

padding:7px 14px;

border-radius:30px;

font-size:13px;

font-weight:700;

color:#123663;

margin-bottom:14px;

}

.announcement-date i{

font-size:13px;

}

.announcement-title{

font-size:22px;

font-weight:700;

line-height:1.35;

margin-bottom:12px;

color:#242424;

}

.announcement-text{

font-size:15px;

line-height:1.75;

color:#666;

margin-bottom:18px;

}

.announcement-btn{

background:#123663;

color:#fff;

border:none;

padding:11px 22px;

border-radius:40px;

font-size:14px;

font-weight:600;

transition:.3s;

}

.announcement-btn:hover{

background:#245AA5;

transform:translateY(-2px);

}

.announcement-btn i{

margin-left:8px;

}

@keyframes scrollUp{

0%{

transform:translateY(0);

}

100%{

transform:translateY(-50%);

}

}

.issue_header{

    background:linear-gradient(135deg,#fffaf1,#f9f2df);

    border:1px solid #e4c980;

    border-left:5px solid #b8860b;

    border-radius:10px;

    padding:10px 20px;

    margin-bottom:15px;

    box-shadow:0 4px 12px rgba(0,0,0,.05);

}

.issue_header h2{

    margin:0;

    font-size:18px;

    font-weight:700;

    color:#2f2f2f;

    line-height:1.15;

}

.issue_header p{

    margin:2px 0 0;

    font-size:13px;

    font-weight:600;

    color:#b8860b;

    line-height:1.15;

}

@media (max-width:575px){

section.article_banner_section .text h3{

    font-size:23px !important;
    font-weight:700 !important;
    line-height:1.55 !important;
    color:#24364d !important;
    text-align:center !important;
    letter-spacing:.3px !important;
    padding:0 15px !important;
    margin:18px auto 32px !important;
    max-width:95% !important;

}


}
@media (max-width:575px){

.utility-left{
    display:none !important;
}

.utility-right{
    width:100% !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
}

.top-utility-bar{
    justify-content:flex-end !important;
    padding:0 !important;
}


/* ==========================
   Mobile Logo
========================== */

.left_logo_image{
    text-align:center !important;
}

.left_logo_image img{
    width:50px !important;
    max-width:100%;
    height:auto;
    display:block;
    margin:0 auto;
}
.l_side .row{
    justify-content:center !important;
    text-align:center !important;
}

.l_side .col-lg-2,
.l_side .col-sm-3,
.l_side .col-lg-10,
.l_side .col-sm-9{
    width:100%;
    max-width:100%;
    flex:0 0 100%;
}
.l_side{
    border-right:none !important;
    padding-right:0 !important;
    text-align:center;
}

.r_side{
    padding-left:0 !important;
    margin-top:25px;
}

}
/* ======================================
   Announcement Popup
====================================== */

.announcement-close-btn{

    background:#4B2E2E;

    color:#fff;

    border:none;

    padding:10px 28px;

    border-radius:8px;

    font-size:14px;

    font-weight:600;

    transition:.25s;

    cursor:pointer;

    box-shadow:0 4px 10px rgba(0,0,0,.12);

}

.announcement-close-btn:hover{

    background:#6b4242;

    transform:translateY(-2px);

}
/*==============================
ANNOUNCEMENT POPUP
==============================*/

.announcement-modal{

width:90%;

max-width:700px;

height:80vh;

margin:40px auto;

background:#fff;

border-radius:12px;

display:flex;

flex-direction:column;

overflow:hidden;

box-shadow:0 20px 60px rgba(0,0,0,.25);

}

.announcement-header{

padding:22px 28px;

border-bottom:1px solid #e6e6e6;

background:#fff;

flex-shrink:0;

}

.announcement-header h4{

margin:0;

font-size:24px;

font-weight:700;

}

.announcement-header p{

margin-top:6px;

font-size:14px;

color:#777;

}
/* Announcement Sidebar Header */

.announcement-sidebar-header{

background:linear-gradient(135deg,#123663,#245AA5);

padding:20px 24px;

display:flex;

align-items:center;

gap:14px;

color:#ffffff;

border-radius:18px 18px 0 0;

}

.announcement-sidebar-header i{

font-size:24px;

color:#FFD34D;

}

.announcement-sidebar-header span{

font-size:20px;

font-weight:700;

}

.announcement-body{

flex:1;

overflow-y:auto;

padding:25px 30px;

line-height:1.9;

}

.announcement-footer{

padding:18px 25px;

border-top:1px solid #e6e6e6;

background:#fff;

text-align:right;

flex-shrink:0;

}

.announcement-close-btn{

background:#4B2E2E;

color:#fff;

border:none;

padding:10px 26px;

border-radius:8px;

font-size:14px;

font-weight:600;

cursor:pointer;

transition:.25s;

}

.announcement-close-btn:hover{

background:#6a4444;

}
/*==================================================
PREMIUM SIDEBAR MENU - BLUE THEME
==================================================*/

.sidebar-menu{

    background:#ffffff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    border:1px solid #d8e3f3;

}

/* Header */

.menu-header{

    background:linear-gradient(135deg,#123663,#245AA5);

    padding:22px 24px;

}

.menu-title{

    display:flex;

    align-items:center;

    gap:14px;

}

.menu-book{

    width:58px;

    height:58px;

    border-radius:50%;

    background:rgba(255,255,255,.12);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#FFD34D;

    font-size:24px;

}

.menu-title h3{

    color:#ffffff;

    font-size:36px;

    font-family:'Playfair Display',serif;

    margin:0;

}

.menu-line{

    display:none;

}

/* Search */

.menu-search{

    padding:18px;

    background:#f8fbff;

}

.search_input{

    border:1px solid #d5e2f3;

    border-radius:10px;

    padding:12px;

}

.search_btn{

    background:#123663;

    color:#fff;

    border:none;

    border-radius:10px;

    padding:12px;

    margin-top:10px;

    width:100%;

    transition:.3s;

}

.search_btn:hover{

    background:#245AA5;

}

/* Menu Items */

.menu-card{

    display:flex;

    align-items:center;

    padding:16px 18px;

    text-decoration:none;

    border-bottom:1px solid #edf3fb;

    transition:.3s;

    color:#163d72;

}

.menu-card:hover{

    background:#edf5ff;

    transform:translateX(6px);

}

.menu-icon{

    width:42px;

    height:42px;

    border-radius:10px;

    background:#123663;

    color:#FFD34D;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:17px;

}

.menu-divider{

    width:1px;

    height:30px;

    background:#d9e4f3;

    margin:0 14px;

}

.menu-text{

    flex:1;

    font-size:15px;

    font-weight:600;

    color:#163d72;

}

.menu-arrow{

    color:#245AA5;

    transition:.3s;

}

.menu-card:hover .menu-arrow{

    transform:translateX(5px);

}

/*====================
RESPONSIVE
====================*/

@media(max-width:991px){

.menu-search{

flex-direction:column;

}

.menu-search button{

width:100%;

}

}

@media(max-width:575px){

.sidebar-menu{

border-radius:18px;

}

.menu-header{

padding:18px;

}

.menu-book{

width:40px;

height:40px;

font-size:20px;

}

.menu-title h3{

font-size:28px;

margin-left:14px;

}

.menu-line{

margin-left:14px;

}

.menu-search{

padding:16px;

gap:20px;

}

.menu-search input{

height:48px;

font-size:15px;

}

.menu-search button{

height:48px;

font-size:16px;

}

.premium-menu{

padding:0 16px 16px;

}

.menu-card{

padding:12px;

margin-bottom:5px;

}

.menu-icon{

width:50px;

height:50px;

font-size:19px;

}

.menu-divider{

margin:0 12px;

height:36px;

}

.menu-text{

font-size:15px;

line-height:1.35;

}

.menu-arrow{

width:38px;

height:38px;

font-size:16px;

}

}
/*==================================================
PREMIUM JOURNAL INFORMATION
==================================================*/

.journal-details-card{
    background:#ffffff;
    border:1px solid #d8e6f8;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 10px 28px rgba(0,0,0,.08);
    transition:.35s;
}

.journal-details-card:hover{
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

/*================ ROW =================*/

.journal-row{
    display:flex;
    align-items:center;
    min-height:36px;
    border-bottom:1px solid #d8e6f8;
    transition:.3s;
    background:#fff;
}

.journal-row:nth-child(even){
    background:#fcfaf7;
}

.journal-row:last-child{
    border-bottom:none;
}

.journal-row:hover{
    background:#fffaf1;
    transform:translateX(5px);
}

/*================ LABEL =================*/

.journal-label{

    width:185px;

    display:flex;

    align-items:center;

    gap:7px;

    padding:6px 10px;

    flex-shrink:0;

    font-size:13px;

    font-weight:700;

    color:#4e2d24;

}

/*================ ICON =================*/

.journal-label i{

    width:22px;

    height:22px;

    border-radius:6px;

    background:linear-gradient(135deg,#123663,#245AA5) !important;

    color:#FFD34D !important;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:10px;

    transition:.35s;
    box-shadow:0 5px 12px rgba(18,54,99,.25);

}

.journal-row:hover .journal-label i{

    background:linear-gradient(135deg,#245AA5,#123663) !important;

    color:#FFD34D !important;

    transform:scale(1.08);

}

/*================ DIVIDER =================*/

.journal-divider{

    width:2px;

    height:14px;

    background:#d3a42d;

    margin-right:8px;

    border-radius:20px;

}

/*================ VALUE =================*/

.journal-value{

    flex:1;

    padding:6px 10px;

    font-size:13px;

    line-height:1.25;

    color:#222;

    font-weight:600;

}

/*================ BUTTONS =================*/

.journal-action-buttons{

    display:flex;

    gap:8px;

    padding:10px;

    background:#faf8f4;

    border-top:1px solid #eee2cf;

}

.journal-btn{

    flex:1;

    text-align:center;

    text-decoration:none;

    padding:9px;

    border-radius:8px;

    background:linear-gradient(135deg,#6e352d,#8d4738);

    color:#fff;

    font-size:13px;

    font-weight:700;

    transition:.35s;

}

.journal-btn:hover{

    color:#fff;

    transform:translateY(-3px);

    background:linear-gradient(135deg,#b8860b,#e4bc55);

    box-shadow:0 8px 18px rgba(184,134,11,.25);

}


/*==================================================
PREMIUM JOURNAL COVER
==================================================*/

.home_image{

    position:relative;

    background:#ffffff;

    padding:12px;

    border-radius:22px;

    border:1px solid #eadfce;

    box-shadow:
        0 12px 28px rgba(0,0,0,.08);

}

/* Gold top accent */

.home_image::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    border-radius:22px 22px 0 0;

    background:linear-gradient(90deg,
    #b8860b,
    #f2cb67,
    #b8860b);

}

/* Inner premium border */

.home_image::after{

    content:"";

    position:absolute;

    top:8px;

    left:8px;

    right:8px;

    bottom:8px;

    border:1px solid #f1e3bf;

    border-radius:18px;

    pointer-events:none;

}

.home_image img{

    display:block;

    width:100%;

    border-radius:16px;

    border:3px solid #ffffff;

}


/*================ TABLET =================*/

@media(max-width:991px){

.journal-label{

    width:165px;

    font-size:12px;

}

.journal-value{

    font-size:12px;

}

.journal-row{

    min-height:34px;

}

.journal-label i{

    width:20px;

    height:20px;

    font-size:9px;

}

.home_image{

    margin-bottom:18px;

}

}
/*==================================================
RESEARCH VISIBILITY
==================================================*/

.research-visibility{

    margin:40px 0;

    padding:30px 30px 28px;

    background:linear-gradient(180deg,#ffffff,#fcfaf7);

    border:1px solid #eadfce;

    border-radius:22px;

    box-shadow:0 12px 30px rgba(0,0,0,.07);

    position:relative;

    overflow:hidden;

}

/* Decorative glow */

.research-visibility::before{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

    background:rgba(36,90,165,.06);

    top:-130px;

    right:-100px;

}

.research-visibility::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(18,54,99,.05);

    bottom:-120px;

    left:-100px;

}


/*====================================
HEADING
====================================*/

.rv-heading{

    text-align:center;

    margin-bottom:22px;

    position:relative;

    z-index:2;

}

.rv-icon{

    width:58px;

    height:58px;

    margin:auto;

    border-radius:50%;

    background:linear-gradient(135deg,#123663,#245AA5);

    color:#FFD34D;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    box-shadow:0 10px 25px rgba(18,54,99,.25);

}

.rv-heading h2{

    margin-top:14px;

    margin-bottom:4px;

    font-size:30px;

    font-weight:700;

    color:#123663;

}

.rv-heading p{

    margin:0;

    font-size:14px;

    color:#245AA5;

}


/*====================================
CARD
====================================*/

.rv-card{

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-decoration:none;

    background:#fff;

    border:1px solid #d8e6f8;

    border-radius:16px;

    padding:18px 12px;

    height:145px;

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.rv-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:linear-gradient(90deg,#123663,#245AA5,#123663);

    transform:scaleX(0);

    transition:.35s;

}

.rv-card:hover{

    text-decoration:none;

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

    border-color:#245AA5;

}

.rv-card:hover::before{

    transform:scaleX(1);

}


/*====================================
LOGO
====================================*/

.rv-card img{

    width:80px;

    height:45px;

    object-fit:contain;

    margin-bottom:14px;

    transition:.35s;

}

.rv-card:hover img{

    transform:scale(1.08);

}


/*====================================
TEXT
====================================*/

.rv-card span{

    color:#123663;

    font-size:17px;

    font-weight:700;

    text-align:center;

    line-height:1.25;

}

/*====================================
TABLET
====================================*/

@media(max-width:991px){

.research-visibility{

    padding:24px;

}

.rv-card{

    height:130px;

}

.rv-card img{

    width:72px;

    height:40px;

}

.rv-card span{

    font-size:15px;

}

}


/*====================================
MOBILE
====================================*/

@media(max-width:767px){

.research-visibility{

    margin:30px 0;

    padding:22px 16px;

    border-radius:18px;

}

.rv-icon{

    width:48px;

    height:48px;

    font-size:18px;

}

.rv-heading{

    margin-bottom:18px;

}

.rv-heading h2{

    font-size:24px;

}

.rv-heading p{

    font-size:12px;

}

.rv-card{

    height:105px;

    padding:12px 8px;

    border-radius:12px;

}

.rv-card img{

    width:58px;

    height:30px;

    margin-bottom:8px;

}

.rv-card span{

    font-size:12px;

    line-height:1.2;

}

}


/*==========================================
MOBILE
==========================================*/

@media(max-width:767px){

.home_image{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:16px;

    margin:0 auto 20px;

    border-radius:24px;

}

.home_image img{

    width:220px;

    max-width:100%;

    height:auto;

    display:block;

    margin:0 auto;

    border-radius:18px;

}

/* Keep rows horizontal */

.journal-row{

    display:flex;

    align-items:center;

    min-height:58px;

}

/* Fixed width label */

.journal-label{

    width:150px;              /* same width for every row */

    flex:0 0 150px;

    display:flex;

    align-items:center;

    gap:10px;

    padding:12px 14px;

    font-size:15px;

    font-weight:700;

    color:#4d2c23;

}

/* Smaller icon */

.journal-label i{

    width:28px;

    height:28px;

    border-radius:8px;

    font-size:12px;

    flex-shrink:0;

}

/* Perfectly aligned gold divider */

.journal-divider{

    display:block;

    width:2px;

    height:24px;

    flex-shrink:0;

    background:#d8a122;

    border-radius:20px;

    margin:0 14px;

}

/* Right column */

.journal-value{

    flex:1;

    padding:12px 14px 12px 0;

    font-size:15px;

    font-weight:600;

    line-height:1.4;

    word-break:break-word;

}

/* Buttons */

.journal-action-buttons{

    flex-direction:column;

    gap:8px;

    padding:14px;

}

.journal-btn{

    width:100%;

}

}
/*==================================================
LATEST ARTICLES
==================================================*/

.latest-articles-section{

    margin-top:45px;

    background:linear-gradient(180deg,#ffffff,#fcfaf7);

    border:1px solid #eadfce;

    border-radius:24px;

    padding:28px;

    position:relative;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(0,0,0,.06);

}

/* Decorative Background */

.latest-articles-section::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

    background:rgba(212,170,60,.05);

    top:-80px;

    right:-80px;

}

.latest-articles-section::after{

    content:"";

    position:absolute;

    width:150px;

    height:150px;

    border-radius:50%;

    background:rgba(111,55,47,.04);

    left:-70px;

    bottom:-70px;

}

/*==================================================
HEADING
==================================================*/

.la-heading{

    text-align:center;

    margin-bottom:28px;

    position:relative;

    z-index:2;

}

.la-icon{

    width:58px;

    height:58px;

    margin:0 auto 18px auto;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:linear-gradient(135deg,#123663,#245AA5);

    box-shadow:0 10px 25px rgba(18,54,99,.25);

}

.la-icon i{

    color:#FFD34D;

    font-size:28px;

}

.la-heading h2{

    font-size:30px;

    font-weight:700;

    color:#123663;

    margin-bottom:6px;

}

.la-heading p{

    font-size:16px;

    color:#245AA5;

    margin:0;

}

/*==================================================
CARD
==================================================*/

.article_card{

    position:relative;

    z-index:2;

    background:#fff;

    border:1px solid #d8e6f8;

    border-radius:18px;

    padding:22px;

    margin-bottom:16px;

    box-shadow:0 8px 20px rgba(0,0,0,.05);

    transition:.35s;

}

.article_card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:5px;

    height:100%;

    background:linear-gradient(180deg,#123663,#245AA5);

    border-radius:18px 0 0 18px;

}

.article_card:hover{

    transform:translateY(-5px);

    box-shadow:0 20px 35px rgba(0,0,0,.09);

}

/*==================================================
TOP
==================================================*/

.article-top{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:15px;

    margin-bottom:14px;

}

.article_badge{

    white-space:nowrap;

    background:#edf5ff;

    color:#245AA5;

    border:1px solid #cfe0f7;

    padding:6px 12px;

    border-radius:30px;

    font-size:12px;

    font-weight:700;

}

/*==================================================
TITLE
==================================================*/

.article_title{

    color:#123663;

    text-decoration:none;

    font-size:18px;

    font-weight:700;

    line-height:1.45;

}

.article_title:hover{

    color:#7a4030;

    text-decoration:none;

}

/*==================================================
AUTHOR
==================================================*/

.article_author{

    margin-bottom:18px;

    color:#555;

    font-size:15px;

}

.article_author i{

    color:#ffffff;

    margin-right:8px;

}

/*==================================================
FOOTER
==================================================*/

.article_footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:15px;

}

/*==================================================
PDF
==================================================*/

.pdf_btn{

    background:linear-gradient(135deg,#123663,#245AA5);

    color:#fff;

    text-decoration:none;

    padding:10px 20px;

    border-radius:10px;

    font-weight:700;

    transition:.35s;

}

.pdf_btn:hover{

    color:#fff;

    background:linear-gradient(135deg,#245AA5,#123663);

    text-decoration:none;

}

/*==================================================
META
==================================================*/

.article_meta{

    display:flex;

    gap:10px;

    flex-wrap:wrap;

}

.article_meta span{

    display:flex;

    align-items:center;

    gap:6px;

    background:#faf7f2;

    border:1px solid #eadfce;

    padding:8px 13px;

    border-radius:25px;

    font-size:13px;

    font-weight:600;

}

.article_meta i{

    color:#b8860b;

}

/*==================================================
MOBILE
==================================================*/

@media(max-width:768px){

.latest-articles-section{

    padding:20px;

}

.la-heading h2{

    font-size:30px;

}

.article-top{

    flex-direction:column;

}

.article_title{

    font-size:19px;

}

.article_footer{

    flex-direction:column;

    align-items:flex-start;

}

.pdf_btn{

    width:100%;

    text-align:center;

}

.article_meta{

    width:100%;

}

}
/*==================================================
INDEXING SIDEBAR
==================================================*/

.indexing-sidebar{

    margin-top:30px;

    background:linear-gradient(180deg,#ffffff,#fcfaf7);

    border:1px solid #eadfce;

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 12px 35px rgba(0,0,0,.06);

    transition:.35s;

}

.indexing-sidebar:hover{

    box-shadow:0 18px 45px rgba(0,0,0,.10);

}


/*==================================
HEADER
==================================*/

.indexing-header{

background:linear-gradient(135deg,#123663,#245AA5);

padding:20px 24px;

display:flex;

align-items:center;

gap:14px;

color:#ffffff;

border-radius:18px 18px 0 0;

}

.indexing-header i{

    font-size:24px;

    color:#FFD34D;

}

.indexing-header span{

    font-size:20px;

    font-weight:700;

    letter-spacing:.5px;
    color:#ffffff;

}


/*==================================
ITEM
==================================*/

.indexing-item{

    display:flex;

    align-items:center;

    gap:16px;

    padding:20px;

    text-decoration:none;

    border-left:5px solid #245AA5;

    transition:.35s;

    background:#fff;

}

.indexing-item:hover{

    background:#edf5ff;

    text-decoration:none;

}

.indexing-item img{

    width:70px;

    height:auto;

    object-fit:contain;

    transition:.35s;

}

.indexing-item:hover img{

    transform:scale(1.08);

}


/*==================================
TEXT
==================================*/

.indexing-text{

    flex:1;

}

.indexing-text h6{

    margin:0 0 4px;

    font-size:18px;

    font-weight:700;

    color:#123663;

}

.indexing-text p{

    margin:0;

    font-size:14px;

    color:#5d6f87;

}


/*==================================
ARROW
==================================*/

.indexing-item > i{

    width:42px;

    height:42px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#edf5ff;

color:#245AA5;

    font-size:16px;

    transition:.35s;

}

.indexing-item:hover > i{

    background:#245AA5;

    color:#ffffff;

    transform:translateX(4px);

}


/*==================================
MOBILE
==================================*/

@media(max-width:767px){

.indexing-sidebar{

    margin-top:20px;

}

.indexing-header{

    padding:16px;

}

.indexing-header span{

    font-size:22px;

}

.indexing-item{

    padding:16px;

}

.indexing-item img{

    width:58px;

}

.indexing-text h6{

    font-size:16px;

}

.indexing-text p{

    font-size:13px;

}

.indexing-item>i{

    width:36px;

    height:36px;

    font-size:14px;

}

}
/*=========================================
ANNOUNCEMENTS HEADER
=========================================*/

.announcement-header{

    display:flex;

    align-items:center;

    gap:16px;

    background:linear-gradient(135deg,#6f372f,#8d4738);

    color:#fff;

    padding:20px 24px;

    border-radius:20px 20px 0 0;

    margin:-16px -16px 18px -16px;

}

.announcement-header i{

    font-size:25px;

    color:#f4c54f;

}

.announcement-header span{

    font-size:22px;

    font-weight:700;

    letter-spacing:.3px;

}
/*=====================================
PREMIUM JOURNAL METRICS
======================================*/

.metrics-sidebar{

    margin-top:30px;

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

    border:1px solid #ececec;

}

.metrics-header{

    background:linear-gradient(135deg,#123663,#245AA5);

    color:#ffffff;

    padding:18px 22px;

    display:flex;

    align-items:center;

    gap:14px;

}

.metrics-header i{

    font-size:26px;

    color:#FFD34D;

}

.metrics-header span{

    font-size:20px;

    font-weight:700;

}

.metrics-body{

    background:#fafafa;

    padding:12px 0;

}

.metric-item{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 20px;

    border-bottom:1px solid #ececec;

    transition:.3s;

}

.metric-item:last-child{

    border-bottom:none;

}

.metric-item:hover{

    background:#edf5ff;

}

.metric-left{

    display:flex;

    align-items:center;

    gap:15px;

}

.metric-icon{

    width:46px;

    height:46px;

    border-radius:12px;

    background:#edf5ff;

    color:#245AA5;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:20px;

    flex-shrink:0;

}

.metric-text h6{

    margin:0;

    font-size:17px;

    font-weight:700;

    color:#123663;

}

.metric-text p{

    margin:3px 0 0;

    font-size:13px;

    color:#777;

}

.metric-number{

    font-size:24px;

    font-weight:800;

    color:#123663;

}

@media(max-width:767px){

.metric-item{

padding:15px;

}

.metric-number{

font-size:20px;

}

.metric-text h6{

font-size:15px;

}

}

/*=====================================================
PREMIUM HEADER - TOP UTILITY BAR
=====================================================*/

.top-utility-bar{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:1px 0;

    border-bottom:1px solid rgba(255,255,255,.10);

    margin-bottom:4px;

    min-height:18px;
    color:#d4af37;

}

.utility-left{

    display:flex;

    align-items:center;

    gap:22px;

    flex-wrap:wrap;

}

.utility-left span{

    display:flex;

    align-items:center;

    gap:7px;

    font-size:10px;

    font-weight:500;

    color:rgba(255,255,255,.92);

    line-height:1;

    letter-spacing:.2px;

}

.utility-left span i{

    color:#d4af37;

    font-size:11px;

}

.utility-right{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    height:30px;

}
/*====================================================
PREMIUM JOURNAL INFORMATION PANEL
====================================================*/

.journal-info-row{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:8px;
}

.journal-info-row:last-child{
    margin-bottom:0;
}

.journal-info-row i{
    width:26px;
    height:26px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(212,175,55,.10);
    color:#d4af37;
    font-size:11px;
    flex-shrink:0;
}

.journal-info-row span{
    color:#fff;
    font-size:12.5px;
    font-weight:500;
    letter-spacing:0;
    line-height:1.1;
}
/*=========================================
PREMIUM JOURNAL TITLE
=========================================*/

.journal-title{
    font-family:'Playfair Display', serif;
    font-size:52px;
    font-weight:700;
    color:#fff;
    letter-spacing:1.5px;
    line-height:1.08;
    margin:0;
    text-transform:uppercase;
    text-align:center;
}
.journal-divider{

    width:90px;

    height:3px;

    margin:0 auto 18px;

    background:linear-gradient(90deg,#b8860b,#f4d06f);

    border-radius:30px;

}

.journal-tagline{
    font-size:17px;
    line-height:1.55;
    letter-spacing:.3px;
    max-width:820px;
    margin:0 auto;
}
.journal-title-divider{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    width:260px;
    margin:12px auto 14px;
}
.journal-title-divider::before,
.journal-title-divider::after{
    content:"";
    height:1px;
    flex:1;
    background:linear-gradient(90deg,transparent,#d4af37);
}
.journal-title-divider::after{
    background:linear-gradient(90deg,#d4af37,transparent);
}
.journal-title-divider span{
    color:#d4af37;
    font-size:16px;
    line-height:1;
}
@media (max-width:575px){

.journal-tagline{
    font-size:11px !important;
    line-height:1.5 !important;
}
}
@media (max-width:767px){

.header .navbar .navbar-nav .dropdown-menu{
    background:#faf5e8 !important;
    border:none !important;
    border-radius:10px !important;
    box-shadow:none !important;
    padding:6px !important;
    margin:4px 0 10px 0 !important;
}

.header .navbar .navbar-nav .dropdown-menu li{
    margin-bottom:4px;
}

.header .navbar .navbar-nav .dropdown-item{
    display:block !important;
    padding:12px 16px !important;
    margin-left:12px !important;
    background:#ffffff !important;
    border-radius:8px !important;
    color:#4B2E2E !important;
    font-size:14px !important;
    font-weight:600 !important;
    text-align:left !important;
}

.header .navbar .navbar-nav .dropdown-item:hover{
    background:#b8860b !important;
    color:#fff !important;
}

}
@media (min-width:768px){

.header .navbar .navbar-nav .nav-item .dropdown-menu{
    background:#fff;
    border-radius:10px;
    box-shadow:0 12px 30px rgba(0,0,0,.15);
    padding:8px;
    
    min-width:200px;
}

.header .navbar .navbar-nav .nav-item .dropdown-menu li{
    margin-bottom:2px;
}

.header .navbar .navbar-nav .nav-item .dropdown-menu li:last-child{
    margin-bottom:0;
}

.header .navbar .navbar-nav .dropdown-item{
    padding:12px 16px;
    border-radius:6px;
    text-align:left;
    font-size:14px;
    font-weight:600;
    color:#4B2E2E;
}

.header .navbar .navbar-nav .dropdown-item:hover{
    background:#faf5e8;
    color:#b8860b;
}

}
/*=========================================
Mobile User Dropdown Fix
=========================================*/

@media (max-width: 767px){

.top_bar_dropDown_area .dropdown{

    position:relative;

}

.top_bar_dropDown_area .dropdown-menu{

    left:0 !important;

    right:auto !important;

    transform:none !important;

    min-width:220px;

    margin-top:10px;

}

}
@media (max-width:767px){

    .top_bar_dropDown_area{
        position:relative;
    }

    .top_bar_dropDown_area .dropdown{
        position:relative;
    }

    .top_bar_dropDown_area .dropdown-menu{

        position:absolute !important;

        top:100%;

       left:0 !important;
right:auto !important;

        min-width:120px;
width:120px;

        margin-top:8px;

        border-radius:12px;

        z-index:9999;

    }

}
.orcid-icon{

    width:22px;

    height:22px;

    transition:.3s;

}

.orcid-link{

    display:inline-flex;

    align-items:center;

    text-decoration:none;

}

.orcid-link:hover .orcid-icon{

    transform:scale(1.15);

    filter:drop-shadow(0 0 6px rgba(166,206,57,.75));

}