 #GHeaderV10 {
					 	position: absolute;
					    z-index: 111;
					    width: -webkit-fill-available;
						
						
					}

					#GHeaderV10 .header-navigation {
					color:var(--header-navigation-color) !important;
				}
				#GHeaderV10 .logo-text {
					color:var(--logo-text-color) !important;
				}


					 #GHeaderV10 .logo-main img {
						width: 60px;
					}

					 #GHeaderV10 .fa-bars {
						    color: white;
					    background: #dc4c4c;
					    padding: 10px;
					    border-radius: 5px;
					}
					 #GHeaderV10 .phone-nav {
						  position: absolute;
					    background: #dc4c4c;
					    width: 100%;
					    left: 0;
					    top: 100%;
					    padding-top: 20px;
					    padding-bottom: 20px;
					}

					 #GHeaderV10 .container {
					    margin-left: auto;
					    margin-right: auto;
					    max-width: 1300px;
					    padding-left: 20px;
					    padding-right: 20px;
					}

					@media (min-width: 1024px) {
						 #GHeaderV10 .container {
						    padding-left: 30px;
						    padding-right: 30px;
						}
					}



					 #GHeaderV10 .desktop {
						display: block;
					}
					 #GHeaderV10 .phone {
						display: none !important;
					}
					#GHeaderV10 #phone-nav {
						display: none !important;
					}
					@media only screen and (max-width: 750px) {
						#phone-nav {
					    display: none;
					}
					 #GHeaderV10 #phone-nav.opened {
					    display: block !important;
					}
						 #GHeaderV10 .desktop {
							display: none !important;
						}
						 #GHeaderV10 .phone {
							display: block !important;
						}
					}
 #GHeroV23 .container {
				    margin-left: auto;
				    margin-right: auto;
				    max-width: 1240px;
				    padding-left: 20px;
				    padding-right: 20px;
				}

				@media (min-width: 1024px) {
				    #GHeroV23 .container {
				        padding-left: 30px;
				        padding-right: 30px;
				    }
				}

				#GHeroV23 {
				    background-color: var(--hero-background-color);
				    padding-top: 5rem !important;
				    padding-bottom: 5rem !important;
				    
				}
				.hero-content h2,.hero-content p {
					color: black !important;
				}

				#GHeroV23 .hero-btn{
				    background-color:  var(--button-background-color);
				    padding: 15px 30px;
				    font-size: 16px;
				    color:  var(--button-text-color);
				    cursor: pointer;
				    border-radius: 10px;
				    outline: none;
				    border: none;
				    transition: 0.3s;
				}
				#GHeroV23 .hero-btn:hover{
				    opacity: 0.7;
				    transition: 0.3s;
				    
				}

				@media screen and (max-width: 950px){
				   #GHeroV23 .flex-column-md{
				    flex-direction: column;
				   }
				   #GHeroV23 .w-100-md{
				    width: 100% !important;
				   }
				  
				}

 #GGamesV31 .container{
				    margin-left: auto;
				    margin-right: auto;
				    max-width: 1204px;
				    padding-left: 20px;
				    padding-right: 20px;
				}
				@media (min-width: 1024px) {
				    #GGamesV31 .container {
				        padding-left: 30px;
				        padding-right: 30px;
				    }
				}

				#GGamesV31 {background-color: #254D70}
				#GGamesV31 .playeachgame-box {

				    width: 260px;
				    height: 370px;
				    background-size: cover;
				    background-position: center;
				    border-radius: 50%;
				    display: flex;
				    flex-direction: column;
				    justify-content: flex-end;
				    align-items: center;
				    padding: 20px;
				    position: relative;
				    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.6), inset 0px 0px 10px rgba(255, 215, 0, 0.3);
				    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
				    overflow: hidden;
				}
				#GGamesV31 .playeachgame-box h3 {
				    font-size: 22px;
				    font-family: 'Cinzel', serif;
				    color: #58c2ff;
				    text-shadow: 0 0 10px rgba(255, 215, 0, 0.9);
				    background: rgba(0, 0, 0, 0.6);
				    padding: 8px 12px;
				    border-radius: 10px;
				    margin-bottom: 15px;
				    width: 80%;
				    text-align: center;
				}
				#GGamesV31 .playeachgame-btn {
				    display: inline-block;
				    padding: 12px 25px;
				    font-size: 16px;
				    font-weight: bold;
				    text-transform: uppercase;
				    background-color:var(--button-background-color);
				    color: var(--button-text-color);
				    border-radius: 10px;
				    border: none;
				    cursor: pointer;
				    box-shadow: 0 0 15px rgba(242, 166, 90, 0.8);
				    transition: all 0.3s ease-in-out;
				}
				#GGamesV31 .playeachgame-box:hover {
				    animation: float 1.5s infinite ease-in-out;
				}
				#GGamesV31 .playeachgame-box:hover {
				    transform: scale(1.1);
				    box-shadow: 0px 12px 20px rgba(255, 215, 0, 0.5);
				}
				@keyframes float {
				    0% { transform: translateY(0px); }
				    50% { transform: translateY(-5px); }
				    100% { transform: translateY(0px); }
				}

				#GGamesV31 .playeachgame-box:hover {
				    animation: float 1.5s infinite ease-in-out;
				}
#GRandomV15 .container{
                    margin-left: auto;
                    margin-right: auto;
                    max-width: 1204px;
                    padding-left: 20px;
                    padding-right: 20px;
                }
                @media (min-width: 1024px) {
                    #GRandomV15 .container {
                        padding-left: 30px;
                        padding-right: 30px;
                    }
                }

                /*#GRandomV15 {background-color: #183B4E}*/
                #GRandomV15 .game-wrapper{

                    border-radius: 20px;
                    padding: 30px;
                    width: 280px;
                    height: 320px;
                    text-align: center;
                    position: relative;
                    background-size: cover;
                    background-position: center;
                    box-shadow: -6px -6px 15px rgba(255, 215, 0, 0.2), 6px 6px 15px rgba(0, 0, 0, 0.6), inset -5px -5px 10px rgba(0, 0, 0, 0.4), inset 5px 5px 10px rgba(255, 215, 0, 0.1);
                    transition: all 0.4s ease-in-out;
                    border: 3px solid #57788b;
                    transform-style: preserve-3d;
                    cursor: pointer;
                }
                #GRandomV15 .game-wrapper::before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(0, 0, 0, 0.5);
                    border-radius: 20px;
                    z-index: 1;
                }
                 #GRandomV15 .game-wrapper p {
                    position: relative;
                    z-index: 111;
                    font-size: 16px;
                    color: #EDEDED;
                    line-height: 1.5;
                    text-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
                    margin-top: 10px;
                }
                #GRandomV15 .game-wrapper h3 {
                    position: relative;
                    z-index: 111;
                    font-size: 24px;
                    font-family: 'Cinzel', serif;
                    color: #FFF5C3;
                    text-shadow: 0 0 10px rgba(255, 255, 255, 0.9), 0 0 15px rgba(255, 215, 0, 0.8);
                    margin-top: 30px;
                }
                #GRandomV15 .game-wrapper:hover {
                    animation: float 1.5s infinite ease-in-out;
                }
                #GRandomV15 .game-wrapper:hover {
                    transform: scale(1.1);
                    box-shadow: 0px 12px 20px rgba(255, 215, 0, 0.5);
                }

                @keyframes float {
                    0% { transform: translateY(0px); }
                    50% { transform: translateY(-5px); }
                    100% { transform: translateY(0px); }
                }

                #GRandomV15 .playeachgame-box:hover {
                    animation: float 1.5s infinite ease-in-out;
                }


                @media only screen and (max-width: 1000px){
                    #GRandomV15 .game-wrapper{width: 40% !important}
                }
                @media only screen and (max-width: 850px){
                    #GRandomV15 .game-wrapper{width: 70% !important}
                    
                }
                @media only screen and (max-width: 700px){
                    #GRandomV15 .game-wrapper{width: 100% !important}
                }
 #GFaqV5 .container{
                margin-left: auto;
                  margin-right: auto;
                  max-width: 1204px;
                  padding-left: 20px;
                  padding-right: 20px;
              }
              @media (min-width: 1024px) {
                  #GFaqV5 .container {
                      padding-left: 30px;
                      padding-right: 30px;
                  }
              }

              /*#GFaqV5 {background-color: #2a2a4c}*/

              #GFaqV5 .faq_container { 
                  border: 1px solid rgba(66, 220, 255, 0.1);
                  background: rgba(255, 255, 255, 0.05);
                  border-radius: 15px;
                  overflow: hidden;
                  box-shadow: 0px 2px 16px -8px;
                  transition: all 0.3s ease;
                  /*color: white; */
                  
              }

              #GFaqV5 .faq_question {
                font-size: 0.89rem;
                font-weight: 600;
                padding: 10px;
                position: relative;
                display: flex;
                align-items: center;
                justify-content: space-between;
                cursor: pointer;
              }
              #GFaqV5 .answercont {
                max-height: 0;
                overflow: hidden;
                transition: 0.3s;
              }
              #GFaqV5 .answer {
                padding: 0 10px 20px;
              }
              #GFaqV5 .fqa_headline_container h2 span { font-weight: 700; }

              #GFaqV5 .icon.active {
                background: transparent;
                border: 2px solid #000;
              }
              #GFaqV5 .icon:hover { cursor: pointer; }
              #GFaqV5 .icon-shape { position: relative; width: 50px; height: 50px; }
              #GFaqV5 .icon .icon-shape::before {
                position: absolute;
                content: '';
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 30px;
                height: 4px;
                background: #000;
                border-radius: 3px;
                transition: all 0.5s ease;
              }
              #GFaqV5 .icon .icon-shape::after {
                position: absolute;
                content: '';
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 4px;
                height: 30px;
                background: #000;
                border-radius: 3px;
                transition: all 0.5s ease;
              }
              #GFaqV5 .icon .icon-shape.active::before {
                transform: translate(-50%, -50%) rotate(135deg);
                transition: all 0.5s ease;
              }
              #GFaqV5 .icon .icon-shape.active::after {
                transform: translate(-50%, -50%) rotate(325deg);
                transition: all 0.5s ease;
              }

              @media only screen and (max-width: 950px) {
                  #GFaqV5 .flex-column-md {flex-direction: column !important;}
                  #GFaqV5 .w-100-md {width: 100% !important;}
              }

            
			#GAboutv27 {background-color: #5e897e}

			#GAboutv27 .container{
				margin-left: auto;
			    margin-right: auto;
			    max-width: 1204px;
			    padding-left: 20px;
			    padding-right: 20px;
			}
			@media (min-width: 1024px) {
			    #GAboutv27 .container {
			        padding-left: 30px;
			        padding-right: 30px;
			    }
			}

			body {
			    overflow-x: hidden;
			}

			#GAboutv27 .about-content {
			    background: rgba(255, 255, 255, 0.05);
			    padding: 15px;
			    color: white;
			    border-radius: 15px;
			    border: 1px solid rgba(0, 255, 255, 0.1);
			    transform-origin: left;
			    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
			    cursor: pointer;
			    position: relative;
			    overflow: hidden;
			}
			#GAboutv27 .about-content:hover {
			    background: rgba(255, 255, 255, 0.1);
			    border-color: rgba(0, 255, 255, 0.3);
			}
			#GAboutv27 .about-content::before {
			    content: '';
			    position: absolute;
			    top: 0;
			    left: 0;
			    width: 100%;
			    height: 100%;
			    background: linear-gradient(45deg, transparent, rgba(0, 255, 255, 0.1), transparent);
			    transform: translateX(-100%);
			    transition: transform 0.6s;
			}
			#GAboutv27 .about-content:hover::before {
			    transform: translateX(100%);
			}

			#GAboutv27 .rotating-circle {
			    width: 400px;
			    height: 400px;
			    border: 2px solid rgba(0, 255, 255, 0.1);
			    border-radius: 50%;
			    position: relative;
			    animation: rotate 20s linear infinite;
			}

			@keyframes rotate {
			    0% {
			        transform: rotate(0deg);
			    }

			    100% {
			        transform: rotate(360deg);
			    }
			}

			#GAboutv27 .circle-options {
			    width: 80px;
			    height: 80px;
			    background: rgb(68 119 180 / 80%);
			    border: 2px solid rgba(0, 255, 255, 0.3);
			    border-radius: 50%;
			    position: absolute;
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    font-size: 24px;
			    color: #FFD700;
			    transition: all 0.3s ease;
			}
			#GAboutv27 .option1 {
			    top: 0;
			    left: 50%;
			    transform: translateX(-50%) translateY(-50%);
			}
			#GAboutv27 .option2 {
			    top: 50%;
			    right: 0;
			    transform: translateY(-50%) translateX(50%);
			}
			#GAboutv27 .option3 {
			    bottom: 0;
			    left: 50%;
			    transform: translateX(-50%) translateY(50%);
			}
			#GAboutv27 .option4 {
			    top: 50%;
			    left: 0;
			    transform: translateY(-50%) translateX(-50%);
			}


			#GAboutv27 .stats-wrapper {
			    position: absolute;
			    top: 50%;
			    left: 50%;
			    transform: translate(-50%, -50%);
			    text-align: center;
			    z-index: 1;
			}
			#GAboutv27 .main-heading {
			    font-size: 64px;
			    color: #00FFFF;
			    font-weight: bold;
			    text-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
			    margin-bottom: 10px;
			}
			#GAboutv27 .stat-label {
			    font-size: 18px;
			    color: #FFD700;
			    opacity: 0.8;
			}

			@media only screen and (max-width: 1000px) {
			    #GAboutv27 .flex-column-md {flex-direction: column !important;}
			    #GAboutv27 .w-100-md {width: 100% !important;}
			}

			@media only screen and (max-width: 750px) {
			    #GAboutv27 .rotating-circle {
			        width: 250px;
			        height: 250px;
			    }
			    #GAboutv27 .main-heading {font-size: 40px;}
			}




    #GFooterV26 .container {
				    margin-left: auto;
				    margin-right: auto;
				    max-width: 1240px;
				    padding-left: 20px;
				    padding-right: 20px;
				}

				@media (min-width: 1024px) {
				    #GFooterV26 .container {
				        padding-left: 30px;
				        padding-right: 30px;
				    }
				}

				#GFooterV26 .age-icon {width: 130px;}

				#GFooterV26 {
				    background-color: var(--footer-background-color);
				}
				#GFooterV26 .footer-content {
				    flex: 0 1 971px;
				}

				#GFooterV26 .nav__item a:hover{
				    color:goldenrod;
				    transition: 0.3s;
				    cursor: pointer;
				    
				}

				@media screen and (max-width: 900px){
				   #GFooterV26 .flex-column-md{
				    flex-direction: column;
				   }
				   #GFooterV26 .w-100-md{
				    width: 100% !important;
				   }
				   #GFooterV26 .footer-content {
				    flex: none;
				   }
				  
				}
				@media screen and (max-width: 450px){
				    #GFooterV26 .footer-link{
				       flex-direction: column;
				    }
				}

.clr-white {color: white}
					.bg-dark {background-color: var(--single-game-background-color);}
					.overflow-hidden {
						overflow: hidden;
					}
					#gSingle-v1 .container {
					    margin-left: auto;
					    margin-right: auto;
					    max-width: 1300px;
					    padding-left: 20px;
					    padding-right: 20px;
					}

					@media (min-width: 1024px) {
						#gSingle-v1 .container {
						    padding-left: 30px;
						    padding-right: 30px;
						}
					}

					#gSingle-v1 .iframe-wrapper iframe {
					    width: 80%;
					    display: flex;
					    margin: auto;
					    min-height: 500px;
					    border: none;
					    outline: none;
					}

					@media only screen and (max-width: 650px) {
						#gSingle-v1 .iframe-wrapper iframe {
							width: 100% !important;
							min-height: 350px !important;
						}
					}  #GContactV20 .container{
					    margin-left: auto;
					    margin-right: auto;
					    max-width: 1204px;
					    padding-left: 20px;
					    padding-right: 20px;
					}
					@media (min-width: 1024px) {
					    #GContactV20 .container {
					        padding-left: 30px;
					        padding-right: 30px;
					    }
					}

					#GContactV20 .contact-main{
					    margin: 0 auto;
					    padding: 40px;
					    background: rgb(118 152 181);
					    border-radius: 15px;
					    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6);
					    border: 3px solid #57788b;
					}
					#GContactV20 .form-group label {
					    font-size: 16px;
					    font-weight: bold;
					    color: white;
					    display: block;
					    margin-bottom: 5px;
					}
					#GContactV20 label {display: none !important;}
					#GContactV20 .form-group input, #GContactV20 .form-group textarea {
					    width: 100%;
					    padding: 12px;
					    border-radius: 8px;
					    border: none;
					    font-size: 16px;
					    /*background: rgba(255, 215, 0, 0.1);*/
					    color: #000;
					    transition: all 0.3s ease-in-out;
					}
					/*#GContactV20 .form-group input:hover, #GContactV20 .form-group textarea:hover {
					    background: rgba(255, 215, 0, 0.2);
					}*/
					#GContactV20 .contact-btn {
					    padding: 12px 30px;
					    font-weight: bold;
					    text-transform: uppercase;
					    background-color: var(--button-background-color);
					    color: var(--button-text-color);
					    border-radius: 10px;
					    border: none;
					    cursor: pointer;
					    box-shadow: 0 0 15px rgba(242, 166, 90, 0.8);
					    transition: all 0.3s ease-in-out;
					}
					#GContactV20 .contact-btn:hover {
					    background: #043865;
					    box-shadow: 0 0 20px rgba(167, 201, 87, 0.9);
					    transition: 0.3s;
					}
#GContactV11 .form-wrapper {
				    border-radius: 20px;
				}

				#GContactV11 .form-content {
				    padding: 20px;
				}

				#GContactV11 .bg-main {background-color: hsl(242deg 22.93% 32.72%)}

				#GContactV11 .icon {
				        background: #423131;
				    padding: 20px;
				    border-radius: 50%;
				}

				#GContactV11 .form-main {
				    /*background-image: url(https://placehold.co/400x400);*/
				    background-size: cover;
				    background-position: center;
				    padding:20px;
				    border-radius: 20px;
				    background: #b5a5a5;
				}
				

				#GContactV11 .input-fields {
				    padding: 12px;
				    border:none;
				    outline: none;
				    border-radius: 5px;
				    box-sizing: border-box;
				}
				#GContactV11 .btn {
				    padding:12px;
				    border-radius: 10px;
				    border:none;
				    background: var(--button-background-color);
				    color: var(--button-text-color);
				    transition: 0.3s linear;
				}
				#GContactV11 .btn:hover {
				    transition: 0.3s linear;
				    opacity: 0.7;
				}

				@media only screen and (max-width: 900px) {
				    #GContactV11 .flex-column-md {flex-direction: column !important;}
				    #GContactV11 .w-100-md {width: 100% !important;}
				}




.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 1024px) {
	.container {
	    padding-left: 30px;
	    padding-right: 30px;
	}
}


.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 1024px) {
	.container {
	    padding-left: 30px;
	    padding-right: 30px;
	}
}


.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 1024px) {
	.container {
	    padding-left: 30px;
	    padding-right: 30px;
	}
}


.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 1024px) {
	.container {
	    padding-left: 30px;
	    padding-right: 30px;
	}
}


.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 1024px) {
	.container {
	    padding-left: 30px;
	    padding-right: 30px;
	}
} #GGamesV31 .container{
				    margin-left: auto;
				    margin-right: auto;
				    max-width: 1204px;
				    padding-left: 20px;
				    padding-right: 20px;
				}
				@media (min-width: 1024px) {
				    #GGamesV31 .container {
				        padding-left: 30px;
				        padding-right: 30px;
				    }
				}

				#GGamesV31 {background-color: #648DB3}
				#GGamesV31 .playeachgame-box {

				    width: 260px;
				    height: 370px;
				    background-size: cover;
				    background-position: center;
				    border-radius: 50%;
				    display: flex;
				    flex-direction: column;
				    justify-content: flex-end;
				    align-items: center;
				    padding: 20px;
				    position: relative;
				    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.6), inset 0px 0px 10px rgba(255, 215, 0, 0.3);
				    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
				    overflow: hidden;
				}
				#GGamesV31 .playeachgame-box h3 {
				    font-size: 22px;
				    /*font-family: 'Cinzel', serif;*/
				    color: #fff;
				    text-shadow: 0 0 10px rgba(255, 215, 0, 0.9);
				    background: rgba(0, 0, 0, 0.6);
				    padding: 8px 12px;
				    border-radius: 10px;
				    margin-bottom: 15px;
				    width: 80%;
				    text-align: center;
				}
				#GGamesV31 .playeachgame-btn {
				    display: inline-block;
				    padding: 12px 25px;
				    font-size: 16px;
				    font-weight: bold;
				    text-transform: uppercase;
				    background-color:var(--button-background-color);
				    color: var(--button-text-color);
				    border-radius: 10px;
				    border: none;
				    cursor: pointer;
				    box-shadow: 0 0 15px rgba(242, 166, 90, 0.8);
				    transition: all 0.3s ease-in-out;
				}
				#GGamesV31 .playeachgame-box:hover {
				    animation: float 1.5s infinite ease-in-out;
				}
				#GGamesV31 .playeachgame-box:hover {
				    transform: scale(1.1);
				    box-shadow: 0px 12px 20px rgba(255, 215, 0, 0.5);
				}
				@keyframes float {
				    0% { transform: translateY(0px); }
				    50% { transform: translateY(-5px); }
				    100% { transform: translateY(0px); }
				}

				#GGamesV31 .playeachgame-box:hover {
				    animation: float 1.5s infinite ease-in-out;
				}
.clr-white {color: white !important;}
.z-index-1 {z-index: 1;}
.overflow-hidden {overflow: hidden;}
.text-decoration-none {text-decoration: none;}

#gSingle-v2-banner .banner-heading {
    font-size: 60px;
}
.banner-content h1,.banner-content p {
	color: black !important;
}
#gSingle-v2-banner .banner-content {
    background: #929292;
    padding: 60px 0 55px;
}
#gSingle-v2 iframe { width: 80%;
					    display: flex;
					    margin: auto;
					    min-height: 500px;
					    border: none;
					    outline: none;
					}
#gSingle-v2-banner .banner-content:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: 0;
    background-repeat: no-repeat;
    z-index: -1;
    background-image: url(../../assets/images/shape.png);
    background-size: cover;
}

@media only screen and (max-width: 600px) {
    #gSingle-v2-banner .banner-heading {
        font-size: 40px !important;
    }
    #gSingle-v2-banner .banner-content {
        padding: 35px 0 40px;
    }
    #gSingle-v2 iframe {
        width: 90% !important;
        height: 50vh !important;
    }
}