.field {
			margin-bottom:20px;
		}
		.field_name {
			color: #686868;
			font-size: 11px;
		}

		.wp-box {
			background: #fff;
			border: 1px solid #e0e0e0;
			padding: 15px 20px;
			margin-bottom: 20px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		.wp-link {
			font-size: 11px;
		}
		.wp-ctrl {
			padding-bottom:15px;
		}
		.wp-img {
			text-align:center;
		}

		.wp-btn {
			display:inline-block;
			font-weight: 600;
			font-size: 16px;
			line-height:55px;
			background: #FE7879;
			border-radius: 5px;
			color:#fff;
			text-decoration: none;
			padding: 0 90px;
			margin-top: 15px;
		}
		.wp-btn:hover, wp-btn:active {
			background: #e97374;
			color:#fff;
		}

		.wed-field {
			margin-top:15px;
		}
		.wed-field label {
			color: #686868;
			font-size: 11px;
		}
		img {
			max-width: 100%;
		}

        .button {
    display:inline-block;
    font-weight: 600;
    font-size: 16px;
    line-height:55px;
    border-radius: 5px;
    color:#fff;
    text-decoration: none;
    padding: 0 90px;
}
.button:hover, .button:active {
    text-decoration: none !important;
}

.features {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    min-height: 29px !important;
}

.wp-box .wed-field label {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    position:absolute;
}
.wp-box .wed-field label+.wed-field-text {
    padding-top:35px;
    line-height: 25px;
    min-height: 60px; /* line-height + padding */
}
.wp-box .wed-field {
    margin: 40px 0;
}
.wp-box p, .wp-box h1, .wp-box h2, .wp-box h3 {
    margin:0;
}

sup.citation {
    background: #e5efff;
    width: 15px;
    height: 15px;
    color: #0062ff;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    border-radius: 8px;
    font-weight: 500;
    display: inline-block;
    margin-left: 2px;
    cursor: pointer;
    font-style: normal;
}
.primary-bg {
    background: #FE7879;
}
.button {
    background: #FE7879;
    color:#fff;
}
.button:hover, .button:active {
    background: #E46C6D;
    color:#fff;
}

.features {
    color: #FE7879;
}




/* Yellow and Black Game Table */

.yellow-game-table-wrapper {
    margin: 32px 0;
    border: 1px solid #d4a900;
    border-radius: 12px;
    overflow: hidden;
    background: #111111;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
    font-family: Arial, Helvetica, sans-serif;
}

/* Table Heading */

.yellow-game-table-heading {
    padding: 24px;
    background: #111111;
    border-bottom: 3px solid #ffcc00;
}

.yellow-game-table-heading h3 {
    margin: 0 0 10px;
    color: #ffcc00;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;
}

.yellow-game-table-heading p {
    margin: 0;
    color: #d0d0d0;
    font-size: 14px;
    line-height: 1.8;
}

/* Horizontal Scrolling */

.yellow-game-table-scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Main Table */

.yellow-game-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 14px;
    line-height: 1.7;
}

/* Table Header */

.yellow-game-table thead th {
    padding: 17px 20px;
    background: #ffcc00;
    color: #111111;
    font-weight: 700;
    border-bottom: 2px solid #d4a900;
    white-space: nowrap;
}

/* Table Cells */

.yellow-game-table tbody td {
    padding: 19px 20px;
    color: #f1f1f1;
    vertical-align: middle;
    border-bottom: 1px solid #383838;
}

/* Alternating Row Colours */

.yellow-game-table tbody tr:nth-child(odd) {
    background: #1b1b1b;
}

.yellow-game-table tbody tr:nth-child(even) {
    background: #252525;
}

/* Highlight the Rank Column */

.yellow-game-table tbody td:first-child {
    width: 80px;
    color: #ffcc00;
    font-weight: 700;
}

/* Highlight the RTP Column */

.yellow-game-table tbody td:last-child {
    color: #ffcc00;
    font-weight: 700;
    white-space: nowrap;
}

/* Hover Effect */

.yellow-game-table tbody tr {
    transition: background-color 0.2s ease;
}

.yellow-game-table tbody tr:hover {
    background: #353019;
}

/* Remove Border from Final Row */

.yellow-game-table tbody tr:last-child td {
    border-bottom: none;
}

/* Mobile Responsive Styling */

@media screen and (max-width: 600px) {
    .yellow-game-table-heading {
        padding: 19px;
    }

    .yellow-game-table-heading h3 {
        font-size: 19px;
    }

    .yellow-game-table {
        min-width: 480px;
    }

    .yellow-game-table thead th {
        padding: 14px 16px;
    }

    .yellow-game-table tbody td {
        padding: 16px;
    }
}