.promo-footer th{font-size: small; text-align: center; }
.promo-footer td{ font-size: smaller; text-align: center; }
.promo-footer h3{ font-size: 1.3rem !important; }
@media screen and (max-width: 768px){
	.promo-footer th{ font-size: xx-small;}
	.promo-footer td{ font-size: xx-small;}
	.promo-footer h3{ font-size: 1rem !important; }
	.promo-footer ol{ padding-left: 13px !important; padding-right: 1px !important; }
}

.top-tab-container.promotion {
border-bottom: none
}

.top-tab-container.promotion a {
width: 100%;
text-transform: none;
padding: 10px;
text-align: center;
font-size: 12px !important;
}

.top-tab-container.promotion+.standard-side-menu {
margin: 0
}

.promotions-background-container {
padding: 15px 0
}

.promotions-container {
background-color: rgba(0,0,0,.8);
padding: 25px 10px
}

.promotions-container .standard-side-menu li a {
background-color: #030a2e
}

.promotion-list {
background-color: rgb(9 3 55 / 20%);
padding: 10px
}

.promotion-item+.promotion-item {
margin-top: 15px
}

.promotion-item {
position: relative;
min-height: 200px
}

.promotion-item img {
width: 100%;
border: 1px solid #101b32
}

.promotion-item .button-container {
padding: 15px 10px;
display: flex;
justify-content: space-between;
align-items: center
}

.promotion-item .button-container div:last-child {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 5px;
justify-content: right
}

.promotion-item .button-container .promotion-label {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 5px
}

.promotion-item .button-container .promotion-label h2,.promotion-item .button-container .promotion-label h3 {
margin: 0;
color: #fff
}

.promotion-item .button-container .promotion-label h2 {
font-size: 14px !important;
font-weight: 700;
text-transform: uppercase
}

.promotion-item .button-container .promotion-label h3 {
font-size: 12px !important;
font-weight: 500
}

.promotion-item .button-container .promotion-label h3 span {
color: #acabaa;
font-weight: 400
}

.promotion-item .click-for-get-promo-button {
padding: 5px 25px;
background: #ffaf00;
color: #fff;
border-radius: 5px;
font-size: 12px;
}

.promotion-item .click-for-get-promo-button:hover {
background: #b86a0e
}

.promotion-item .click-for-more-info-button {
padding: 5px 25px;
background: transparent;
color: #fff;
border: 1px solid;
border-radius: 5px;
font-size: 12px;
}

.promotion-item .click-for-more-info-button:hover {
background: transparent
}

.promotion-item:not([data-active="true"]) .promotion-info {
display: none
}

.promotion-info {
/* background-color: #fff; */
border: 1px solid #101b32;
border-radius: 0 0 5px 5px;
position: relative;
padding: 35px;
color: #555
}

.promotion-info .close-button {
position: absolute;
top: 0;
right: 0;
background: none;
background-color: #253453;
color: #fff;
border: none;
border-radius: 50%;
padding: 0;
margin: 7px;
padding: 8px;
font-size: 30px !important;
line-height: .5
}

.promotion-info .promotion-title {
margin: 25px 0
}

.promotion-info .promotion-title h2,.promotion-info .promotion-title h3 {
margin: 0;
text-align: center
}

.promotion-info .promotion-title h2 {
margin-bottom: 10px;
font-weight: 700;
font-size: 20px !important;
color: #fff
}

.promotion-info .promotion-title h3 {
font-size: 16px !important;
}

.promotion-info ul,.promotion-info ol {
margin: 10px 0 10px 30px
}

.promotion-info ul {
list-style: disc
}

.promotion-info ol {
list-style: decimal
}

.expiration-countdown-container {
display: flex;
justify-content: center;
padding: 10px 0
}