:root{

--green:#1C5C3B;
--green-dark:#123926;
--gold:#C5A043;
--cream:#FAF8F2;
--text:#555;

}

body{

font-family:'Inter',sans-serif;
background:var(--cream);
overflow-x:hidden;

}

/*==================== NAVBAR ====================*/

.custom-navbar{

padding:18px 0;
background:rgba(255,255,255,.90);
backdrop-filter:blur(14px);
box-shadow:0 8px 30px rgba(0,0,0,.05);

}

.navbar-brand{

font-family:'Cormorant Garamond',serif;
font-size:36px;
font-weight:700;
color:var(--green);

}

.navbar-brand span{

color:var(--gold);

}

.nav-link{

font-weight:500;
margin-left:18px;
color:#444;
transition:.3s;

}

.nav-link:hover{

color:var(--green);

}

/*==================== HERO ====================*/

.hero{

padding:40px 0 120px;
position:relative;
background:
linear-gradient(135deg,#FAF8F2 0%,#F2F8F3 60%,#FAF8F2 100%);
overflow:hidden;

}

.hero-tag{

display:inline-block;

padding:8px 18px;

background:#E6F3EA;

border-radius:50px;

font-size:14px;

font-weight:600;

color:var(--green);

margin-bottom:25px;

}

.hero h1{

font-family:'Cormorant Garamond',serif;
font-size:65px;
font-weight:700;
line-height:1;
color:var(--green-dark);

}

.hero h1 span{

color:var(--gold);

}

.hero h3{

margin-top:20px;

font-size:28px;

font-weight:400;

line-height:1.6;

color:#555;

max-width:700px;

}

.divider{

width:90px;
height:4px;
background:var(--gold);
margin:30px 0;
border-radius:50px;

}

.hero p{

font-size:18px;
line-height:1.8;
color:#555;

}

.hero-buttons{

margin-top:40px;

}

.btn-main{

background:var(--green);
color:white;
padding:14px 35px;
border-radius:50px;
font-weight:600;
margin-right:15px;

}

.btn-main:hover{

background:var(--green-dark);
color:white;

}

.btn-outline-main{

border:2px solid var(--green);
padding:14px 35px;
border-radius:50px;
color:var(--green);
font-weight:600;

}

.btn-outline-main:hover{

background:var(--green);
color:white;

}

.journal-cover{

padding:18px;
/*background:white;*/
border-radius:20px;
/*box-shadow:0 30px 60px rgba(0,0,0,.15);*/
/*animation:float 4s ease-in-out infinite;*/

}

.journal-cover img{

border-radius:12px;

}

@keyframes float{

0%{transform:translateY(0px);}
50%{transform:translateY(-12px);}
100%{transform:translateY(0px);}

}

/* Background Decoration */

.hero-circle{

position:absolute;
border-radius:50%;
background:#D9EFD9;
opacity:.35;

}

.hero-circle1{

width:350px;
height:350px;
right:-100px;
top:-100px;

}

.hero-circle2{

width:250px;

height:250px;

left:-80px;

bottom:-80px;

}

/* Responsive */

@media(max-width:991px){

.hero{

text-align:center;

padding-top:150px;

}

.hero h1{

font-size:60px;

}

.hero h3{

font-size:22px;

margin:auto;

}

.divider{

margin:25px auto;

}

.hero-buttons{

display:flex;

justify-content:center;

flex-wrap:wrap;

gap:15px;

}

}




/* ===========================
SECTION STYLING
=========================== */

.section-tag{

display:inline-block;

padding:8px 20px;

background:#E7F4EA;

border-radius:50px;

color:var(--green);

font-weight:600;

margin-bottom:15px;

}

.section-title{

font-family:'Cormorant Garamond',serif;

font-size:36px;

font-weight:700;

color:var(--green-dark);

}

.title-highlight{

color:var(--gold);

font-style:italic;

}

.gold-line{

width:70px;

height:3px;

background:var(--gold);

margin:20px auto 35px;

}

.welcome-text{

font-size:19px;
line-height:2;
color:#555;
max-width:900px;
margin:auto;

}

/* ===========================
Highlights
=========================== */

.highlights-section{

padding:90px 0;

background:#F3F8F3;

}

.info-card{

background:white;

padding:40px 30px;

border-radius:18px;

text-align:center;

transition:.35s;

height:100%;

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

}

.info-card:hover{

transform:translateY(-8px);

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

border-bottom:4px solid var(--gold);

}

.info-card i{

font-size:40px;

color:var(--green);

margin-bottom:20px;

}

.info-card h5{

font-weight:700;

margin-bottom:15px;

}

.info-card p{

margin:0;

color:#666;

}

/* ===========================
Announcements
=========================== */

.announcement-section{

padding:90px 0;

background:#fff;

}

.announcement-card{

display:flex;

gap:25px;

padding:30px;

background:#fff;

border-left:5px solid var(--green);

border-radius:16px;

box-shadow:0 10px 30px rgba(0,0,0,.06);

transition:.3s;

height:100%;

}

.announcement-card:hover{

transform:translateY(-6px);

}

.announcement-card .icon{

width:65px;

height:65px;

border-radius:50%;

background:#EAF4EC;

display:flex;

align-items:center;

justify-content:center;

flex-shrink:0;

}

.announcement-card i{

font-size:28px;

color:var(--green);

}

.announcement-card h5{

font-weight:700;

margin-bottom:10px;

}

.announcement-card p{

color:#666;

margin-bottom:10px;

}

.announcement-card a{

text-decoration:none;

color:var(--green);

font-weight:600;

}






.journal-highlights{

    padding:90px 0;
    background:#f5f8f5;

}

.highlight-panel{

    background:#fff;

    border-radius:24px;

    padding:45px 20px;

    display:grid;

    grid-template-columns:repeat(6,1fr);

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

    overflow:hidden;

}

.highlight-item{

    text-align:center;

    padding:15px;

    border-right:1px solid #e8ece8;

    transition:.35s;

}

.highlight-item:last-child{

    border-right:none;

}

.highlight-item:hover{

    background:#f9fcf9;

}

.highlight-item i{

    font-size:36px;

    color:#1C5C3B;

    margin-bottom:18px;

}

.highlight-item h5{

    /*font-family:'Cormorant Garamond',serif;*/

    font-size:18px;

    color:#184D32;

    margin-bottom:10px;

}

.highlight-item p{

    margin:0;

    font-weight:500;

    color:#666;

}

@media(max-width:992px){

.highlight-panel{

grid-template-columns:repeat(3,1fr);

}

}

@media(max-width:576px){

.highlight-panel{

grid-template-columns:repeat(2,1fr);

}

.highlight-item{

border-right:none;

border-bottom:1px solid #eee;

}

}

/*************************about journal page********************************************************************************************/ 
/*======================================
PAGE HERO
=======================================*/

.page-hero{

    padding:20px 0;
    
    /*background: linear-gradient(90deg, #0B1221 0%, #0B1221 40%, #b83280 100%);*/

   background:linear-gradient(
        90deg,
        #1E5A3A 40%,

        #45ba7e 100%
    );

    color:#fff;

    text-align:center;

}

.page-hero h1{

font-family:'Cormorant Garamond',serif;

font-size:40px;

margin:20px 0;

font-weight:700;

}

.page-hero p{

max-width:760px;

margin:auto;

font-size:14px;

line-height:1.8;

opacity:.95;

}

.breadcrumb{

font-size:15px;

}

.breadcrumb a{

color:#fff;

text-decoration:none;

}

.breadcrumb span{

margin:0 10px;

}


/*======================================
ABOUT SECTION
=======================================*/

.about-journal{

padding:100px 0;

background:#fff;

}

.about-grid{

display:grid;

grid-template-columns:420px 1fr;

gap:70px;

align-items:center;

}

.about-image{

position:relative;

}

.about-image img{

width:100%;

border-radius:20px;

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

}

.established-box{

position:absolute;

bottom:-25px;

right:-25px;

background:#1E5A3A;

padding:25px;

border-radius:18px;

color:#fff;

text-align:center;

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

}

.established-box h2{

font-size:42px;

margin:0;

font-family:'Cormorant Garamond',serif;

}

.established-box span{

font-size:15px;

letter-spacing:1px;

}

/*.section-heading span{

color:#C6A04D;

font-weight:700;

letter-spacing:2px;

font-size:13px;

}*/

.section-heading h2{

font-size:38px;

font-family:'Cormorant Garamond',serif;

margin:15px 0 25px;

color:#1E5A3A;

line-height:1.2;

}

.about-content p{

font-size:18px;

line-height:2;

color:#555;

margin-bottom:22px;

}


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

@media(max-width:992px){

.about-grid{

grid-template-columns:1fr;

}

.about-image{

max-width:420px;

margin:auto;

}

.page-hero h1{

font-size:42px;

}

.section-heading h2{

font-size:36px;

}

}

/*==================================
Aim & Scope
==================================*/

.aim-scope{

    padding:60px 0;

    background:#F8FBF8;

}

.scope-content{

    max-width:1050px;
    margin:35px auto 60px;
    /*text-align:center;*/

}

.scope-content p{

    font-size:18px;

    line-height:2;

    color:#555;

}

.interest-heading{

    margin-bottom:35px;

    text-align:center;

}

.interest-heading h3{

    font-family:'Cormorant Garamond',serif;

    font-size:38px;

    color:#1E5A3A;

    margin-bottom:10px;

}

.interest-heading p{

    color:#777;

}

.interest-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

}

.interest-item{

    background:#fff;

    padding:18px 22px;

    border-left:4px solid #C8A34A;

    border-radius:10px;

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

    transition:.3s;

    line-height:1.7;

}

.interest-item:hover{

    transform:translateX(6px);

    border-left-color:#1E5A3A;

}

.keywords{

    margin-top:70px;

}

.keywords h3{

    font-family:'Cormorant Garamond',serif;

    color:#1E5A3A;

    font-size:36px;

    margin-bottom:25px;

    text-align:center;

}

.keyword-list{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:15px;

}

.keyword-list span{

    background:#EEF7F1;

    color:#1E5A3A;

    padding:10px 20px;

    border-radius:30px;

    font-size:15px;

    border:1px solid #D8E8DD;

    transition:.3s;

}

.keyword-list span:hover{

    background:#1E5A3A;

    color:#fff;

}

@media(max-width:991px){

    .interest-grid{

        grid-template-columns:1fr;

    }

}



/*==================================
Relevance & Impact
==================================*/

.impact-section{

    padding:60px 0;

    background:#ffffff;

}

.impact-grid{

    margin-top:60px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.impact-card{

    background:#fff;

    border:1px solid #E7ECE8;

    border-radius:16px;

    padding:35px;

    transition:.35s;

}

.impact-card:hover{

    transform:translateY(-8px);

    border-color:#C8A34A;

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

}

.impact-icon{

    width:60px;

    height:60px;

    border-radius:50%;

    background:#EEF7F1;

    color:#1E5A3A;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    margin-bottom:20px;

}

.impact-card h3{

    color:#1E5A3A;

    font-size:24px;

    font-family:'Cormorant Garamond',serif;

    margin-bottom:15px;

}

.impact-card p{

    line-height:1.9;

    color:#666;

}

@media(max-width:991px){

.impact-grid{

grid-template-columns:1fr;

}

}

/*==================================
Editorial Board
==================================*/

.editorial-board{

    padding:60px 0;
    background:#F8FBF8;

}

.board-grid{

    margin-top:60px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;

}

.board-member{

    background:#fff;

    border:1px solid #E7ECE8;

    border-left:5px solid #1E5A3A;

    padding:28px;

    border-radius:12px;

    transition:.35s;

}

.board-member:hover{

    transform:translateY(-5px);

    border-left-color:#C8A34A;

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

}

.board-member h4{

    font-family:'Cormorant Garamond',serif;

    font-size:28px;

    color:#1E5A3A;

    margin-bottom:10px;

}

.board-member h4 span{

    color:#C8A34A;

    font-size:18px;

    font-weight:600;

}

.board-member p{

    color:#666;

    line-height:1.8;

    font-size:16px;

}

@media(max-width:991px){

.board-grid{

grid-template-columns:1fr;

}

.board-member h4{

font-size:24px;

}

}