/* =====================================
   FORMULATION REPORTS OJS HEADER DESIGN
   Main Color: #b21e30
===================================== */


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

.pkp_structure_head {
    background:#b21e30 !important;
    width:100% !important;
}


.pkp_site_name {
    background:#b21e30 !important;
    width:100% !important;
    padding:35px 0 !important;
    border-bottom:3px solid #8f1625;
}




/* Header Wrapper */

.pkp_site_name_wrapper {
    max-width:1200px !important;
    margin:auto !important;
}


/* Journal Title */

.pkp_site_name a {

    color:#ffffff !important;
    font-size:38px !important;
    font-weight:700 !important;
    text-decoration:none !important;

}


/* Description */

.pkp_site_name p {

    color:#ffffff !important;
    font-size:16px;

}



/* =========================
   USER / ADMIN TOP RIGHT
========================= */

.pkp_navigation_user_wrapper {

    position:absolute;
    top:12px;
    right:80px;

}


.pkp_navigation_user_wrapper a {

    color:#ffffff !important;

}



/* =========================
   MENU BAR WHITE
========================= */

.pkp_navigation_primary_row {

    background:#ffffff !important;
    width:100% !important;
    border-bottom:1px solid #ddd;

}


.pkp_navigation_primary {

    background:#ffffff !important;
    max-width:1200px !important;
    margin:auto !important;

}



/* Menu Links */

.pkp_navigation_primary > li > a {

    color:#333333 !important;
    padding:20px 30px !important;
    font-size:16px !important;
    font-weight:500;

}


/* Hover */

.pkp_navigation_primary > li > a:hover {

    color:#b21e30 !important;

}



/* =========================
   SEARCH
========================= */


.pkp_search {

    background:#ffffff !important;

}


.pkp_search button {

    color:#b21e30 !important;

}



/* =========================
   CONTENT
========================= */


.pkp_structure_content {

    background:#ffffff;

}


.homepage_about {

    font-size:16px;
    line-height:1.8;
    color:#444;

}



/* =========================
   SIDEBAR
========================= */


.pkp_block {

    border-top:3px solid #b21e30;
    background:#fafafa;
    padding:15px;

}


.pkp_block .title {

    color:#b21e30;
    font-size:18px;
    font-weight:600;

}



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


.cmp_button,
button {

    background:#b21e30 !important;
    color:white !important;
    border-radius:3px;

}


.cmp_button:hover {

    background:#8f1625 !important;

}



/* =========================
   ARTICLE TITLES
========================= */


.title a {

    color:#b21e30 !important;
    font-weight:600;

}


.title a:hover {

    color:#000 !important;

}



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


.pkp_structure_footer_wrapper {

    background:#222 !important;
    color:white;
    padding:25px;

}


.pkp_structure_footer_wrapper a {

    color:white !important;

}



/* =========================
   FULL WIDTH FIX
========================= */


body {

    overflow-x:hidden;

}


.pkp_structure_head,
.pkp_navigation_primary_row {

    width:100vw !important;
    margin-left:calc(-50vw + 50%) !important;

}



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


@media(max-width:768px){


.pkp_site_name {

    padding:25px 15px !important;

}


.pkp_site_name a {

    font-size:26px !important;

}


.pkp_navigation_primary li a {

    padding:12px !important;

}


}
/* =================================
   FORCE SHOW LOGIN / USER MENU
================================= */

.pkp_navigation_user_wrapper,
.pkp_navigation_user {

    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:absolute !important;
    top:10px !important;
    right:80px !important;
    z-index:99999 !important;

}


.pkp_navigation_user_wrapper a,
.pkp_navigation_user a {

    color:#ffffff !important;
    font-size:14px !important;
    text-decoration:none !important;

}


/* Header Position */
.pkp_structure_head {

    position:relative !important;

}
/* =================================
   MOVE ADMIN TO TOP RIGHT CORNER
================================= */

.pkp_navigation_user_wrapper {
    position:absolute !important;
    top:15px !important;
    right:25px !important;
    left:auto !important;
    z-index:99999 !important;
}


.pkp_navigation_user_wrapper a {
    color:#ffffff !important;
    font-size:14px !important;
}


/* Header position fix */
.pkp_structure_head {
    position:relative !important;
}
.pkp_navigation_user {
    position:absolute !important;
    top:15px !important;
    right:25px !important;
}
/* ===============================
   ADMIN TOP RIGHT FIX
================================ */

.pkp_structure_head {
    position:relative !important;
}


.pkp_navigation_user_wrapper {

    position:absolute !important;
    top:15px !important;
    right:25px !important;
    z-index:99999 !important;

}


/* Admin text */

.pkp_navigation_user_wrapper > ul > li > a {

    color:#ffffff !important;
    font-size:14px !important;

}


/* Dropdown */

.pkp_navigation_user_wrapper .dropdown-menu {

    right:0 !important;
    left:auto !important;
    margin-top:5px !important;

    background:#ffffff !important;
    border:1px solid #ddd !important;
    box-shadow:0 3px 8px rgba(0,0,0,.15);

}


.pkp_navigation_user_wrapper .dropdown-menu a {

    color:#333 !important;
    padding:10px 15px !important;

}


.pkp_navigation_user_wrapper .dropdown-menu a:hover {

    background:#b21e30 !important;
    color:white !important;

}
/* =================================
   PRIMARY MENU DROPDOWN STYLE
================================= */


/* Menu dropdown box */
.pkp_navigation_primary .dropdown-menu {

    background:#ffffff !important;
    border:1px solid #ddd !important;
    box-shadow:0 3px 8px rgba(0,0,0,0.15);
    min-width:180px !important;
    padding:5px 0 !important;

}


/* Dropdown items */

.pkp_navigation_primary .dropdown-menu li a {

    color:#333 !important;
    padding:12px 18px !important;
    display:block !important;
    font-size:15px !important;

}


/* Hover / Active */

.pkp_navigation_primary .dropdown-menu li a:hover {

    background:#b21e30 !important;
    color:#ffffff !important;

}


/* Main menu hover */

.pkp_navigation_primary > li > a:hover {

    color:#b21e30 !important;

}


/* Arrow color */

.pkp_navigation_primary .dropdown-toggle::after {

    border-top-color:#333 !important;

}
/* =================================
   MENU BAR BOTTOM RED LINE
================================= */


}
/* =====================================
   CLEAN JOURNAL SEARCH BUTTON
===================================== */


/* Search wrapper */

.pkp_navigation_search_wrapper {

    position:absolute !important;
    right:35px !important;
    top:0 !important;
    height:45px !important;

    display:flex !important;
    align-items:center !important;

}


/* Search link */

.pkp_navigation_search_wrapper a {

    color:#333333 !important;
    font-size:15px !important;
    font-weight:500 !important;
    text-decoration:none !important;

}


/* Search icon */

.pkp_navigation_search_wrapper a:before {

    content:"\1F50D";
    margin-right:5px;
    font-size:14px;

}


/* Hover */

.pkp_navigation_search_wrapper a:hover {

    color:#b21e30 !important;

}


/* Menu space */

.pkp_navigation_primary {

    padding-right:120px !important;

}
/* =====================================
   SMALL COMPACT MENU BAR
===================================== */


/* Menu height */

.pkp_navigation_primary_row {

    height:38px !important;
    min-height:38px !important;

}


/* Menu wrapper */

.pkp_navigation_primary {

    height:38px !important;
    align-items:center !important;

}


/* Menu links */

.pkp_navigation_primary > li > a {

    padding:8px 20px !important;
    font-size:14px !important;
    line-height:18px !important;

}


/* Search align */

.pkp_navigation_search_wrapper {

    height:38px !important;
    top:0 !important;

}


.pkp_navigation_search_wrapper a {

    height:38px !important;
    font-size:14px !important;

}


/* Bottom red line */

.pkp_navigation_primary_row {

    border-bottom:3px solid #b21e30 !important;

}
/* =====================================
   FULL WIDTH MENU RED LINE
===================================== */

.pkp_navigation_primary_row {

    border-bottom:none !important;
    position:relative !important;

}


.pkp_navigation_primary_row::after {

    content:"";
    position:absolute;

    left:0;
    bottom:0;

    width:100% !important;
    height:3px !important;

    background:#b21e30 !important;

}
/* Remove Search Icon */

.pkp_navigation_search_wrapper a:before,
.pkp_search button:before {

    display:none !important;
    content:none !important;

}
/* =================================
   MOVE DROPDOWN MENU UP
================================= */

.pkp_navigation_primary .dropdown-menu {

    margin-top:-10px !important;

}
/* =========================
   LOGO + TITLE HEADER STYLE
========================= */

.pkp_site_name_wrapper {

    display:flex !important;
    align-items:center !important;

}


.pkp_site_name img {

    display:block !important;
    max-height:80px !important;
    width:auto !important;
    margin-right:25px !important;

}


.pkp_site_name a {

    font-family:"Georgia", serif !important;
    font-size:36px !important;
    font-weight:700 !important;
    letter-spacing:0.5px !important;
    color:#ffffff !important;

}
/* =====================================
   MODERN JOURNAL CARD DESIGN
===================================== */


/* Main About Card */

.homepage_about {

    background:#ffffff !important;

    border:1px solid #e5e5e5 !important;

    border-radius:8px !important;

    padding:35px !important;

    box-shadow:0 4px 15px rgba(0,0,0,0.08) !important;

    margin-bottom:30px !important;

}


/* About Heading */

.homepage_about h2 {

    color:#b21e30 !important;

    font-size:26px !important;

    font-weight:700 !important;

    padding-bottom:12px !important;

    margin-bottom:20px !important;

    border-bottom:2px solid #b21e30 !important;

}


/* About Text */

.homepage_about p {

    color:#444 !important;

    font-size:16px !important;

    line-height:1.9 !important;

    text-align:justify !important;

}



/* =====================================
   SIDEBAR CARD STYLE
===================================== */


.pkp_sidebar .pkp_block {

    background:#ffffff !important;

    border:1px solid #e6e6e6 !important;

    border-radius:8px !important;

    padding:22px !important;

    margin-bottom:22px !important;

    box-shadow:0 4px 12px rgba(0,0,0,0.08) !important;

    border-top:5px solid #b21e30 !important;

}



/* Sidebar Title */

.pkp_sidebar .pkp_block .title {

    color:#b21e30 !important;

    font-size:20px !important;

    font-weight:700 !important;

    margin-bottom:15px !important;

}


/* Sidebar Links */

.pkp_sidebar .pkp_block a {

    color:#444 !important;

    font-size:15px !important;

    padding:8px 0 !important;

    display:block !important;

}


.pkp_sidebar .pkp_block a:hover {

    color:#b21e30 !important;

    padding-left:5px !important;

}



/* =====================================
   SUBMISSION BUTTON CARD
===================================== */


.pkp_sidebar .cmp_button {

    width:100% !important;

    background:#b21e30 !important;

    color:#ffffff !important;

    border-radius:6px !important;

    padding:13px !important;

    font-weight:600 !important;

}


.pkp_sidebar .cmp_button:hover {

    background:#8f1625 !important;

}
/* =====================================
   OJS SIDEBAR MODERN CARD DESIGN
===================================== */


/* Sidebar Wrapper */

.pkp_structure_sidebar {

    padding-left:20px !important;

}


/* Sidebar Cards */

.pkp_block {

    background:#ffffff !important;

    border:1px solid #e2e2e2 !important;

    border-radius:12px !important;

    margin-bottom:20px !important;

    padding:20px !important;

    box-shadow:0 5px 15px rgba(0,0,0,0.10) !important;

    border-top:4px solid #b21e30 !important;

}


/* Card Hover Effect */

.pkp_block:hover {

    box-shadow:0 8px 22px rgba(0,0,0,0.15) !important;

}


/* Sidebar Titles */

.pkp_block .title {

    color:#b21e30 !important;

    font-size:20px !important;

    font-weight:700 !important;

    margin-bottom:15px !important;

    padding-bottom:10px !important;

    border-bottom:1px solid #eeeeee !important;

}


/* Sidebar Text */

.pkp_block .content {

    color:#444 !important;

    font-size:15px !important;

}


/* Sidebar Links */

.pkp_block a {

    color:#333 !important;

    display:block !important;

    padding:7px 0 !important;

    text-decoration:none !important;

}


.pkp_block a:hover {

    color:#b21e30 !important;

    padding-left:6px !important;

}


/* Submission Button */

.pkp_block .cmp_button {

    width:100% !important;

    background:#b21e30 !important;

    color:white !important;

    border-radius:8px !important;

    padding:12px !important;

    border:none !important;

}


.pkp_block .cmp_button:hover {

    background:#8f1625 !important;

}
/* =====================================
   CENTER SIDEBAR CARD CONTENT
===================================== */


/* All Sidebar Card Content Center */

.pkp_block {

    text-align:center !important;

}


/* Sidebar Titles */

.pkp_block .title {

    text-align:center !important;

}


/* Sidebar Links */

.pkp_block a {

    text-align:center !important;

}


/* Sidebar Text */

.pkp_block .content {

    text-align:center !important;

}


/* RSS Images Center */

.pkp_block img {

    display:block !important;

    margin:10px auto !important;

}


/* Submission Button Center */

.pkp_block .cmp_button {

    display:block !important;

    margin:15px auto !important;

    text-align:center !important;

}
/* =====================================
   COMPACT SIDEBAR CARD SPACING
===================================== */


/* Reduce Card Height */

.pkp_block {

    padding:12px !important;

    margin-bottom:15px !important;

}


/* Reduce Title Space */

.pkp_block .title {

    margin-bottom:8px !important;

    padding-bottom:8px !important;

    font-size:18px !important;

}


/* Reduce Content Space */

.pkp_block .content {

    line-height:1.4 !important;

}


/* Reduce Link Gap */

.pkp_block a {

    padding:3px 0 !important;

}


/* RSS Space */

.pkp_block img {

    margin:5px auto !important;

}


/* Submission Button */

.pkp_block .cmp_button {

    padding:8px !important;

    margin:8px auto !important;

}
/* =====================================
   ABOUT JOURNAL CARD LIKE SIDEBAR
===================================== */


/* About Journal Box */

.homepage_about {

    background:#ffffff !important;

    border:1px solid #e5e5e5 !important;

    border-top:4px solid #b21e30 !important;

    border-radius:12px !important;

    box-shadow:0 5px 15px rgba(0,0,0,0.10) !important;

    padding:22px !important;

    margin-bottom:20px !important;

}


/* About Heading */

.homepage_about h2 {

    color:#b21e30 !important;

    font-size:22px !important;

    font-weight:700 !important;

    text-align:left !important;

    border-bottom:1px solid #eeeeee !important;

    padding-bottom:10px !important;

    margin-bottom:15px !important;

}


/* About Paragraph */

.homepage_about p {

    color:#444 !important;

    font-size:16px !important;

    line-height:1.8 !important;

    text-align:justify !important;

}
/* Remove OJS Main Column Vertical Lines */

.pkp_structure_main,
.pkp_structure_sidebar_wrapper,
.pkp_structure_content,
.pkp_structure_content_inner,
.obj_issue_toc {

    border-left:0 !important;
    border-right:0 !important;

}


/* Remove Grid Divider */

.pkp_structure_main:before,
.pkp_structure_main:after,
.pkp_structure_sidebar_wrapper:before,
.pkp_structure_sidebar_wrapper:after {

    display:none !important;
    border:none !important;

}
<style>

.insight-card{
    transition:all .35s ease;
    position:relative;
}


.insight-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 35px rgba(0,0,0,0.18)!important;
}


/* Button Effect */

.insight-card a{
    transition:all .3s ease;
}


.insight-card a:hover{
    transform:scale(1.05);
    box-shadow:0 8px 20px rgba(178,30,48,0.45)!important;
}


/* Arrow Move */

.insight-card a span{
    transition:.3s ease;
}


.insight-card a:hover span{
    transform:translateX(5px);
}

</style>


<div class="insight-card" 
style="
background:#ffffff;
border:1px solid #e5e5e5;
border-radius:14px;
padding:12px 10px;
margin:20px 0;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
font-family:Arial,sans-serif;
display:flex;
flex-wrap:wrap;
">


<!-- 6 Days -->

<div style="
flex:1;
text-align:center;
padding:8px;
border-right:1px solid #eeeeee;
">

<h2 style="
color:#b21e30;
font-size:20px;
margin:0;
font-weight:bold;
">
6 Days
</h2>

<p style="
font-size:12px;
color:#444;
line-height:1.4;
margin:6px 0 0;
">
Submission to<br>
first decision
</p>

</div>



<!-- 30 Days -->

<div style="
flex:1;
text-align:center;
padding:8px;
border-right:1px solid #eeeeee;
">

<h2 style="
color:#b21e30;
font-size:20px;
margin:0;
font-weight:bold;
">
30 Days
</h2>

<p style="
font-size:12px;
color:#444;
line-height:1.4;
margin:6px 0 0;
">
Submission to<br>
decision after review
</p>

</div>




<!-- 103 Days -->

<div style="
flex:1;
text-align:center;
padding:8px;
border-right:1px solid #eeeeee;
">

<h2 style="
color:#b21e30;
font-size:20px;
margin:0;
font-weight:bold;
">
103 Days
</h2>

<p style="
font-size:12px;
color:#444;
line-height:1.4;
margin:6px 0 0;
">
Submission to<br>
acceptance
</p>

</div>




<!-- 3 Days -->

<div style="
flex:1;
text-align:center;
padding:8px;
">

<h2 style="
color:#b21e30;
font-size:20px;
margin:0;
font-weight:bold;
">
3 Days
</h2>

<p style="
font-size:12px;
color:#444;
line-height:1.4;
margin:6px 0 0;
">
Acceptance to<br>
online publication
</p>

</div>




<!-- Button -->

<div style="
width:100%;
text-align:center;
margin-top:12px;
">

<a href="#"
style="
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
background:#b21e30;
color:#ffffff;
padding:8px 16px;
border-radius:25px;
font-size:12px;
font-weight:bold;
text-decoration:none;
box-shadow:0 4px 12px rgba(178,30,48,0.35);
">


View all insights


<span style="
width:20px;
height:20px;
border:2px solid #ffffff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:15px;
font-weight:bold;
line-height:15px;
">

›

</span>


</a>

</div>


</div>
/* =====================================
   FORMULATION REPORTS MODERN FOOTER
   ===================================== */


.pkp_structure_footer_wrapper {

    background:#eef5f7 !important;
    color:#12445a !important;
    padding:40px 50px !important;
    border-top:1px solid #d5e0e5 !important;

}


/* Footer links */

.pkp_structure_footer_wrapper a {

    color:#12445a !important;
    text-decoration:none !important;
    font-size:14px !important;

}


.pkp_structure_footer_wrapper a:hover {

    color:#b21e30 !important;

}


/* Footer columns */

.pkp_structure_footer_wrapper .container {

    max-width:1200px !important;
}


/* Footer Heading */

.pkp_structure_footer_wrapper h4 {

    color:#b21e30 !important;
    font-size:15px !important;
    font-weight:700 !important;
    margin-bottom:15px !important;

}


/* Footer Text */

.pkp_structure_footer_wrapper p {

    color:#555 !important;
    font-size:13px !important;

}



/* Add spacing */

.pkp_structure_footer_wrapper {

    line-height:1.8;

}


/* Bottom copyright */

.pkp_brand_footer {

    border-top:1px solid #ccd7dc !important;
    margin-top:25px !important;
    padding-top:15px !important;

    color:#555 !important;
    font-size:12px !important;

}


/* OJS PKP text */

.pkp_brand_footer img {

    max-height:60px !important;

}
/* =====================================
   FORMULATION REPORTS FOOTER DESIGN
   ===================================== */


.pkp_structure_footer_wrapper {

    background:#f1f6f8 !important;
    color:#12445a !important;
    padding:40px 50px !important;
    border-top:3px solid #b21e30 !important;

}


/* Footer Layout */

.pkp_structure_footer_wrapper .footer-columns {

    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:45px !important;

}


/* Footer Heading */

.pkp_structure_footer_wrapper h4 {

    color:#b21e30 !important;
    font-size:16px !important;
    font-weight:700 !important;
    margin-bottom:15px !important;

}


/* Footer Links */

.pkp_structure_footer_wrapper a {

    color:#12445a !important;
    display:block !important;
    margin:7px 0 !important;
    font-size:14px !important;
    text-decoration:none !important;

}


.pkp_structure_footer_wrapper a:hover {

    color:#b21e30 !important;

}


/* Bottom Copyright */

.pkp_structure_footer_wrapper .pkp_brand_footer {

    border-top:1px solid #ccd7dc !important;
    margin-top:30px !important;
    padding-top:15px !important;
    color:#555 !important;

}


/* Mobile */

@media(max-width:768px){

.footer-columns{

grid-template-columns:1fr !important;

}

}
/* =====================================
   FOOTER CARD FOLDING DESIGN
   FORMULATION REPORTS
   ===================================== */


.pkp_structure_footer_wrapper {

    background:#f5f8fa !important;
    padding:45px 60px !important;

}


/* 4 Footer Cards */

.pkp_structure_footer_wrapper .footer-columns > div {

    background:#ffffff !important;

    border:1px solid #e5e5e5 !important;

    border-top:5px solid #b21e30 !important;

    border-radius:12px !important;

    padding:22px !important;

    box-shadow:0 6px 18px rgba(0,0,0,0.08) !important;

    transition:0.3s ease;

}


/* Hover Folding Effect */

.pkp_structure_footer_wrapper .footer-columns > div:hover {

    transform:translateY(-8px);

    box-shadow:0 12px 25px rgba(178,30,48,0.20) !important;

}



/* Heading */

.pkp_structure_footer_wrapper h4 {

    color:#b21e30 !important;

    font-size:17px !important;

    text-align:left !important;

    padding-bottom:12px !important;

    border-bottom:1px solid #eeeeee !important;

}



/* Links */

.pkp_structure_footer_wrapper a {

    color:#12445a !important;

    padding:6px 0 !important;

    display:block !important;

    font-size:14px !important;

}



.pkp_structure_footer_wrapper a:hover {

    color:#b21e30 !important;

    padding-left:6px !important;

}



/* Bottom Area */

.pkp_brand_footer {

    margin-top:35px !important;

    padding-top:20px !important;

    border-top:1px solid #d5dfe3 !important;

}



/* Responsive */

@media(max-width:768px){

.pkp_structure_footer_wrapper .footer-columns{

grid-template-columns:1fr !important;

}

}
/* =====================================
   COMPACT ACADEMIC FOOTER DESIGN
   FORMULATION REPORTS
   ===================================== */


.pkp_structure_footer_wrapper {

    background:#eef5f7 !important;
    padding:30px 45px !important;

}


/* Footer Grid */

.pkp_structure_footer_wrapper .footer-columns {

    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:25px !important;

}



/* Footer Cards */

.pkp_structure_footer_wrapper .footer-columns > div {

    background:#ffffff !important;

    border-top:4px solid #b21e30 !important;

    border-radius:10px !important;

    padding:18px !important;

    min-height:180px !important;

    box-shadow:0 3px 10px rgba(0,0,0,0.08) !important;

}



/* Card Hover */

.pkp_structure_footer_wrapper .footer-columns > div:hover {

    transform:translateY(-4px);

}



/* Heading */

.pkp_structure_footer_wrapper h4 {

    color:#b21e30 !important;

    font-size:15px !important;

    margin-bottom:10px !important;

    padding-bottom:8px !important;

    border-bottom:1px solid #eee !important;

}



/* Links */

.pkp_structure_footer_wrapper a {

    color:#12445a !important;

    font-size:13px !important;

    padding:4px 0 !important;

    margin:0 !important;

}



/* Remove Extra Space */

.pkp_structure_footer_wrapper .content {

    margin:0 !important;

}



/* Bottom Footer */

.pkp_brand_footer {

    margin-top:20px !important;

    padding-top:12px !important;

    font-size:12px !important;

}


/* Mobile */

@media(max-width:768px){

.pkp_structure_footer_wrapper .footer-columns{

grid-template-columns:1fr !important;

}

}
/* =====================================
   FOOTER BACKGROUND RED
   ===================================== */

.pkp_structure_footer_wrapper{
    background:#b21e30 !important;
    padding:30px 45px !important;
}

/* cards white rahen */
.pkp_structure_footer_wrapper .footer-columns > div{
    background:#ffffff !important;
    border-top:4px solid #ffffff !important;
    border-radius:10px !important;
    box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;
}

/* headings */
.pkp_structure_footer_wrapper h4{
    color:#b21e30 !important;
    border-bottom:1px solid #eeeeee !important;
}

/* links */
.pkp_structure_footer_wrapper a{
    color:#12445a !important;
}

.pkp_structure_footer_wrapper a:hover{
    color:#b21e30 !important;
}

/* bottom line */
.pkp_brand_footer{
    border-top:1px solid rgba(255,255,255,0.35) !important;
    margin-top:20px !important;
    padding-top:12px !important;
    color:#ffffff !important;
}

/* OJS PKP text */
.pkp_brand_footer,
.pkp_brand_footer a,
.pkp_structure_footer_wrapper .pkp_brand_footer,
.pkp_structure_footer_wrapper .pkp_brand_footer a{
    color:#ffffff !important;
}/* =====================================
   FINAL FORMULATION REPORTS FOOTER
   MAIN COLOR: #b21e30
   ===================================== */

.pkp_structure_footer_wrapper {
    background: #b21e30 !important;
    color: #ffffff !important;
    padding: 28px 35px 18px !important;
    border-top: 3px solid #8f1625 !important;
}

/* Main Footer Width */
.pkp_structure_footer_wrapper .pkp_structure_footer {
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* 4 Columns */
.pkp_structure_footer_wrapper .footer-columns {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 55px !important;
    align-items: start !important;
}

/* Remove all boxes */
.pkp_structure_footer_wrapper .footer-columns > div {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: auto !important;
    transform: none !important;
}

/* Disable box hover */
.pkp_structure_footer_wrapper .footer-columns > div:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* Footer Headings */
.pkp_structure_footer_wrapper .footer-columns h4 {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 0 7px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.28) !important;
}

/* Footer Links */
.pkp_structure_footer_wrapper .footer-columns a {
    display: block !important;
    color: #f7e9eb !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
}

/* Link Hover */
.pkp_structure_footer_wrapper .footer-columns a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
    padding-left: 0 !important;
}

/* Bottom Footer */
.pkp_structure_footer_wrapper .pkp_brand_footer {
    background: transparent !important;
    border-top: 1px solid rgba(255,255,255,0.30) !important;
    margin-top: 20px !important;
    padding-top: 12px !important;
    color: #f5dfe2 !important;
    font-size: 10px !important;
}

/* Bottom Footer Links */
.pkp_structure_footer_wrapper .pkp_brand_footer a {
    color: #ffffff !important;
    font-size: 10px !important;
}

/* PKP/OJS Text */
.pkp_structure_footer_wrapper p,
.pkp_structure_footer_wrapper span {
    color: #f5dfe2 !important;
}

/* Remove extra spacing */
.pkp_structure_footer_wrapper .content {
    margin: 0 !important;
    padding: 0 !important;
}

/* Tablet */
@media (max-width: 900px) {
    .pkp_structure_footer_wrapper .footer-columns {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 28px 40px !important;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .pkp_structure_footer_wrapper {
        padding: 22px 20px !important;
    }

    .pkp_structure_footer_wrapper .footer-columns {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }
}
/* Formulation Reports - Indexations */

.fr-indexing-wrap{
    max-width: 560px;
    margin: 30px auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background: #ffffff;
    border: 2px solid #d6d6d6;
    box-shadow: 0 3px 12px rgba(0,0,0,0.08);
}

.fr-indexing-card{
    min-height: 145px;
    padding: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    text-decoration: none !important;
    box-sizing: border-box;
    transition: all .25s ease;
}

.fr-indexing-card:nth-child(even){
    border-right: none;
}

.fr-indexing-card img{
    width: auto;
    max-width: 190px;
    max-height: 95px;
    object-fit: contain;
    display: block;
}

.fr-indexing-card:hover{
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.10);
    position: relative;
    z-index: 2;
}

.fr-doi-card{
    grid-column: 2;
}

/* Mobile */
@media (max-width: 600px){
    .fr-indexing-wrap{
        grid-template-columns: 1fr;
        max-width: 320px;
    }

    .fr-indexing-card,
    .fr-indexing-card:nth-child(even){
        border-right: none;
    }

    .fr-doi-card{
        grid-column: auto;
    }
}

/* Remove spacing above Indexations content */
.pkp_structure_main > h1,
.page_indexations > h1 {
  margin-bottom: 6px !important;
}

.pkp_structure_main .page {
  margin-top: 0 !important;
}