body{font-family:Arial,sans-serif;background-color:#0c0f18;color:#fff;padding:0;margin:0;position:relative;}
h1{font-size:21px;text-align:center;margin:18px auto 12px auto;}
.top_p {text-align:center;margin:12px auto 5px auto;}

/* HEADER BOX */
header{background-color:#3ab908;background-image:linear-gradient(to bottom,#2e8908,#3ab908,#2e8908);color:#fff;padding:18px;text-align:center;cursor:pointer;box-shadow:0 5px 8px rgba(0,0,0,0.1);color:#371a12;}
.logo{width:125px;height:auto;display:inline-block;vertical-align:middle;}
.company_name{display:inline-block;vertical-align:middle;font-size:21px;font-weight:700;}
/* BOTTOM REGISTER LOGIN */
.bottom_box{position:fixed;bottom:0;left:0;width:100%;background-color:#3ab908;background-image:linear-gradient(to bottom,#2e8908,#3ab908,#2e8908);display:flex;box-sizing:border-box;box-shadow:0 0 10px rgba(0,0,0,0.5);z-index:1000;font-size:15px;font-weight:700;overflow:hidden;}
.menu_item{flex:1;display:flex;flex-direction:column;align-items:center;color:#371a12;text-decoration:none;padding:15px;}
.menu_item:hover{background-color:#58ed18;}
/* NAV MENU */
nav{background-color:#333;padding:15px 0;text-align:center;margin-top:50px;}
nav a{color:#fff;text-decoration:none;padding:10px 15px;display:inline-block;font-size:18px}
@media (max-width: 768px) {
nav{display:flex;flex-direction:column;align-items:center}
nav a{margin-bottom:10px}
}
.image_container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:8px;max-width:70%;margin:auto;background-color:#665608;background-image:linear-gradient(to bottom,#2e8908,#3ab908,#2e8908);padding:21px;box-shadow:0 0 10px rgba(0,0,0,0.5);margin:15px auto 15px auto;}
.image_box {width:88%;height:88px;border-radius:8px;border:2px solid #fff;box-shadow:0 5px 8px rgba(0,0,0,0.1);padding:5%;}
.image_box img {display:block;width:100%;margin:5px auto;}
.image_box:hover {background-color:#88a08c;}
@media (max-width: 600px) {.image_container{grid-template-columns:repeat(2,1fr);max-width:85%;}.image_box{height:72px;}}
/* GAUGE MENU */
.gauge{height:20px;border-radius:5px;overflow:hidden;margin-top:5px;border:1px solid #fff;background-color:#9a9a9a;}
.gauge_fill {
    height:100%;
    background-color:#5caf58;
    background-image: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.2) 5%, transparent 5%, transparent 10%, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.2) 15%, transparent 15%, transparent 20%, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.2) 25%, transparent 25%, transparent 30%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.2) 35%, transparent 35%, transparent 40%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.2) 45%, transparent 45%, transparent 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 55%, transparent 55%, transparent 60%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.2) 65%, transparent 65%, transparent 70%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.2) 75%, transparent 75%, transparent 80%, rgba(0, 0, 0, 0.2) 80%, rgba(0, 0, 0, 0.2) 85%, transparent 85%, transparent 90%, rgba(0, 0, 0, 0.2) 90%, rgba(0, 0, 0, 0.2) 95%, transparent 95%);
    animation: moveStripes 5s linear infinite; /* Adjust the animation duration as needed */
}
@keyframes moveStripes {
    0% { background-position: 0 0; }
    100% { background-position: 50px 0; /* Adjust the distance the stripes move */ }
}
@media only screen and (max-width: 600px) {
.gauge{height:12px}
.game_details h2 {font-size:12px;}
.game_details p {font-size:12px;}
}
/* RTP BOXES */
.container_wrapper{display:flex;flex-wrap:wrap;justify-content:center;padding:5px}

.container_wrapper > div{width:calc(20% - 18px);margin:5px 5px -5px 5px;background-color:#665608;}
.game_container{border-radius:12px;padding:9px;box-shadow:0 2px 5px rgba(0,0,0,0.1);box-sizing:border-box;}
.game_container:nth-child(odd){background-color:#2e8908;color:black;font-weight:700;background-image:linear-gradient(to bottom,#2e8908,#3ab908,#2e8908);}
.game_container:nth-child(even){background-color:#388b1c;color:black;font-weight:700;background-image:linear-gradient(to bottom,#388b1c,#3ab908,#388b1c);}
.game-image{max-width:100%;height:auto;margin-bottom:9px;border-radius:5px}
.game_details{text-align:center}
.game_details img{width:100%}
.game_details h2{font-size:15px;margin-top:5px}
.game_details p{font-size:15px;padding:5px;margin:0}
.game_container:hover{background-color:#81e888;}
@media (max-width: 767px) {
.container_wrapper{margin-top:-10px;}
.container_wrapper > div{width:calc(50% - 10px);margin:5px;}
.game_container{margin-bottom:10px}
}
/* ARTICLE BOX */
article {width:82%;margin:auto;padding:8px;text-align:justify;}
article a {color:white;}
footer{color:#fff;padding:8px;margin-bottom:78px;text-align:center;width:88%}
footer p{margin:0;font-size:12px}
.font12{font-size:12px;margin-top:5px;}
/* SCROLL TO TOP */
#scrollToTopBtn{position:fixed;bottom:52px;right:25px;background-color:#333;color:#fff;border:none;border-radius:5px;padding:5px 18px 12px 18px;cursor:pointer;display:none;z-index:1000;opacity:.85}
#scrollToTopBtn::before{content:'\2191';font-size:25px;vertical-align:middle}