@import url('https://fonts.cdnfonts.com/css/sf-pro-display');

#table {
    width: 100%;
    font-family: 'SF Pro Display', sans-serif;
    white-space: nowrap;
}

#table-1, #table-2 {
	width: 100%;
    font-family: 'SF Pro Display', sans-serif;
}


table,
table td {
    border: none !important;
}

.plan-table {
    font-size: 30px;
}

.header-green div {
    background-color: #2FCA96;
    color: white;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px 30px 0px 0px;
}

.plan-table-header > div {
    margin-right: 10px !important;
    padding: 30px;
	width: 205px;
}
.plan-table-header > div > div {
	margin-right: 5px;
}
tbody tr td div {
    background-color: #FAFAFB;
    padding: 12px;
    margin-right: 10px !important;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 100%;
}

tbody tr:nth-child(even) div {
    background-color: #f2f2f2;
}
.tables {
	display: flex; 
	gap: 5px;
}
 .table-1 {
     flex: 1;
    overflow: hidden;
 }
 .table-2 {
     flex: 1;
    overflow-x: scroll;
 
 }
 
 .c-table-link {
 	font-size: 20px !important;
 }


@media only screen and (max-width: 1400px) {
    .table-2 {
        flex: 1;
    	overflow-x: scroll;
    }
}
 
@media only screen and (max-width: 768px) {
	.plan-table {
		font-size: 20px;
	}
	.plan-table-header > div{
		width: 155px;
	}
	#table-1 tbody {
	    font-size: 16px;
    	line-height: 20px;
	}
    .table-2 {
        flex: 1;
    	overflow-x: scroll;
    }
    
    .c-table-link {
 		font-size: 16px !important;
 	}
}