.hero-container {
    height: 500px;
    width: 100%;
    /* Replace 'background.jpg' with your image link */
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), 
                url('https://images.unsplash.com/photo-1509062522246-3755977927d7?q=80&w=2000') no-repeat center center/cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: white;
}

.content-wrapper {
    display: flex;
    padding: 60px 8%;
    gap: 40px;
    align-items: center;
    flex-grow: 1;
}

.left-col {
    flex: 1;
}

.left-col h1 {
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

.right-col {
    flex: 1.2;
}

.right-col p {
    font-size: 1.1rem;
    line-height: 1.6;
    background: rgba(0, 0, 0, 0.2); /* Subtle contrast boost */
    padding: 10px;
}

.highlight {
    color: #00a8e8;
    text-decoration: underline;
}

/* Bottom Bar Styles */
.action-bar {
    display: flex;
    width: 100%;
}

.btn {
    flex: 1;
    text-align: center;
    padding: 20px 0;
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
    transition: 0.3s;
}

.btn-blue {
    background-color: #0d477a;
    color: white;
}

.btn-orange {
    background-color: #f7941e;
    color: white;
}

.btn:hover {
    filter: brightness(1.1);
}

/* Responsive for Mobile */
@media (max-width: 768px) {
    .content-wrapper {
        flex-direction: column;
        text-align: center;
        padding: 30px 5%;
    }
    .action-bar {
        flex-direction: column;
    }
}/* Container styling */
.gmp-program-section {
    padding: 50px 0;
    background-color: #f8f9fa;
}

.container {
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    overflow: hidden;
}

/* Content Area */
.content-box {
    flex: 1.3;
    display: flex;
    flex-direction: column;
}

.section-header {
    background-color: #00aeef;
    padding: 20px 40px;
    color: #fff;
}

.program-details {
    padding: 30px 40px;
    color: #555;
    line-height: 1.7;
}

.program-meta {
    margin-bottom: 15px;
    font-size: 0.95rem;
}

.program-meta strong, .status {
    color: #004a80;
    margin-right: 20px;
}

.icon-check {
    color: #7ac142;
    font-style: normal;
    margin-right: 5px;
}

.inline-link {
    color: #00aeef;
    text-decoration: none;
    font-weight: 600;
}

.btn-read-more {
    display: inline-block;
    margin-top: 25px;
    padding: 10px 25px;
    background: #00aeef;
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.8rem;
    box-shadow: 0 4px 10px rgba(0, 174, 239, 0.3);
}

/* Footer Nav */
.program-footer-nav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #eee;
    margin-top: auto;
}

.nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    gap: 10px;
    color: #004a80;
    font-weight: 600;
    font-size: 0.85rem;
}

.nav-item img { width: 18px; }
.border-x { border-left: 1px solid #eee; border-right: 1px solid #eee; }

/* Image Area */
.image-box {
    flex: 1;
    background-image: url('https://images.unsplash.com/photo-1503676260728-1c00da094a0b?auto=format&fit=crop&q=80&w=1000');
    background-size: cover;
    background-position: center;
}

/* Responsive */
@media (max-width: 992px) {
    .container { flex-direction: column; }
    .image-box { height: 300px; order: -1; }
}
:root {
    --giis-blue: #00aeef;
    --giis-green: #a2d033;
    --text-dark: #0d477a;
    --text-gray: #666;
}

body {
    background-color: #f0f3f5;
    padding: 40px 20px;
    font-family: 'Segoe UI', sans-serif;
}

.curriculum-card {
    max-width: 1100px;
    margin: 0 auto 40px auto;
}

.card-wrapper {
    display: flex;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.row-reverse { flex-direction: row-reverse; }

/* Content Side */
.info-side {
    flex: 1.2;
    display: flex;
    flex-direction: column;
}

.header-banner {
    padding: 20px 40px;
    color: white;
}

.blue-bg { background-color: var(--giis-blue); }
.green-bg { background-color: var(--giis-green); }

.body-content {
    padding: 30px 40px;
    flex-grow: 1;
}

.meta {
    margin-bottom: 20px;
    font-size: 14px;
}

.meta strong, .status {
    color: var(--text-dark);
    font-weight: bold;
    margin-right: 20px;
}

.dot { color: #8cc63f; margin-right: 5px; }

p {
    color: var(--text-gray);
    line-height: 1.6;
    font-size: 14px;
}

.read-more-btn {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 25px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    color: white;
}

.blue-btn { background: var(--giis-blue); }
.green-btn { background: var(--giis-green); }

/* Footer Icons */
.footer-links {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #eee;
}

.link-item {
    padding: 15px;
    text-align: center;
    font-size: 13px;
    color: var(--text-dark);
    font-weight: 600;
    cursor: pointer;
}

.border-x { border-left: 1px solid #eee; border-right: 1px solid #eee; }

/* Image Side */
.image-side {
    flex: 1;
    background-size: cover;
    background-position: center;
}

.gmp-img { background-image: url('https://images.unsplash.com/photo-1503676260728-1c00da094a0b?q=80&w=1000'); }
.cbse-img { background-image: url('https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?q=80&w=1000'); }

/* Mobile */
@media (max-width: 850px) {
    .card-wrapper, .row-reverse { flex-direction: column; }
    .image-side { height: 250px; order: -1; }
}
:root {
    --blue: #00aeef;
    --green: #a2d033;
    --dark-blue: #0d477a;
    --gray: #666;
}

body { font-family: 'Arial', sans-serif; background: #f9f9f9; padding: 40px 0; margin: 0; }

/* Campus Section */
.campus-section { max-width: 1200px; margin: 0 auto 60px; text-align: center; }
.header-content h1 { color: #002e5b; font-size: 28px; }
.header-content h3 { color: var(--gray); font-size: 16px; margin: 10px 0; }
.header-content p { color: #888; font-size: 14px; max-width: 900px; margin: 0 auto 30px; }

.tabs-container { background: #fff; border: 1px solid #eee; border-radius: 8px; overflow: hidden; }
.tabs-nav { display: flex; border-bottom: 1px solid #eee; }
.tab-item { flex: 1; padding: 15px; border: none; background: none; cursor: pointer; color: #555; display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: bold; transition: 0.3s; }
.tab-item.active { color: var(--blue); border-bottom: 3px solid var(--blue); }
.tab-content { padding: 60px; display: flex; justify-content: center; }
.loader { border: 4px solid #f3f3f3; border-top: 4px solid var(--blue); border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Curriculum Cards */
.curriculum-card { max-width: 1100px; margin: 0 auto 40px; }
.card-inner { display: flex; background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
.card-inner.reverse { flex-direction: row-reverse; }

.text-content { flex: 1.2; display: flex; flex-direction: column; }
.card-header { padding: 20px 40px; color: white; }
.blue-bg { background: var(--blue); }
.green-bg { background: var(--green); }

.card-body { padding: 30px 40px; flex-grow: 1; }
.meta-row { margin-bottom: 15px; font-size: 14px; }
.meta-row strong { color: var(--dark-blue); }
.enrolling { color: var(--dark-blue); margin-left: 20px; font-weight: bold; }
.check { color: #8cc63f; margin-right: 5px; font-style: normal; }

.btn-read-more { border: none; padding: 10px 25px; border-radius: 20px; color: white; font-weight: bold; cursor: pointer; margin-top: 20px; }
.blue-btn { background: var(--blue); }
.green-btn { background: var(--green); }

.card-footer { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #eee; }
.f-item { padding: 15px; text-align: center; color: var(--dark-blue); font-weight: 600; font-size: 13px; cursor: pointer; }
.border-x { border-left: 1px solid #eee; border-right: 1px solid #eee; }

.image-content { flex: 1; background-size: cover; background-position: center; min-height: 350px; }
.gmp-img { background-image: url('https://images.unsplash.com/photo-1503676260728-1c00da094a0b?q=80&w=1000'); }
.cbse-img { background-image: url('https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?q=80&w=1000'); }

/* Mobile */
@media (max-width: 768px) {
    .card-inner, .card-inner.reverse { flex-direction: column; }
    .tabs-nav { overflow-x: auto; }
}