<?php include("header.php"); ?>
<style>
    :root {
        --bs-primary: #A07855FF;
        --bs-primary-rgb: 160, 120, 85;
    }
    .page-header {
        background: linear-gradient(135deg, var(--bs-primary) 0%, #8B6548 100%);
        color: white;
        padding: 3rem 0;
        margin-bottom: 3rem;
    }
    .program-container {
        background: white;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        margin-bottom: 2rem;
    }
    .program-title {
        background-color: #5B9BD5;
        color: white;
        padding: 1rem;
        text-align: center;
        font-size: 1.3rem;
        font-weight: bold;
        border: 2px solid #4A7DB0;
    }
    .schedule-table {
        width: 100%;
        border-collapse: collapse;
    }
    .schedule-table th,
    .schedule-table td {
        border: 1px solid #ddd;
        padding: 0.75rem;
        text-align: left;
    }
    .date-header {
        background-color: #FFFF00;
        font-weight: bold;
        text-align: center;
        padding: 0.5rem;
        border: 1px solid #ddd;
    }
    .time-cell {
        background-color: #E7E6E6;
        font-weight: 500;
        white-space: nowrap;
        width: 120px;
    }
    .activity-cell {
        background-color: #ffffff;
    }
    .activity-cell.registration {
        background-color: #D9EAD3;
    }
    .activity-cell.keynote {
        background-color: #FCE5CD;
    }
    .activity-cell.break {
        background-color: #D9D9D9;
    }
    .activity-cell.technical {
        background-color: #F4CCCC;
    }
    .activity-cell.lunch {
        background-color: #D9D9D9;
    }
    .activity-cell.networking {
        background-color: #C9DAF8;
    }
    .activity-cell.social {
        background-color: #F4CCCC;
    }
    .activity-cell.gala {
        background-color: #B6D7A8;
    }
    .empty-cell {
        background-color: #F9F9F9;
    }
    
    .download-btn-container {
        text-align: center;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    
    .download-btn {
        display: inline-block;
        background: linear-gradient(135deg, var(--bs-primary) 0%, #8B6548 100%);
        color: white;
        padding: 1rem 2.5rem;
        border-radius: 8px;
        text-decoration: none;
        font-weight: bold;
        font-size: 1.1rem;
        transition: all 0.3s ease;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        border: none;
        cursor: pointer;
    }
    
    .download-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        color: white;
        background: linear-gradient(135deg, #8B6548 0%, var(--bs-primary) 100%);
    }
    
    .download-btn:active {
        transform: translateY(0);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    
    .download-btn i {
        margin-right: 0.5rem;
    }
    
    @media (max-width: 768px) {
        .schedule-table {
            font-size: 0.85rem;
        }
        .schedule-table th,
        .schedule-table td {
            padding: 0.5rem;
        }
        .time-cell {
            width: 90px;
            font-size: 0.75rem;
        }
        .download-btn {
            padding: 0.875rem 2rem;
            font-size: 1rem;
        }
    }
</style>

<section class="py-5">
    <div class="container">
        <img src="conf-data.png" alt="Conference Data" class="img-fluid">
                <div class="download-btn-container">
            <a href="./Conferenceprogram2025.pdf" class="download-btn" download>
                <i class="fas fa-download"></i> Click Here for Detailed Programme
            </a>
        </div>
    </div>
</section>

<?php include("footer.php"); ?>