.table-container-icc {
    display: flex !important;
    gap:25px ;
    font-size: 1.2rem;
    align-items: flex-start !important;


}

.table{

    overflow:hidden !important;
}

.table-bordered td{
   border:none;
}

.text-primary{
    font-family: 'Lucida Sans' !important;
    font-weight:bold;
}


.country .fi {
    margin-right: 5px !important;
}

.table1,
.table2 {

    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-radius:20px !important;
    padding-left:0px !important;
    padding-right:0px !important;
    overflow:hidden !important;
}

.rich-text-box table {
     margin-bottom: 0px !important; 
}

.venue{
padding-left:25px !important;
    padding-left:25px !important;
}

.table1 > table {
border-radius: 20px !important;
    }

.table2 > table {
border-radius: 20px !important;
    }

.no-border {
    border-bottom: none !important;
}
.country {
    border-bottom: 2px solid #a18180 !important;
}




td {
    border-bottom: 2px solid rgb(71, 71, 71) !important;
    padding: 10px 19px !important;
}
.country img {
    width: 32px !important;
   margin-right: 5px !important;
}
.w-100 {
    width: 100% !important;
    border-spacing: 0 !important;
}
.date {
    background-color: #ff00a1 !important;
    color: white !important;
    border-bottom: 2px solid #a11b5a !important;
}
.venue {
    background-color: #320173 !important;
    color: white !important;
    border-bottom: 2px solid #3b1b1a !important;
}
.versus {
    color: white !important;
    background-color: black !important;
    border-bottom: 2px solid #a18180 !important;
}
.semi-final {
    display: flex !important;
    justify-content: center !important;
    margin: 2rem !important;
    font-weight: bolder !important;
}
.parent-final {
    display: flex !important;
    justify-content: center !important;
}
.final {
    width: 300px !important;
    color: white !important;
    background-color: grey !important;
    text-align: center !important;
    border-radius: 7px !important;
    padding: 5px !important;
}
.table-heading {
    display: flex !important;
    justify-content: center !important;
    font-family: 'Lucida Sans' !important;
    font-weight: bold !important;
}


@media screen and (max-width:600px){

    .table-container-icc{
flex-direction:column !important;

}
.table1 , .table2{
	display:flex;
    justify-content:center;
    align-items:center;
}


}

@media (max-width:1000px) {
    .table-container-icc {
        text-align: center !important;
    }

    /*.table-container-icc{
margin-right:2rem;

}*/

       
.table1 > table{
 border-radius:20px 20px 20px 20px !important;
    }
.table2 > table{
 border-radius:20px 20px 20px 20px !important;
    }
    .table1,
    .table2 {

        border-radius: 20px !important;
        overflow: hidden !important;
    }
    td {
        padding: 10px 10px !important;
    }
    .date {
        min-width: 30px !important;
    }
    .venue {
        min-width: 100px !important;
    }
.venue
{
    text-align:left;
}
}
@media (max-width: 600px) {
    .table-container {
        flex-direction:row!important;
        text-align: center !important;
        font-size: .7rem !important;
        align-items: center !important;

    }
    .table-container-icc{
		gap:0px!important;
}
.table1 > table{
 border-radius:20px 20px 0px 0px !important;
    }
.table2 > table{
 border-radius:0px 0px 20px 20px !important;
    }

    .table1 {
        border-bottom: 0 none !important;
        border-radius: 10px 10px 0 0 !important;
    }
    .table2 {
        border-top: 0 none !important;
        border-radius: 0 0 10px 10px !important;
    }
    td {
        padding: 10px 10px !important;
    }
    .date {
        min-width: 30px !important;
    }
    .country {
        min-width: 40px !important;
    }
    .venue {
        min-width: 60px !important;
    }
}
@media (max-width: 300px) {
    .table-container {
        flex-direction: column !important;
        text-align: center !important;
        font-size: .6rem !important;
    }
    .table1 {
        border-bottom: 0 none !important;
        border-radius: 10px 10px 0 0 !important;
    }
    .table2 {
        border-top: 0 none !important;
        border-radius: 0 0 10px 10px !important;
    }
    td {
        padding: 10px 10px !important;
    }
    .date {
        min-width: 20px !important;
    }
    .country {
        min-width: 35px !important;
    }
    .venue {
        min-width: 60px !important;
    }
}

@media screen and (max-width:300px){

    .table1{
margin-left:0px !important;
}
        .table-container-icc 
    {
           font-size:10px !important;
        }
}