/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.referral-dashboard {
	margin: 50px 0px;
}

.two-grid-referral > .section {
	    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.referral-dashboard .commission-advertise {
	margin: 5px 0px;
	font-weight: 400;
}

.referral-dashboard .section .title {	
	font-size: 18px;
	display: block;
	margin-bottom: 15px !important;
}


.two-grid-referral {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

.referral-dashboard .section {
	box-shadow: 1px 1px 20px 4px #0000002b;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
}

.referral-list td, .referral-list th {
	text-align: left;
}

@media(max-width: 600px) {
	.two-grid-referral {
		display: block !important;
	}
}