/*Franchise Infrastructure Requirement*/
    .main-content{
        margin:0 50px;
    }
        /* Theme Colors */
        .table th {
            background-color: #282568;
            color: #F5CE0E;
            text-transform: uppercase;
        }

        .table td {
            color: #282568;
        }

        .table td:hover {
            background-color: #282568;
            color: #F5CE0E;
            transition: 0.3s;
        }

        h2 {
            text-align: center;
            color: #F5CE0E;
            padding: 15px;
            border-radius: 5px;
            margin-bottom: 20px;
        }

        @media (max-width: 576px) {
            .main-content{
        margin:0 10px;
    }
            h2 {
                font-size: 1.4rem;
                padding: 10px;
            }
        }



/*Franchise Documents*/
.franchise-table {
    width: 94%; 
    border: 1px solid #282568; 
    margin: 0 auto;
}

.franchise-header {
    background-color: #282568;
    color: #F5CE0E; 
}

.franchise-table th, .franchise-table td {
    border: 1px solid #ccc; 
    padding: 10px; 
    text-align: left; 
}
.franchise-table td:hover{
    background-color: #282568;
            color: #F5CE0E;
            transition: 0.3s;
}
.franchise-table tbody tr:nth-child(odd) {
    background-color: #F9F9F9; 
}

.franchise-table tbody tr:nth-child(even) {
    background-color: #FFF; 
}

.franchise-title {
    color: #282568;
    margin-top: 50px;
}




/*Franchise Fees Structure*/

.franchise-fees-section {
    margin: 20px 0;
}

.fees-title {
    color: #282568; 
    font-size: 1.75rem;
    font-weight: bold;
    text-align: center; 
}

.table-container {
    margin-top: 20px;
}

.fees-table {
    width: 94%;
    margin:0 auto;
}

.fees-header {
    background-color: #F5CE0E; 
    color: #282568;
    text-align: center; 
}

.fees-table th, .fees-table td {
    border: 1px solid #ccc; 
    padding: 12px;
    text-align: left; 
}

.fees-table tbody tr:nth-child(odd) {
    background-color: #F9F9F9; 
}

.fees-table tbody tr:nth-child(even) {
    background-color: #FFF;
}


.table-container {
    overflow-x: auto; 
    margin-bottom: 20px; 
}

@media (max-width: 767px) {
    .fees-table th, .fees-table td {
        font-size: 0.9rem;
        padding: 8px; 
    }
    .fees-title {
        font-size: 1.5rem; 
    }
}