:root {
            --primary: #6C63FF;
            --primary-dark: #4D44DB;
            --primary-light: #A5A1FF;
            --secondary: #FF6584;
            --dark: #1A1A2E;
            --darker: #0F0F1B;
            --light: #F8F9FA;
            --lighter: #FFFFFF;
            --gray: #ADB5BD;
            --dark-gray: #495057;
            --success: #28A745;
            --warning: #FFC107;
            --danger: #DC3545;
            --info: #17A2B8;

            --font-main: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
            --font-heading: 'Playfair Display', Georgia, serif;

            --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
            --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.15);
            --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.2);
            --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

        /* Reset moderne */
        *,
        *::before,
        *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: var(--font-main);
            line-height: 1.6;
            color: var(--dark);
            background-color: var(--light);
            overflow-x: hidden;
        }

        /* Layout */
        .container {
            width: 100%;
            max-width: 1440px;
            margin: 0 auto;
            padding: 0 2rem;
        }

        /* Footer */
        footer {
            background: linear-gradient(135deg, var(--darker), var(--dark));
            color: var(--lighter);
            padding: 5rem 0 2rem;
            position: relative;
            overflow: hidden;
        }

        footer::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: linear-gradient(90deg, var(--primary), var(--secondary));
        }

        .footer-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 3rem;
            margin-bottom: 3rem;
        }

        .footer-column {
            position: relative;
            z-index: 1;
        }

        .footer-column h3 {
            font-family: var(--font-heading);
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 1.5rem;
            position: relative;
            display: inline-block;
        }

        .footer-column h3::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 50px;
            height: 3px;
            background: var(--primary);
            border-radius: 3px;
        }

        .footer-column p {
            color: var(--gray);
            margin-bottom: 1.5rem;
            font-size: 0.95rem;
        }

        .footer-links {
            list-style: none;
        }

        .footer-links li {
            margin-bottom: 0.75rem;
        }

        .footer-links a {
            color: var(--gray);
            text-decoration: none;
            font-size: 0.95rem;
            font-weight: 500;
            display: inline-block;
            transition: var(--transition);
            position: relative;
            padding-left: 1rem;
        }

        .footer-links a::before {
            content: '→';
            position: absolute;
            left: -5px;
            opacity: 0;
            transition: var(--transition);
            color: var(--primary);
        }

        .footer-links a:hover {
            color: var(--lighter);
            padding-left: 1.5rem;
        }

        .footer-links a:hover::before {
            left: 0;
            opacity: 1;
        }

        /* Contact Info */
        .contact-info {
            margin-top: 1rem;
        }

        .contact-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 1rem;
            color: var(--gray);
        }

        .contact-item i {
            margin-right: 0.75rem;
            color: var(--primary);
            font-size: 1.1rem;
            margin-top: 3px;
        }

        .contact-item span {
            font-size: 0.95rem;
            line-height: 1.5;
        }

        /* Social Links */
        .social-links {
            display: flex;
            gap: 0.8rem;
            margin-top: 1.5rem;
            flex-wrap: wrap;
        }

        .social-link {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.08);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--lighter);
            transition: var(--transition);
            font-size: 1.1rem;
            position: relative;
            overflow: hidden;
            text-decoration: none;
        }

        .social-link::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(45deg, var(--primary), var(--primary-dark));
            opacity: 0;
            transition: var(--transition);
        }

        .social-link:hover {
            transform: translateY(-3px);
            box-shadow: var(--shadow-md);
        }

        .social-link:hover::after {
            opacity: 1;
        }

        .social-link i {
            position: relative;
            z-index: 1;
        }

        /* Newsletter */
        .newsletter {
            margin-top: 1.5rem;
        }

        .newsletter p {
            margin-bottom: 1rem;
        }

        .newsletter-form {
            display: flex;
            flex-wrap: wrap;
            gap: 0.75rem;
        }

        .newsletter-input {
            flex: 1;
            min-width: 200px;
            padding: 0.85rem 1.25rem;
            border-radius: 50px;
            border: none;
            background: rgba(255, 255, 255, 0.1);
            color: var(--lighter);
            font-size: 0.95rem;
            transition: var(--transition);
        }

        .newsletter-input::placeholder {
            color: var(--gray);
        }

        .newsletter-input:focus {
            outline: none;
            background: rgba(255, 255, 255, 0.15);
            box-shadow: 0 0 0 2px var(--primary-light);
        }

        .newsletter-btn {
            padding: 0.85rem 1.75rem;
            border-radius: 50px;
            border: none;
            background: var(--primary);
            color: var(--lighter);
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            font-size: 0.95rem;
            flex-shrink: 0;
        }

        .newsletter-btn:hover {
            background: var(--primary-dark);
            transform: translateY(-2px);
            box-shadow: var(--shadow-sm);
        }

        /* Copyright */
        .copyright {
            text-align: center;
            padding-top: 2rem;
            margin-top: 3rem;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            color: var(--gray);
            font-size: 0.85rem;
        }

        .copyright a {
            color: var(--primary-light);
            text-decoration: none;
            transition: var(--transition);
        }

        .copyright a:hover {
            color: var(--primary);
            text-decoration: underline;
        }

        /* Back to top button */
        .back-to-top {
            position: fixed;
            bottom: 2rem;
            right: 2rem;
            width: 50px;
            height: 50px;
            background: var(--primary);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            cursor: pointer;
            opacity: 0;
            visibility: hidden;
            transition: var(--transition);
            z-index: 999;
            box-shadow: var(--shadow-md);
        }

        .back-to-top.visible {
            opacity: 1;
            visibility: visible;
        }

        .back-to-top:hover {
            background: var(--primary-dark);
            transform: translateY(-5px);
        }

        /* Animations */
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .footer-column {
            animation: fadeIn 0.6s ease forwards;
        }

        .footer-column:nth-child(1) {
            animation-delay: 0.1s;
        }

        .footer-column:nth-child(2) {
            animation-delay: 0.2s;
        }

        .footer-column:nth-child(3) {
            animation-delay: 0.3s;
        }

        .footer-column:nth-child(4) {
            animation-delay: 0.4s;
        }

        /* Responsive */
        @media (max-width: 992px) {
            .container {
                padding: 0 1.5rem;
            }

            .footer-grid {
                gap: 2rem;
            }
        }

        @media (max-width: 768px) {
            footer {
                padding: 3rem 0 2rem;
            }

            .footer-grid {
                grid-template-columns: 1fr 1fr;
            }

            .newsletter-form {
                flex-direction: column;
            }

            .newsletter-input,
            .newsletter-btn {
                width: 100%;
            }
        }

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

            .footer-column h3::after {
                width: 40px;
            }
        }


        /* 15/05/2026 */

        .contact-item a {
    color: inherit;
    text-decoration: none;
}

.contact-item a:hover {
    text-decoration: underline;

    .contact-item a {
    color: inherit;
    text-decoration: none;
}

.contact-item a:hover {
    text-decoration: underline;
}
}

  /* 15/05/2026  end */







   /* =========================================================
   GNMF MODERN ASTRA STYLE HEADER
   CLEAN + OPTIMIZED VERSION
========================================================= */

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

.pkp_structure_head{
    background:#fff;
    position:relative;
    z-index:9999;
    box-shadow:0 2px 20px rgba(0,0,0,.06);
    overflow:visible !important;
}

#headerNavigationContainer,
.pkp_head_wrapper,
.pkp_site_nav_menu,
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper{
    overflow:visible !important;
}

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

.gnmf-top-bar{
    background:linear-gradient(90deg,#0f172a,#1e293b);
    padding:10px 35px;
    color:#fff;
}

.gnmf-top-container{
    max-width:1200px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    position:relative;
}

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

.gnmf-top-left{
    display:flex;
    align-items:center;
    gap:25px;
    flex-wrap:nowrap;
}

.gnmf-top-left a{
    color:#fff;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    display:flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;
    transition:.3s ease;
}

.gnmf-top-left a:hover{
    color:#60a5fa;
}

/* =========================================================
   ADMIN AREA
========================================================= */

.gnmf-top-right{
    margin-left:auto;
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    position:relative;
    z-index:999999;
}

/* =========================================================
   USER MENU
========================================================= */

#navigationUserWrapper{
    display:flex !important;
    align-items:center;
    margin:0 !important;
    padding:0 !important;
    position:relative;
}

#navigationUser{
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    list-style:none;
    margin:0 !important;
    padding:0 !important;
}

#navigationUser > li.profile{
    position:relative;
    margin:0 !important;
    padding:0 !important;
    list-style:none;
}

/* =========================================================
   ADMIN BUTTON
========================================================= */

#navigationUser > li.profile > a{
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:6px;

    padding:8px 16px !important;

    background:linear-gradient(135deg,#2563eb,#1d4ed8);
    border-radius:40px;

    color:#fff !important;
    text-decoration:none !important;

    font-size:13px;
    font-weight:600;
    line-height:1;

    white-space:nowrap;

    transition:all .25s ease;

    box-shadow:0 6px 18px rgba(37,99,235,.25);
}

#navigationUser > li.profile > a:hover{
    background:linear-gradient(135deg,#1d4ed8,#1e40af);
    transform:translateY(-1px);
}

#navigationUser > li.profile > a:focus,
#navigationUser > li.profile > a:active{
    outline:none;
    transform:none;
}

/* =========================================================
   TASK COUNT
========================================================= */

.task_count{
    width:18px;
    height:18px;

    border-radius:50%;

    background:#fff;
    color:#111827;

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

    font-size:10px;
    font-weight:700;
}

/* =========================================================
   ADMIN DROPDOWN
========================================================= */

#navigationUser .dropdown-menu{
    position:absolute !important;

    top:110% !important;
    right:0 !important;
    left:auto !important;

    min-width:210px;

    background:#fff;

    border:1px solid #e5e7eb;
    border-radius:12px;

    padding:8px;

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

    z-index:999999 !important;

    display:block !important;

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transform:translateY(8px);

    transition:
        opacity .2s ease,
        transform .2s ease,
        visibility .2s ease;
}

/* SHOW DROPDOWN */

#navigationUser > li.profile:hover > .dropdown-menu,
#navigationUser > li.profile:focus-within > .dropdown-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
}

/* DROPDOWN ITEMS */

#navigationUser .dropdown-menu li{
    list-style:none;
    margin:0;
    padding:0;
}

#navigationUser .dropdown-menu li a{
    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:10px 12px !important;

    border-radius:8px;

    color:#0f172a !important;
    text-decoration:none;

    font-size:13px;
    font-weight:500;

    transition:.2s ease;
}

#navigationUser .dropdown-menu li a:hover,
#navigationUser .dropdown-menu li a:focus{
    background:#eff6ff;
    color:#2563eb !important;
    border-color:#f4f7f8;
}

/* =========================================================
   LOGO + TITLE AREA
========================================================= */

.pkp_site_name_wrapper{
    display:flex;
    align-items:center;
    justify-content:flex-start;

    position:relative;

    padding:22px 40px;

    background:#fff;

    border-bottom:1px solid #e2e8f0;
}

/* LOGO */

.pkp_site_name{
    position:relative;
    z-index:2;
}

.pkp_site_name img{
    max-height:95px;
    width:auto;
}

/* CENTER CONTENT */

.gnmf-logo-content{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:70%;
    text-align:center;
}

/* TITLE */

.gnmf-journal-title h2{
    margin:0;

    font-size:38px;
    line-height:1.2;

    color:#0f172a;

    font-weight:700;
    letter-spacing:.3px;
}

/* ISSN */

.gnmf-issn{
    margin-top:10px;

    color:#64748b;

    font-size:15px;
    font-weight:500;
}

/* =========================================================
   NAVIGATION
========================================================= */

.pkp_navigation_primary_row{
    background:#fff;
}

.pkp_navigation_primary_wrapper{
    max-width:1100px;
    margin:auto;

    min-height:72px;

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

    position:relative;
}

/* NAV LIST */

.pkp_navigation_primary{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    margin:0;
    padding:0;

    list-style:none;
}

.pkp_navigation_primary > li{
    position:relative;
    display:flex;
    align-items:center;
    list-style:none;
}

/* REMOVE DEFAULT OJS ARROW */

.pkp_nav_list [aria-haspopup]::after{
    display:none !important;
    content:none !important;
}

/* NAV LINKS */

.pkp_navigation_primary > li > a{
    position:relative;

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

    height:72px;

    padding:24px 18px !important;

    color:#0f172a;
    text-decoration:none;

    font-size:15px;
    font-weight:600;

    white-space:nowrap;

    transition:
        color .25s ease,
        background .25s ease;
}

/* HOVER */

.pkp_navigation_primary > li > a:hover{
    color:#2563eb;
}

/* UNDERLINE */

.pkp_navigation_primary > li > a::after{
    content:'';

    position:absolute;

    left:18px;
    bottom:18px;

    width:0;
    height:2px;

    background:#2563eb;

    transition:.3s ease;
}

.pkp_navigation_primary > li > a:hover::after{
    width:calc(100% - 36px);
}

/* =========================================================
   CUSTOM DROPDOWN ARROW
========================================================= */

.pkp_navigation_primary > li:has(.dropdown-menu) > a{
    padding-right:34px !important;
}

.pkp_navigation_primary > li:has(.dropdown-menu) > a::before{
    content:'▼';

    position:absolute;

    right:14px;
    top:50%;

    transform:translateY(-50%);

    font-size:10px;
    font-weight:700;

    line-height:1;

    color:#64748b;

    transition:
        transform .25s ease,
        color .25s ease;
}

/* ROTATE ARROW */

.pkp_navigation_primary > li:has(.dropdown-menu):hover > a::before{
    transform:translateY(-50%) rotate(180deg);
    color:#2563eb;
}

/* =========================================================
   NAVIGATION DROPDOWN
========================================================= */

.pkp_navigation_primary .dropdown-menu{
    position:absolute !important;

    top:100% !important;
    left:0 !important;

    min-width:260px;

    padding:12px;

    background:#fff;

    border:1px solid #e5e7eb;
    border-radius:14px;

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

    z-index:999999 !important;

    display:block !important;

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transform:translateY(10px);

    transition:
        opacity .22s ease,
        transform .22s ease,
        visibility .22s ease;
}

/* SHOW NAV DROPDOWN */

.pkp_navigation_primary li:hover > .dropdown-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
}

/* DROPDOWN ITEMS */

.pkp_navigation_primary .dropdown-menu li{
    width:100%;
    list-style:none;
}

.pkp_navigation_primary .dropdown-menu li a{
    display:block;

    width:100%;

    padding:12px 15px !important;

    border-radius:10px;

    color:#334155 !important;
    text-decoration:none;

    font-size:14px;
    font-weight:500;

    transition:.2s ease;
}

.pkp_navigation_primary .dropdown-menu li a:hover,
.pkp_navigation_primary .dropdown-menu li a:focus{
    background:#eff6ff;
    color:#2563eb !important;
    border-color:#f4f7f8;
}

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

.pkp_navigation_search_wrapper{
    position:fixed;

    right:30px;
    bottom:30px;

    z-index:99999;
}

.pkp_search_desktop{
    width:65px;
    height:65px;

    border-radius:50%;

    background:#2563eb;

    color:#fff !important;
    text-decoration:none;

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

    font-size:0;

    box-shadow:0 10px 30px rgba(37,99,235,.35);

    transition:.35s ease;
}

.pkp_search_desktop:hover{
    background:#1d4ed8;
    transform:scale(1.08);
}

.pkp_search_desktop .fa{
    font-size:22px;
}

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

@media(max-width:991px){

    .gnmf-top-container{
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
    }

    .gnmf-top-left{
        flex-wrap:wrap;
        gap:12px;
    }

    .gnmf-top-right{
        width:100%;
        justify-content:flex-start;
    }

    .pkp_site_name_wrapper{
        flex-direction:column;
        gap:20px;
        padding:20px;
    }

    .gnmf-logo-content{
        position:relative;
        left:auto;
        transform:none;
        width:100%;
    }

    .gnmf-journal-title h2{
        font-size:30px;
    }

    .pkp_navigation_primary_wrapper{
        overflow-x:auto !important;
        justify-content:flex-start;
        padding:0 15px;
    }

    .pkp_navigation_primary{
        width:max-content;
    }

    .pkp_navigation_primary > li > a{
        height:auto;
        padding:18px 28px 18px 12px !important;
    }

    .pkp_navigation_primary > li:has(.dropdown-menu) > a::before{
        right:10px;
    }
}

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

@media(max-width:600px){

    .gnmf-top-bar{
        padding:10px 15px;
    }

    .pkp_site_name_wrapper{
        padding:15px;
    }

    .gnmf-journal-title h2{
        font-size:22px;
    }

    .pkp_navigation_primary > li > a{
        font-size:14px;
    }

    .pkp_navigation_search_wrapper{
        right:20px;
        bottom:20px;
    }

    .pkp_search_desktop{
        width:55px;
        height:55px;
    }
}


/* =========================================================
   MOVE GNMF ADMIN AREA MORE RIGHT
========================================================= */

.gnmf-top-right{
    margin-left:auto;
    position:relative;

    /* MORE RIGHT SHIFT */
    right:300px;
}

/* =========================================================
   DROPDOWN ALSO MOVE RIGHT
========================================================= */

#navigationUser .dropdown-menu{
    right:-20px !important;
}

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

@media(max-width:1200px){

    .gnmf-top-right{
        right:0;
    }

    #navigationUser .dropdown-menu{
        right:0 !important;
    }

}


/* =========================================================
   REGISTER + LOGIN BUTTON STYLE ONLY
========================================================= */

#navigationUser > li.profile{
    margin-right:12px !important;
}

#navigationUser > li.profile:last-child{
    margin-right:0 !important;
}

#navigationUser > li.profile > a{
    background:#1e3a8a !important; /* deep blue */
    color:#ffffff !important;

    padding:10px 18px !important;

    border-radius:8px;

    text-decoration:none !important;

    font-size:14px;
    font-weight:600;

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

    transition:.25s ease;
}

/* HOVER */

#navigationUser > li.profile > a:hover{
    background:#1d4ed8 !important;
    color:#ffffff !important;
}

.main{
    min-height:0vh;
}




/* Sidebar css start here  */
/* =========================================================
   GNMF MODERN INFORMATION CARD
========================================================= */

.block_information{
    position: relative;

    background: #ffffff;

    border-radius: 22px;

    overflow: hidden;

    /* OUTER SPACING */
    margin: 24px 0;

    /* INNER SPACING */
    padding: 0;

    border: 1px solid rgba(15, 23, 42, 0.06);

    box-shadow:
        0 10px 30px rgba(15, 23, 42, 0.06),
        0 2px 10px rgba(15, 23, 42, 0.04);

    transition: all .35s ease;
}

/* HOVER EFFECT */

.block_information:hover{
    transform: translateY(-4px);

    box-shadow:
        0 18px 40px rgba(15, 23, 42, 0.10),
        0 4px 14px rgba(15, 23, 42, 0.06);
}

/* TOP ACCENT */

.block_information::before{
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background: linear-gradient(
        90deg,
        #2563eb,
        #7c3aed,
        #06b6d4
    );
}

/* TITLE */

.block_information .title{
    margin: 0;

    padding: 24px 28px 18px;

    font-size: 1.2rem;
    font-weight: 700;

    color: #0f172a;

    letter-spacing: .3px;

    border-bottom: 1px solid rgba(148, 163, 184, 0.15);

    background:
        linear-gradient(
            to bottom,
            rgba(248,250,252,.9),
            rgba(255,255,255,1)
        );
}

/* CONTENT */

.block_information .content{
    padding: 22px;
}

/* LIST */

.block_information ul{
    margin: 0;
    padding: 0;

    list-style: none;

    display: flex;
    flex-direction: column;

    gap: 14px;
}

/* LIST ITEM */

.block_information li{
    width: 100%;
}

/* LINK */

.block_information li a{
    position: relative;

    display: flex;
    align-items: center;

    padding: 16px 18px 16px 52px;

    border-radius: 14px;

    background: #f8fafc;

    color: #1e293b;

    text-decoration: none;

    font-size: .96rem;
    font-weight: 600;

    border: 1px solid transparent;

    transition: all .3s ease;
}

/* ICON */

.block_information li a::before{
    content: "➜";

    position: absolute;

    left: 18px;

    width: 22px;
    height: 22px;

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

    border-radius: 50%;

    background: linear-gradient(
        135deg,
        #2563eb,
        #7c3aed
    );

    color: #ffffff;

    font-size: 12px;
    font-weight: bold;

    transition: all .3s ease;
}

/* LINK HOVER */

.block_information li a:hover{
    background: #ffffff;

    color: #2563eb;

    border-color: rgba(37, 99, 235, 0.15);

    transform: translateX(6px);

    box-shadow:
        0 8px 20px rgba(37, 99, 235, 0.10);
}

/* ICON HOVER */

.block_information li a:hover::before{
    transform: rotate(90deg) scale(1.08);
}

/* ACTIVE EFFECT */

.block_information li a:active{
    transform: scale(.98);
}

/* RESPONSIVE */

@media (max-width: 768px){

    .block_information{
        margin: 18px 0;
        border-radius: 18px;
    }

    .block_information .title{
        padding: 20px 20px 16px;
        font-size: 1.05rem;
    }

    .block_information .content{
        padding: 18px;
    }

    .block_information li a{
        padding: 14px 14px 14px 46px;
        font-size: .92rem;
    }

    .block_information li a::before{
        left: 14px;

        width: 20px;
        height: 20px;

        font-size: 11px;
    }
}



/* =========================================================
   GNMF MODERN WEB FEED CARD
========================================================= */

.block_web_feed{
    position: relative;

    background: #ffffff;

    border-radius: 22px;

    overflow: hidden;

    margin: 24px 0;

    padding: 0;

    border: 1px solid rgba(15, 23, 42, 0.06);

    box-shadow:
        0 10px 30px rgba(15, 23, 42, 0.06),
        0 2px 10px rgba(15, 23, 42, 0.04);

    transition: all .35s ease;
}

/* HOVER EFFECT */

.block_web_feed:hover{
    transform: translateY(-4px);

    box-shadow:
        0 18px 40px rgba(15, 23, 42, 0.10),
        0 4px 14px rgba(15, 23, 42, 0.06);
}

/* TOP ACCENT */

.block_web_feed::before{
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background: linear-gradient(
        90deg,
        #2563eb,
        #7c3aed,
        #06b6d4
    );
}

/* TITLE */

.block_web_feed .title{
    margin: 0;

    padding: 24px 28px 18px;

    font-size: 1.2rem;
    font-weight: 700;

    color: #0f172a;

    letter-spacing: .3px;

    border-bottom: 1px solid rgba(148, 163, 184, 0.15);

    background:
        linear-gradient(
            to bottom,
            rgba(248,250,252,.9),
            rgba(255,255,255,1)
        );
}

/* CONTENT */

.block_web_feed .content{
    padding: 22px;
}

/* LIST */

.block_web_feed ul{
    margin: 0;
    padding: 0;

    list-style: none;

    display: flex;
    flex-direction: column;

    gap: 16px;
}

/* LIST ITEM */

.block_web_feed li{
    width: 100%;
}

/* LINK */

.block_web_feed li a{
    position: relative;

    width: 100%;

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

    gap: 16px;

    padding: 16px 20px;

    background: #f8fafc;

    border-radius: 16px;

    border: 1px solid rgba(148, 163, 184, 0.12);

    text-decoration: none;

    transition: all .35s ease;

    overflow: hidden;
}

/* BACKGROUND GLOW */

.block_web_feed li a::before{
    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(
        135deg,
        rgba(37, 99, 235, 0.08),
        rgba(124, 58, 237, 0.08)
    );

    opacity: 0;

    transition: all .35s ease;
}

/* IMAGE */

.block_web_feed li a img{
    width: 42px;
    height: 42px;

    object-fit: contain;

    position: relative;

    z-index: 2;

    transition: all .35s ease;
}

/* FEED TEXT */

.block_web_feed li a::after{
    position: relative;

    z-index: 2;

    font-size: .95rem;
    font-weight: 600;

    color: #1e293b;
}

/* CUSTOM LABELS */

.block_web_feed li:nth-child(1) a::after{
    content: "Atom Feed";
}

.block_web_feed li:nth-child(2) a::after{
    content: "RSS 2.0 Feed";
}

.block_web_feed li:nth-child(3) a::after{
    content: "RSS 1.0 Feed";
}

/* HOVER */

.block_web_feed li a:hover{
    transform: translateX(6px);

    background: #ffffff;

    border-color: rgba(37, 99, 235, 0.15);

    box-shadow:
        0 12px 25px rgba(37, 99, 235, 0.12);
}

/* SHOW GLOW */

.block_web_feed li a:hover::before{
    opacity: 1;
}

/* IMAGE HOVER */

.block_web_feed li a:hover img{
    transform: scale(1.12) rotate(4deg);
}

/* ACTIVE */

.block_web_feed li a:active{
    transform: scale(.98);
}

/* RESPONSIVE */

@media (max-width: 768px){

    .block_web_feed{
        margin: 18px 0;
        border-radius: 18px;
    }

    .block_web_feed .title{
        padding: 20px 20px 16px;
        font-size: 1.05rem;
    }

    .block_web_feed .content{
        padding: 18px;
    }

    .block_web_feed li a{
        padding: 14px 16px;
        gap: 14px;
    }

    .block_web_feed li a img{
        width: 36px;
        height: 36px;
    }

    .block_web_feed li a::after{
        font-size: .9rem;
    }
}


/* sidebar css end here  */