#GHeaderV12 .container{
						margin-left: auto;
					    margin-right: auto;
					    max-width: 1204px;
					    padding-left: 20px;
					    padding-right: 20px;
					}
					@media (min-width: 1024px) {
					    #GHeaderV12 .container {
					        padding-left: 30px;
					        padding-right: 30px;
					    }
					}
					#GHeaderV12 .nav-links {
					    color: var(--header-navigation-color);
					}


					#GHeaderV12 {
					    width: 70%;
					    position:absolute;
					    top:3%;
					    left:0;
					    z-index:111;
					    right:0;
					    box-shadow: 0 2px 8px rgba(0,0,0,.75), inset 0 +5px rgba(0,0,0,.26);
					    margin: auto;
					    background-color:  var(--header-background-color)  !important;
					} #GHeroV21 .container{
					margin-left: auto;
				    margin-right: auto;
				    max-width: 1204px;
				    padding-left: 20px;
				    padding-right: 20px;
				}
				@media (min-width: 1024px) {
				    #GHeroV21 .container {
				        padding-left: 30px;
				        padding-right: 30px;
				    }
				}

				#GHeroV21 {
				    background-image: url(../images/hero.jpg);
				    background-size: cover;
				    background-position: center;
				    height: 80vh;
				}
				#GHeroV21 .logo-text {
				color:var(--logo-text-color);
			}
				#GHeroV21 .logo {width: 100px;}
				#GHeroV21 .overlay {
				    position: absolute;
				    top: 0;
				    width: 100%;
				    height: 100%;
				    background-color: black;
				    opacity: 0.7;
				}
				#GHeroV21 .hero-content {
				    position: absolute;
				    top: 0;
				    bottom: 0;
				    left: 0;
				    right: 0;
				    display: flex;
				    align-items: center;
				    justify-content: center;
				}



   #GGamesV32 .container{
					margin-left: auto;
				    margin-right: auto;
				    max-width: 1150px;
				    padding-left: 20px;
				    padding-right: 20px;
				}
				@media (min-width: 1024px) {
				    #GGamesV32 .container {
				        padding-left: 30px;
				        padding-right: 30px;
				    }
				}
				#GGamesV32 .games-wrapper {
				  width: 22%;
				}
				#GGamesV32 .games-wrapper img {
				  border-radius: 30px;
				  height:250px;
				  object-fit:cover;
				}

				#GGamesV32 .games-wrapper:hover .games-content {
				  opacity: 1 !important;
				  z-index: 1 !important;
				}

				#GGamesV32 .games-content {
				  align-content: center;
				    background-color: rgba(15, 28, 35, .859);
				    border: inherit;
				    font-weight: 600;
				    height: -webkit-fill-available;
				    left: 0;
				    border-radius: 30px;
				    opacity: 0;
				    padding: 1rem;
				    position: absolute;
				    text-align: center;
				    top: 0;
				    transition: all .2s ease-in-out;
				    width: -webkit-fill-available;
				    z-index: -1;
				}
				@media only screen and (max-width: 850px) {
				  #GGamesV32 .games-wrapper {
				    width: 44% !important;
				  }
				}
				#GGamesV32 .btn {
				  background-color: var(--button-background-color);
				  background-image: none;
				  border-color: #0f1c23;
				  clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%);
				  color: var(--button-text-color);
				  padding: 15px 41px;
				    border: none;
				    color: white;
				    font-weight: 500;
				    font-size: 1rem;
				    transition: all .2s ease-in-out;
				}

				#GGamesV32 .btn:hover {
				    transition: all .2s ease-in-out;
				    background: white;
				    color: black;
				}

				@media only screen and (max-width: 620px) {
				  #GGamesV32 .games-wrapper {width: 100% !important;}
				}
 #GRandomV12 .container{
                    margin-left: auto;
                      margin-right: auto;
                      max-width: 1204px;
                      padding-left: 20px;
                      padding-right: 20px;
                  }
                  @media (min-width: 1024px) {
                      #GRandomV12 .container {
                          padding-left: 30px;
                          padding-right: 30px;
                      }
                  }

                  #GRandomV12 .random-card {
                      background: rgba(255, 255, 255, 0.05);
                      padding: 25px;
                      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;
                      color: white;
                      text-align: center;
                      position: relative;
                      overflow: hidden;
                  }
                  #GRandomV12 {
                    background-color: #447D9B;
                  }
                  #GRandomV12 .random-card:hover {
                      background: rgba(255, 255, 255, 0.1);
                      border-color: rgba(0, 255, 255, 0.3);
                  }
                  #GRandomV12 .random-card::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;
                  }
                  #GRandomV12 .random-card:hover::before {
                      transform: translateX(100%);
                  }
                  #GRandomV12 .random-wrapper {
                      width: 22%;
                  }

                  @media only screen and (max-width: 1100px) {
                      #GRandomV12 .random-wrapper {
                          width: 30%;
                      }
                  }

                  @media only screen and (max-width: 900px) {
                      #GRandomV12 .random-wrapper {
                          width: 45%;
                      }
                  }

                  @media only screen and (max-width: 700px) {
                      #GRandomV12 .random-wrapper {
                          width: 100%;
                      }
                  } #GBannerV5 {
                        background-image: url(../images/banner.jpg);
                        background-position: center center;
                        background-repeat: no-repeat;
                        background-size: cover;
                        position: relative;
                        background-attachment: fixed;
                    }
                    #GBannerV5 .overlay {
                        content: '';
                        background-image: linear-gradient(135deg, #160C1C 0%, #321743 100%);
                        opacity: 0.7;
                        height: 100%;
                        width: 100%;
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                    }
                    @media only screen and (max-width: 950px) {
                        #GBannerV5 .flex-wrap-w {
                           flex-wrap: wrap;
                        }
                        #GBannerV5 .game-wrapper{
                            width: 45% !important;
                        }
                        #GBannerV5 .w-100-md{
                            width: 100% !important;
                        }
                         
                        
                    }
                    @media only screen and (max-width: 750px){
                        #GBannerV5 .game-wrapper{
                            width: 100% !important;
                        }
                    }
 #GAboutv28 .container{
				margin-left: auto;
			    margin-right: auto;
			    max-width: 1204px;
			    padding-left: 20px;
			    padding-right: 20px;
			}

			@media (min-width: 1024px) {
			    #GAboutv28 .container {
			        padding-left: 30px;
			        padding-right: 30px;
			    }
			}

			/*#GAboutv28 {
			    background-color: #222434;
			}*/
			#GAboutv28 .icon-img {
			    width: 80px;
			    height: 80px;
			    border-radius: 40px;
			}
			#GAboutv28 .icon-img img{
			    width: 60px;
			    height: 60px;
			    object-fit: contain;
			    animation: shake 0.8s infinite ease-in-out;
			}
			@keyframes shake {
			  0% { transform: translate(0, 0) rotate(0); }
			  10% { transform: translate(-5px, 0) rotate(-2deg); }
			  20% { transform: translate(5px, 0) rotate(2deg); }
			  30% { transform: translate(-5px, 0) rotate(-2deg); }
			  40% { transform: translate(5px, 0) rotate(2deg); }
			  50% { transform: translate(0, 0) rotate(0); }
			  100% { transform: translate(0, 0) rotate(0); }
			}
			#GAboutv28 .btn{
			    color: var(--button-text-color);
			    font-size: 17px;
			    background-color: var(--button-background-color);
			    border: none;
				  clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%);

			    border-radius: 5px;
			    cursor: pointer;
			    padding: 10px;
			    transition: 0.5s;
			}
			#GAboutv28 .btn:hover{
			    transition: 0.5s;
			    opacity: 0.7;
			}
			#GAboutv28 .about-img{
			    clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 100.00% 100%, 0.00% 100%, 0% 60%, 10% 20%);
			     transition: all 2s ease-in-out;
			    animation: glowEffect 2s ease-in-out infinite;
			}

			#GAboutv28 .about-img img {
			    object-fit: contain;
			    height: 821px;
			    filter: drop-shadow(0 0 20px #0ef0ad);
			    -webkit-filter: drop-shadow(0 0 20px #0ef0ad);
			    animation: glow 2s infinite;
			}
			@keyframes glowEffect {
			      0% {
			        filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.4));
			      }
			      50% {
			        filter: drop-shadow(0 0 15px rgba(255, 255, 255, 1));
			      }
			      100% {
			        filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.4));
			      }
			    }
			@media only screen and (max-width: 950px){
			    #GAboutv28 .w-100-md{width: 100% !important}
			    #GAboutv28 .flex-column-reverse{flex-direction: column-reverse;}
			    #GAboutv28 .icon {flex-direction: column;
			        align-items: center;}
			        #GAboutv28 .about-img img{height: 350px !important}
			    
			}
			@media only screen and (max-width: 580px){
			#GAboutv28 .about-img img{height: auto !important;}
			}




    #GFooterV27 .container{
				    margin-left: auto;
				    margin-right: auto;
				    max-width: 1204px;
				    padding-left: 20px;
				    padding-right: 20px;
				}
				@media (min-width: 1024px) {
				    #GFooterV27 .container {
				        padding-left: 30px;
				        padding-right: 30px;
				    }
				}

				#GFooterV27 {
				    background-color: var(--footer-background-color);
				}
				#GFooterV27 .footer-logo img {
				    width: 180px;
				    height: auto;
				    border-radius: 10px;
				    box-shadow: 0px 0px 15px rgba(255, 215, 0, 0.6);
				    animation: floatGlow 3s infinite alternate ease-in-out;
				}
				@keyframes floatGlow {
				  0% {
				      transform: translateY(0px);
				      box-shadow: 0px 0px 15px rgba(255, 215, 0, 0.6);
				  }
				  50% {
				      transform: translateY(-25px);
				      box-shadow: 0px 0px 25px rgba(255, 215, 0, 0.8);
				  }
				  100% {
				      transform: translateY(0px);
				      box-shadow: 0px 0px 15px rgba(255, 215, 0, 0.6);
				  }
				}
				#GFooterV27 .desclaimer{
				   
				    padding: 15px;
				    background: rgb(99 111 166);
				    border-radius: 10px;
				    color: white;
				    font-weight: bold;
				    text-shadow: 0 0 10px rgba(255, 0, 0, 1);
				    font-size: 16px;
				    display: flex;
				    align-items: center;
				    gap: 10px;
				    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
				    cursor: pointer;
				    
				}
				#GFooterV27 .desclaimer:hover {
				    transform: scale(1.05);
				    box-shadow: 0 0 20px rgb(82 97 168);
				    background: rgb(82 97 168);
				}
				#GFooterV27 .footer-text{
				    padding: 5px;
				}
				#GFooterV27 .footer-btn{
				    background-color: var(--button-background-color);
				    color: var(--button-text-color);
				    cursor: pointer;
				    outline: none;
				    border-radius: 5px;
				    transition: 0.3s;
				  clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%);

				    padding: 15px 20px;
				    border: none;
				}
				#GFooterV27 .footer-btn:hover{
				    opacity: 0.7;
				    transition: 0.3s;
				}
				@media only screen and (max-width: 900px) {
				   #GFooterV27 .footer-main{flex-direction: column;}
				   
				   #GFooterV27 .footer-content{width: 100% !important}
				   #GFooterV27 .footer-logo{width: 100% !important}

				}


.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;
						}
					}  #GContactV18 .container{
						margin-left: auto;
					    margin-right: auto;
					    max-width: 1204px;
					    padding-left: 20px;
					    padding-right: 20px;
					}

					@media (min-width: 1024px) {
					    #GContactV18 .container {
					        padding-left: 30px;
					        padding-right: 30px;
					    }
					}
					#GContactV18 {background-color: #95969d}
					#GContactV18 .contact-content , #GContactV18 .contact-form{
					    background-color: #D7D7D7;
					}
					#GContactV18 .content-box {
					    border-top: 1px solid darkgrey;
					    border-bottom: 1px solid darkgray;
					    padding:20px;
					}
					#GContactV18 .text svg{
					    fill: #424242;
					    width: 35px;
					    height: 35px;
					}
					#GContactV18 .text p {
					    margin-block-end: auto;
					    margin-block-start: auto;
					    font-size: larger;
					    font-weight: 600;
					}
					#GContactV18 .login-form{
						width: -webkit-fill-available;
						padding:20px;
					}
					#GContactV18 .input-fields{
					    padding: 15px 20px;
					    /*color: white;*/
					    width: -webkit-fill-available;
					    outline-color: rgba(0, 0, 0, 0);
					    border-radius: 0px;
					    font-size: 16px;
					    background-color: inherit;
					    border: 1px solid #4c4d5a;
					}
					#GContactV18 .btn{
					    color:  var(--button-text-color);
					    font-size: 17px;
					    background-color:  var(--button-background-color);
					    border: none;
					    border-radius: 5px;
					    cursor: pointer;
					    padding: 12px;
				  clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%);

					    transition: 0.5s;
					}
					#GContactV18 .btn:hover{
					    transition: 0.5s;
					    opacity: 0.7;
					}


					@media only screen and (max-width: 950px){
					    #GContactV18 .w-100-md{width: 100% !important}
					    #GContactV18 .flex-column-reverse{flex-direction: column-reverse;}
					    #GContactV18 .w-80-md{width: 80% !important}
					    
					}


 #GContactV16 .container{
				    margin-left: auto;
				    margin-right: auto;
				    max-width: 1204px;
				    padding-left: 20px;
				    padding-right: 20px;
				}
				@media (min-width: 1024px) {
				    #GContactV16 .container {
				        padding-left: 30px;
				        padding-right: 30px;
				    }
				}

				 #GContactV16 {
				    background-color: #504634;
				 }

				 #GContactV16 .form {width:70%;}

				#GContactV16 .input-fields {
				   	width: 100%;
				    padding: 16px;
				    box-sizing: border-box;
				    outline: none;
				    border-radius: 4px;
				    border: none;
				}
				#GContactV16 .btn{
				     padding: 15px 30px;
				     border-radius: 10px;
				    outline: none;
				    cursor: pointer;
				    background: var(--button-background-color);
				    color: var(--button-text-color);
				    border: none;
				  clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%);

				    transition: 0.3s linear;
				}
				 #GContactV16 .btn:hover{
				    transition: 0.3s linear;
				    opacity: 0.7;
				}
				@media only screen and (max-width:1100px){
				    #GContactV16 .w-90-md{
				        width: 90% !important;
				    }
				}
				@media only screen and (max-width:750px){
				    #GContactV16 .form {
				        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;
	}
}  #GGamesV32 .container{
					margin-left: auto;
				    margin-right: auto;
				    max-width: 1150px;
				    padding-left: 20px;
				    padding-right: 20px;
				}
				@media (min-width: 1024px) {
				    #GGamesV32 .container {
				        padding-left: 30px;
				        padding-right: 30px;
				    }
				}
				#GGamesV32 .games-wrapper {
				  width: 22%;
				}
				#GGamesV32 .games-wrapper img {
				  border-radius: 30px;
				  height:250px;
				  object-fit:cover;
				}

				#GGamesV32 .games-wrapper:hover .games-content {
				  opacity: 1 !important;
				  z-index: 1 !important;
				}

				#GGamesV32 .games-content {
				  align-content: center;
				    background-color: rgba(15, 28, 35, .859);
				    border: inherit;
				    font-weight: 600;
				    height: -webkit-fill-available;
				    left: 0;
				    border-radius: 30px;
				    opacity: 0;
				    padding: 1rem;
				    position: absolute;
				    text-align: center;
				    top: 0;
				    transition: all .2s ease-in-out;
				    width: -webkit-fill-available;
				    z-index: -1;
				}
				@media only screen and (max-width: 850px) {
				  #GGamesV32 .games-wrapper {
				    width: 44% !important;
				  }
				}
				#GGamesV32 .btn {
				  background-color: var(--button-background-color);
				  background-image: none;
				  border-color: #0f1c23;
				  clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%);
				  color: var(--button-text-color);
				  padding: 15px 41px;
				    border: none;
				    color: white;
				    font-weight: 500;
				    font-size: 1rem;
				    transition: all .2s ease-in-out;
				}

				#GGamesV32 .btn:hover {
				    transition: all .2s ease-in-out;
				    background: white;
				    color: black;
				}

				@media only screen and (max-width: 620px) {
				  #GGamesV32 .games-wrapper {width: 100% !important;}
				}
.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;
}
#gSingle-v2-banner .banner-content {
    background: #666662;
    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;
    }
}