/* ============================================================
 INNER PAGES - SHARED STYLES
 ============================================================ */

/* Page Hero / Banner */
.page-hero {
 background: linear-gradient(105deg, var(--primary) 0%, var(--primary2) 60%, #0d3b6e 100%);
 padding: 3.5rem 0 3rem;
 position: relative; overflow: hidden;
}
.page-hero::after {
 content: '';
 position: absolute; bottom: 0; left: 0; right: 0;
 height: 60px;
 background: #fff;
 clip-path: ellipse(55% 100% at 50% 100%);
}
.page-hero-pattern {
 position: absolute; inset: 0;
 background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.page-hero-title {
 font-family: 'Outfit', sans-serif;
 font-size: clamp(2rem, 4vw, 3rem);
 font-weight: 900; color: #fff;
 letter-spacing: -1px; line-height: 1.2;
 position: relative; z-index: 2;
}
.page-hero-subtitle {
 color: rgba(255,255,255,.7);
 font-size: 1rem; position: relative; z-index: 2;
}
.breadcrumb { background: transparent; margin: 0; padding: 0; position: relative; z-index: 2; }
.breadcrumb-item a { color: var(--accent); text-decoration: none; }
.breadcrumb-item.active { color: rgba(255,255,255,.6); }
.breadcrumb-item + .breadcrumb-item::before { color: rgba(255,255,255,.4); }

/* Page content areas */
.page-section { padding: 5rem 0; }
.page-section-alt { padding: 5rem 0; background: var(--bg); }

/* Reusable Info Card */
.info-card {
 background: #fff; border-radius: 18px;
 padding: 2rem; box-shadow: 0 4px 20px rgba(0,0,0,.07);
 border: 2px solid transparent; transition: all .35s;
 height: 100%;
}
.info-card:hover { border-color: var(--accent); transform: translateY(-6px); box-shadow: 0 16px 36px rgba(0,0,0,.12); }
.info-card-icon {
 width: 60px; height: 60px; border-radius: 15px;
 background: linear-gradient(135deg, var(--primary), var(--primary2));
 display: flex; align-items: center; justify-content: center;
 font-size: 1.5rem; color: var(--accent); margin-bottom: 1.25rem;
}
.info-card h5 { font-family: 'Outfit', sans-serif; font-weight: 700; color: var(--primary); }

/* Sidebar Sticky */
.sidebar-sticky { position: sticky; top: 100px; }
.sidebar-card {
 background: #fff; border-radius: 18px;
 padding: 1.75rem; box-shadow: 0 4px 20px rgba(0,0,0,.07);
 border-top: 4px solid var(--accent);
}
.sidebar-card h5 { font-family: 'Outfit', sans-serif; font-weight: 700; color: var(--primary); }

/* Timeline */
.timeline { position: relative; padding-left: 2rem; }
.timeline::before { content: ''; position: absolute; left: 8px; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, var(--accent), var(--primary)); }
.timeline-item { position: relative; margin-bottom: 2rem; }
.timeline-item::before {
 content: ''; position: absolute; left: -2rem; top: 6px;
 width: 18px; height: 18px; border-radius: 50%;
 background: var(--accent); border: 3px solid #fff;
 box-shadow: 0 0 0 3px var(--accent);
}
.timeline-item h6 { font-weight: 700; color: var(--primary); }
.timeline-item p { color: var(--muted); font-size: .9rem; margin: 0; }

/* Placement salary badge */
.salary-badge {
 background: linear-gradient(135deg, var(--accent), #f59e0b);
 color: #fff; font-weight: 700; font-size: .8rem;
 padding: 4px 12px; border-radius: 50px;
 display: inline-block;
}

/* FAQ Accordion */
.faq-accordion .accordion-button {
 font-family: 'Outfit', sans-serif;
 font-weight: 600; color: var(--primary);
 background: #fff; font-size: 1rem;
 box-shadow: none;
}
.faq-accordion .accordion-button:not(.collapsed) {
 background: linear-gradient(135deg, var(--primary), var(--primary2));
 color: #fff;
}
.faq-accordion .accordion-button::after { filter: none; }
.faq-accordion .accordion-button:not(.collapsed)::after { filter: brightness(10); }
.faq-accordion .accordion-item { border: 2px solid #e8eef5; border-radius: 14px !important; overflow: hidden; margin-bottom: 12px; }
.faq-accordion .accordion-body { color: var(--muted); line-height: 1.8; font-size: .93rem; }

/* Contact form */
.contact-form-wrap { background: #fff; border-radius: 20px; padding: 2.5rem; box-shadow: 0 8px 30px rgba(0,0,0,.08); }
.form-label { font-weight: 600; color: var(--primary); font-size: .9rem; }
.form-control, .form-select {
 border: 2px solid #e2e8f0; border-radius: 10px;
 padding: .75rem 1rem; font-size: .93rem;
 transition: border-color .3s;
}
.form-control:focus, .form-select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(232,130,12,.1); }

/* Gallery grid */
.gallery-item {
 position: relative; border-radius: 14px; overflow: hidden;
 cursor: zoom-in;
}
.gallery-item img { width: 100%; height: 220px; object-fit: cover; transition: transform .4s; display: block; }
.gallery-item:hover img { transform: scale(1.08); }
.gallery-overlay {
 position: absolute; inset: 0; background: rgba(10,37,64,.65);
 display: flex; align-items: center; justify-content: center;
 opacity: 0; transition: opacity .3s;
}
.gallery-item:hover .gallery-overlay { opacity: 1; }
.gallery-overlay i { color: #fff; font-size: 2rem; }

/* Course detail sidebar */
.course-sidebar-box {
 background: linear-gradient(135deg, var(--primary), var(--primary2));
 border-radius: 18px; padding: 2rem; color: #fff;
 position: sticky; top: 100px;
}
.course-sidebar-box h5 { color: var(--accent); font-weight: 700; }
.course-meta-list { list-style: none; padding: 0; }
.course-meta-list li {
 display: flex; justify-content: space-between; align-items: center;
 padding: .75rem 0; border-bottom: 1px solid rgba(255,255,255,.1);
 font-size: .9rem;
}
.course-meta-list li:last-child { border: none; }
.course-meta-list li span:first-child { color: rgba(255,255,255,.65); }
.course-meta-list li span:last-child { font-weight: 600; color: #fff; }

/* Placement company card */
.placement-company-card {
 background: #fff; border-radius: 16px;
 padding: 1.5rem; text-align: center;
 box-shadow: 0 4px 18px rgba(0,0,0,.06);
 border: 2px solid transparent; transition: all .3s;
}
.placement-company-card:hover { border-color: var(--accent); transform: translateY(-6px); }
.pcc-logo {
 width: 70px; height: 70px; border-radius: 14px;
 display: flex; align-items: center; justify-content: center;
 margin: 0 auto 1rem; font-family: 'Outfit', sans-serif;
 font-weight: 900; font-size: 1rem; color: #fff;
 box-shadow: 0 8px 20px rgba(0,0,0,.18);
}

/* =====================================================================
 RESPONSIVE - INNER PAGES
===================================================================== */
@media (max-width: 991px) {
 .page-hero { padding: 2.5rem 0 2.5rem; }
 .page-hero::after { height: 40px; }
 .page-hero-title { font-size: 1.9rem; letter-spacing: -.5px; }
 .sidebar-sticky { position: static; top: auto; }
 .course-sidebar-box { margin-bottom: 2rem; }
 .page-section, .page-section-alt { padding: 3.5rem 0; }
}
@media (max-width: 767px) {
 .page-hero { padding: 2rem 0 2rem; }
 .page-hero-title { font-size: 1.6rem; }
 .page-hero-subtitle { font-size: .88rem; }
 .page-section, .page-section-alt { padding: 2.5rem 0; }
 .info-card { padding: 1.4rem; }
 .contact-form-wrap { padding: 1.5rem; }
 .sidebar-card { padding: 1.25rem; }
 .timeline { padding-left: 1.5rem; }
 .timeline-item::before { left: -1.5rem; width: 14px; height: 14px; }
 .course-meta-list li { font-size: .82rem; }
 .placement-company-card { padding: 1.1rem; }
 .pcc-logo { width: 56px; height: 56px; }
 .faq-accordion .accordion-button { font-size: .9rem; }
}
@media (max-width: 575px) {
 .page-hero { padding: 1.75rem 0 1.75rem; }
 .page-hero-title { font-size: 1.4rem; }
 .breadcrumb { font-size: .8rem; }
 .info-card-icon { width: 48px; height: 48px; font-size: 1.2rem; }
 .gallery-item img { height: 160px; }
 .gallery-grid-item { height: auto; }
 .gallery-grid-item img { height: 150px; }
 .section-title { font-size: 1.5rem; }
}
/*==============================
ADMISSION PAGE PREMIUM
==============================*/

.admission-main{
padding:70px 0;
background:#f4f7fb;
}
.highlights{
padding:70px 0 35px;
background:#f4f7fb;
}

.highlight-card{
background:#fff;
border-radius:22px;
padding:35px 25px;
text-align:center;
height:100%;
border:1px solid #eef2f7;
box-shadow:0 10px 30px rgba(0,0,0,.06);
transition:.35s;
}

.highlight-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.highlight-icon{
width:80px;
height:80px;
margin:auto;
margin-bottom:22px;
border-radius:50%;
background:#0d1b2a;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
color:#fff;
}

.highlight-card.active{
background:linear-gradient(135deg,#ff9800,#ffb300);
color:#fff;
}

.highlight-card.active .highlight-icon{
background:#fff;
color:#ff9800;
}

.highlight-card h3{
font-size:34px;
font-weight:800;
margin-bottom:8px;
color:#0d1b2a;
}

.highlight-card.active h3,
.highlight-card.active p{
color:#fff;
}

.highlight-card p{
margin:0;
font-size:15px;
font-weight:500;
color:#777;
}

.premium-card{
background:#fff;
padding:40px;
border-radius:24px;
margin-bottom:30px;
box-shadow:0 10px 35px rgba(0,0,0,.06);
}

.section-head{
margin-bottom:30px;
}

.section-head span{
display:inline-block;
padding:8px 18px;
background:#fff3dc;
color:#ff9800;
border-radius:30px;
font-size:13px;
font-weight:700;
letter-spacing:.5px;
}

.section-head h2{
margin-top:12px;
font-size:34px;
font-weight:800;
color:#0d1b2a;
}

.table{
margin:0;
}

.table thead{
background:#0d1b2a;
color:#fff;
}

.table th,
.table td{
padding:18px;
vertical-align:middle;
}

.sidebar-wrapper{
position:sticky;
top:100px;
}

.apply-card{
background:#fff;
border-radius:24px;
overflow:hidden;
box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.apply-top{
    background: linear-gradient(135deg,#0d1b2a,#1d3557);
    padding:30px;
    text-align:center;
    color:#fff;
}

.apply-top h3{
    font-size:30px;
    font-weight:800;
    margin-bottom:8px;
    color:#fff !important;
    line-height:1.2;
}

.apply-top p{
    color:#fff !important;
    opacity:.95;
    font-size:16px;
    margin:0;
}

.apply-card form{
padding:30px;
}

.apply-card .form-control,
.apply-card .form-select{
height:54px;
border-radius:14px;
border:1px solid #ddd;
margin-bottom:16px;
}

.apply-card textarea{
border-radius:14px;
}

.apply-card .btn{
height:56px;
border-radius:40px;
font-weight:700;
}

.doc-card{
background:#fff;
padding:30px;
border-radius:22px;
margin-top:25px;
box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.doc-card h4{
font-size:24px;
font-weight:700;
margin-bottom:20px;
}

.doc-card ul{
padding-left:18px;
margin:0;
}

.doc-card li{
margin-bottom:12px;
}

.scheme-card{
margin-top:25px;
padding:35px 25px;
text-align:center;
border-radius:22px;
background:linear-gradient(135deg,#ff9800,#ffb300);
color:#fff;
}

.scheme-card h3{
font-size:28px;
font-weight:800;
}

.scheme-card p{
margin:18px 0;
}

.scheme-card .btn{
padding:12px 28px;
border-radius:40px;
font-weight:700;
}

.timeline{
margin-top:25px;
padding-left:25px;
border-left:3px solid #ff9800;
}

.timeline-item{
position:relative;
padding-bottom:35px;
}

.timeline-item:last-child{
padding-bottom:0;
}

.timeline-icon{
position:absolute;
left:-42px;
width:34px;
height:34px;
background:#0d1b2a;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:14px;
}

.timeline-icon.success{
background:#ff9800;
}

.timeline-content span{
font-size:12px;
font-weight:700;
color:#ff9800;
letter-spacing:1px;
}

.timeline-content h4{
margin:6px 0;
font-size:22px;
font-weight:700;
}

.timeline-content p{
margin:0;
color:#666;
}

@media(max-width:991px){

.sidebar-wrapper{
position:relative;
top:0;
}

.section-head h2{
font-size:28px;
}

.premium-card{
padding:25px;
}

.highlight-card{
margin-bottom:20px;
}

}