/* GLOBAL */

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Segoe UI',sans-serif;
}

body{
background:#f4f6fb;
overflow-x:hidden;
}

/* TOPBAR */

.forest-topbar{
background:linear-gradient(90deg,#0c2d57,#123d78);
color:white;
display:flex;
justify-content:space-between;
align-items:center;
padding:8px 30px;
flex-wrap:wrap;
font-size:13px;
gap:8px;
}

.forest-topbar-left{
display:flex;
gap:12px;
flex-wrap:wrap;
align-items:center;
}

.forest-topbar-left span{
display:flex;
align-items:center;
gap:5px;
white-space:nowrap;
}

.forest-topbar-right{
display:flex;
gap:12px;
align-items:center;
}

.forest-topbar-right a{
color:white;
text-decoration:none;
transition:.3s;
}

.forest-topbar-right a:hover{
color:#ffcc00;
}

/* NAVBAR */

.forest-main-nav{
background:white;
display:flex;
justify-content:space-between;
align-items:center;
padding:10px 30px;
box-shadow:0 4px 15px rgba(0,0,0,0.08);
position:relative;
z-index:1000;
}

.forest-main-nav img{
height:55px;
}

/* HAMBURGER */

.forest-menu-toggle{
display:none;
font-size:24px;
cursor:pointer;
color:#0c2d57;
}

/* MENU */

.forest-menu-links{
list-style:none;
display:flex;
gap:20px;
}

.forest-menu-links li{
position:relative;
padding-bottom:12px;
}

.forest-menu-links li a{
text-decoration:none;
color:#222;
font-weight:600;
font-size:14px;
}

/* 🔥 SUBMENU COMPACT */

.forest-sub-menu{
position:absolute;
top:100%;
left:0;
background:white;
padding:10px 12px;
min-width:420px;
box-shadow:0 10px 25px rgba(0,0,0,0.12);
border-radius:6px;
z-index:999;

display:grid;
grid-template-columns:repeat(2,1fr);
gap:6px;

/* animation */
opacity:0;
visibility:hidden;
transform:translateY(10px);
transition:all .25s ease;
pointer-events:none;
}

/* 🔥 HOVER */

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

/* SUBMENU ITEMS */

.forest-sub-menu li{
list-style:none;
line-height:1.2;
}

.forest-sub-menu li a{
display:block;
padding:6px 8px;
background:#5b8dda;
color:white;
border-radius:4px;
font-size:13px;
transition:.25s;
}

.forest-sub-menu li a:hover{
background:#0c2d57;
}

/* RIGHT FIX */

.forest-menu-links li:nth-last-child(1) .forest-sub-menu,
.forest-menu-links li:nth-last-child(2) .forest-sub-menu{
right:0;
left:auto;
}

/* HEADINGS */

.forest-dropdown-heading{
grid-column:span 2;
font-weight:bold;
color:#0c2d57;
border-bottom:1px solid #ddd;
padding-bottom:3px;
margin:2px 0;
font-size:14px;
}

/* COURSE ROW */

.forest-course-row{
grid-column:span 2;
display:flex;
gap:6px;
}

.forest-course-row a{
flex:1;
text-align:center;
background:#0c2d57;
}

/* PAGE TITLE */

.forest-page-title{
text-align:center;
padding:30px 15px;
font-size:28px;
font-weight:bold;
color:#0c2d57;
}

/* GALLERY */

.forest-bca-gallery-wrapper{
width:92%;
max-width:1100px;
margin:auto;
}

.forest-bca-batch-heading{
text-align:center;
font-size:22px;
font-weight:bold;
color:#0c2d57;
margin:30px 0 20px;
border-bottom:2px solid #0c2d57;
display:inline-block;
padding-bottom:5px;
}

.forest-bca-gallery{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
}

.forest-bca-gallery a{
display:block;
border-radius:8px;
overflow:hidden;
box-shadow:0 5px 12px rgba(0,0,0,0.12);
}

.forest-bca-gallery img{
width:100%;
height:230px;
object-fit:cover;
transition:.3s;
}

.forest-bca-gallery img:hover{
transform:scale(1.06);
}

/* TABLET */

@media(max-width:900px){

.forest-topbar{
flex-direction:column;
text-align:center;
}

.forest-menu-toggle{
display:block;
}

.forest-menu-links{
position:absolute;
top:100%;
left:0;
width:100%;
background:white;
flex-direction:column;
display:none;
padding:15px;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

.forest-menu-links.active{
display:flex;
}

.forest-menu-links li{
width:100%;
padding-bottom:0;
}

.forest-sub-menu{
position:relative;
top:0;
left:0;
right:0;
min-width:100%;
box-shadow:none;
padding:8px 0;
opacity:1;
visibility:visible;
transform:none;
display:none;
pointer-events:auto;
grid-template-columns:1fr;
}

.forest-menu-links li:hover > .forest-sub-menu{
display:none;
}

.forest-menu-links li.active > .forest-sub-menu{
display:grid;
}

.forest-course-row{
flex-direction:column;
}

}

/* MOBILE */

@media(max-width:768px){

.forest-bca-gallery{
grid-template-columns:repeat(2,1fr);
}

.forest-page-title{
font-size:24px;
}

}

@media(max-width:500px){

.forest-bca-gallery{
grid-template-columns:1fr;
}

.forest-topbar-left{
flex-direction:column;
gap:4px;
}

}