.table-container{
    width:100%;
    margin-bottom: 30px;
    margin-top: 30px;
}

caption {
    color: #000000;
    font-family: var(--secondary-font);
    font-size: 25px;
    /* text-align: center; */
    /* text-indent: 40px; */
    line-height: 30px;
    letter-spacing: 2px;
    margin-top: 20px;
    margin-bottom: 20px;
    /* margin-bottom: 10px; */
}

.table-4 {
    width: 100%;
    border-collapse: collapse;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(230, 189, 189);
}

#header-9 {
    width: 30%;
    text-align: left;
}

#header-10 {
    width: 17.5%;
    text-align: left;
}

#header-11 {
    width: 17.5%;
    text-align: left;
}

#header-12 {
    width: 17.5%;
    text-align: left;
}

#header-13 {
    width: 17.5%;
    text-align: left;
}

#header-14 {
    width: 40%;
    text-align: left;
}

#header-15 {
    width: 40%;
    text-align: left;
}

#header-16 {
    width: 30%;
    text-align: left;
}

#header-17 {
    width: 50%;
    text-align: left;
}

#header-18 {
    width: 50%;
    text-align: left;
}

#header-19 {
    width: 25%;
    text-align: left;
}

#header-20{
    width: 15%;
    text-align: left;
}

#header-21{
    width: 55%;
    text-align: left;
}

#header-22{
    width: 40%;
    text-align: left;
}



/* Padding and font style */
.table-4 td,
.table-4 th {
    padding: 5px 10px;
    font-size: 20px;
    font-family: Verdana;
    color: rgb(177, 106, 104);
    border-radius: 0, 0, 0, 0;
}

.table-4 thead,
.table-4 tr {
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: rgb(230, 189, 189);
}

.table-4 tr:nth-child(even) {
    background: rgb(238, 211, 210)
}

.table-4 tr:nth-child(odd) {
    background: #FFF
}

#span{
    background: rgb(238, 211, 210);
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: rgb(230, 189, 189);
}


.center{
    text-align: justify;
}

@media (max-width: 768px) {
    .table-container {
        margin: 1vw;
        width: 94vw;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    caption {
        color: #000000;
        font-family: var(--secondary-font);
        font-size: 4.8vw;
        line-height: 30px;
        letter-spacing: 2px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .table-4 {
        width: 95vw;
        border-collapse: collapse;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgb(230, 189, 189);
    }

    #header-9 {
        width: 25vw;
        text-align: left;
        font-size: 3vw;
    }

    #header-10 {
        width: 15vw;
        text-align: left;
        font-size: 3vw;
    }

    #header-11 {
        width: 15vw;
        text-align: left;
        font-size: 3vw;
    }

    #header-12 {
        width: 12vw;
        text-align: left;
        font-size: 3vw;
    }

    #header-13 {
        width: 12vw;
        text-align: left;
        font-size: 3vw;
    }

    #header-14 {
        width: 38vw;
        text-align: left;
        font-size: 3vw;
    }

    #header-15 {
        width: 38vw;
        text-align: left;
        font-size: 3vw;
    }

    #header-16 {
        width: 29vw;
        text-align: left;
        font-size: 3vw;
    }

    #header-17 {
        width: 47vw;
        text-align: left;
        font-size: 3vw;
    }

    #header-18 {
        width: 45vw;
        text-align: left;
        font-size: 3vw;
    }

    #header-19 {
        width: 24vw;
        text-align: left;
        font-size: 3vw;
    }
    
    #header-20{
        width: 14vw;
        text-align: left;
    }

    #header-22{
        width: 39vw;
        text-align: left;
    }

    .table-4 td,
    .table-4 th {
        padding: 0px 0px;
        font-size: 2.7vw;
        font-family: Verdana;
        color: rgb(177, 106, 104);
        border-radius: 0, 0, 0, 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}