#GHeaderV8 .header-item:hover {
				    animation-name: header-up;
				    animation-duration: 0.75s;
				    animation-timing-function: ease-out;
				}
				#GHeaderV8 .logo {width:100px}

				#GHeaderV8 {
					background-color: var(--header-background-color);
					padding-top: 0rem !important;
					padding-bottom: 0rem !important;
				}
				#GheaderV8 .logo-text {
					color: var(--logo-text-color);
					font-size: x-large !important;
					font-weight: 500;
				}
				#GheaderV8 .header-item a {
					color:var(--header-navigation-color);
				}

				@keyframes header-up {
				    0% {
				        transform: translateY(0);
				    }
				    25% {
				        transform: translateY(-6px);
				    }
				    50% {
				        transform: translateY(0);
				    }
				    75% {
				        transform: translateY(-6px);
				    }
				    100% {
				        transform: translateY(0);
				    }
				}

				#GHeaderV8 .phone {
				  color: black;
				  border-radius: 5px;
				  padding:8px;
				  display: none;
				    transition: 0.3s linear;

				}
				#GHeaderV8 .desktop {
				  display: flex !important;
				    transition: 0.3s linear;

				}

				@media only screen and (max-width: 750px) {
				  #GHeaderV8 .flex-column-md {flex-direction: column !important;}
				  #GHeaderV8 .phone {display: flex !important;
				    transition: 0.3s linear;
				  }
				  #GHeaderV8 .desktop {display: none !important;}
				  #GHeaderV8 .desktop.show {
				    display: flex !important;
				    flex-direction: column !important;
				    transition: 0.3s linear;
				    padding-top: 3%;
				    padding-bottom: 3%;
				  }
				}

				 	#GHeroV14 .hero-img {
					    border: 1px solid white;
					    padding: 20px;
					    border-radius: 15px;
					}
					#GHeroV14 .hero-img img {
					    border-radius: 15px;
					}
					#GHeroV14 .hero-heading h2,#GHeroV14 .hero-heading p {
						color:white;
					}

					#GHeroV14 {
						background-color: #5b5d75; 
					}

					#GHeroV14 .btn {
					    padding:15px 35px 15px 35px;
					    background-color: var(--button-background-color);
					    color: var(--button-text-color);
					    border:none;
					    border-radius: 25px;
					    cursor: pointer;
					    transition: 0.3s linear;
					}
					#GHeroV14 .btn:hover {
					    opacity: 0.7;
					    transition: 0.3s linear;
					}


					@media only screen and (max-width: 950px) {
					    #GHeroV14 .flex-column-md {flex-direction: column !important;}
					    #GHeroV14 .w-100-md {width: 100% !important;}
					}
			#GGamesV16 {background-color: #1c1643}
			#GGamesV16 .about-heading h2 {
			  border-bottom: 4px solid white;
			  padding-bottom: 1%;
			  margin: auto;
			  width: fit-content;
			}
			#GGamesV16 .about-heading .right-svg {
			      position: absolute;
			    content: '';
			    width: 60px;
			    height: 60px;
			    opacity: 0.7;
			    top: -2%;
			    animation: rotatePropeller 4s linear infinite;
			}

			#GGamesV16 .about-heading .left-svg {
			      position: absolute;
			    content: '';
			    width: 60px;
			    right: 0;
			    height: 60px;
			    opacity: 0.7;
			    top: -2%;
			    animation: rotatePropeller 4s linear infinite;
			}

			@keyframes rotatePropeller {
			  0% {
			    transform: rotate(0deg);
			  }
			  100% {
			      transform: rotate(360deg);
			  }
			}

			#GGamesV16 .games-wrapper {
			  width: 30%;
			  position: relative;
			}
			#GGamesV16 .games-wrapper img {
			  height: 400px;
			  object-fit: cover;
			}

			#GGamesV16 .games-wrapper .overlay {
			  position: absolute;
			  width: 100%;
			  height: 100%;
			  background-color: #434448e0;
			  opacity: 0.7;
			}

			#GGamesV16 .games-wrapper:hover .games-hover-content {
			  opacity: 1;
			  transition: all .5s cubic-bezier(.3,1,.35,1) 0s;
			}

			#GGamesV16 .games-hover-content {
			  opacity: 0;
			  position: absolute;
			  background-image: linear-gradient(180deg, #090B34 0%, #00c574 100%);
			  top: 0;
			  height: -webkit-fill-available;
			  transition: all .5s cubic-bezier(.3,1,.35,1) 0s;
			  padding:20px;
			}
			#GGamesV16 .games-hover-content h2 {
			    text-shadow: 2px 0 2px #000, 0 2px 2px #000, -2px 0 2px #000, 0 -2px 2px #000;
			}

			#GGamesV16 .games-name {
			  text-shadow: 2px 0 2px #000, 0 2px 2px #000, -2px 0 2px #000, 0 -2px 2px #000;
			  color: white;
			  font-size: x-large;
			      position: absolute;
			    bottom: 5%;
			    left: 10%;
			    right: 2%;
			}

			@media only screen and (max-width: 900px) {
			  #GGamesV16 .games-wrapper {
			    width: 45% !important;
			  }
			}

			@media only screen and (max-width: 650px) {
			  #GGamesV16 .games-wrapper {
			    width: 100% !important;
			  }
			}
				#GRandomV4 {
                  background-image: url(../images/g3.avif);
                  background-size: cover;
                  background-attachment: fixed;
                }
                #GRandomV4 .overlay {
                  position: absolute;
                  width: 100%;
                  height: 100%;
                  background-color: #DFF2EB;
                  opacity: 0.7;
                  top: 0;
                }

                #GRandomV4 .random-content {
                  background:linear-gradient(to right, rgb(47 47 51), rgb(63 63 63 / 50%));
                  padding:20px;
                  width: 43%;
                  border-radius: 4px;
                  box-shadow: 0px 5px 30px 0px rgba(214, 214, 225, 0.65);
                  backdrop-filter:saturate(180%) blur(5px);
                    transition: all .5s cubic-bezier(.3,1,.35,1) 0s;

                }
                #GRandomV4 .random-content:hover {
                      border: 1px solid #00c574;
                    transform: scale(1.02);
                    transition: all .5s cubic-bezier(.3,1,.35,1) 0s;
                }


                @media only screen and (max-width: 850px) {
                  #GRandomV4 .random-content {
                    width: 100% !important;
                  }
                }#GAboutV15 {
			    background-color: #636060;
			}
			#GAboutV15 .img{
			    
			    border-radius: 10px;
			    border: 1px solid white;
			}
			#GAboutV15 .about-img{
			     padding: 20px;
			}
			#GAboutV15 .about-img img{

			    height: 369px;
			    cursor: pointer;
			    object-fit: cover;
			    object-position: center center;
			    opacity: 0.5;
			    filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
			    transition-duration: 0.5s;
			    border-radius: 10px 10px 10px 10px;
			}
			#GAboutV15 .about-img img:hover{
			   opacity: 1;
			    filter: brightness(100%);
			     transition-duration: 0.5s;
			}

			@media only screen and (max-width:950px){
			    
			    #GAboutV15 .w-100-md{
			        width: 100% !important;
			    }
			    #GAboutV15 .flex-column-md{
			        flex-direction: column;
			    }
			    
			    
			}
			@media only screen and (max-width:760px){
			    
			    #GAboutV15 .w-50-mm{
			        width: 50% !important;
			    }
			}




         #GFooterV12 .container{
					margin-left: auto;
				    margin-right: auto;
				    max-width: 1404px;
				    padding-left: 20px;
				    padding-right: 20px;
				}

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

				#GFooterV12 ul li a:hover{
				    color: #9c19ff;
				}

				#GFooterV12 {
				    background-color: var(--footer-background-color);
				}
				#GFooterV12 .logo {width:100px;}

				@media only screen and (max-width: 1050px) {
				    #GFooterV12 .flex-column-md {
				       flex-direction: column;
				    }
				    #GFooterV12 .w-100-w{
				        width: 100% !important;
				    }
				    #GFooterV12 .footer-text{
				    	display: flex;
				    	align-items: center;
				    	flex-direction: column;
				    }
				    #GFooterV12 .logo-text img{width: 20% !important}
				    #GFooterV12 .footer-main{
				        align-items: center !important;
				        text-align: center !important;
				    }
				    #GFooterV12 .logo-text p{
				        font-size: small;
				        font-weight: 300;
				    }
				}
				@media only screen and (max-width: 700px) {
				    #GFooterV12 .flex-column-mm{
				        flex-direction: column;
				    }
				    #GFooterV12 .footer-link h2 {
				        font-size: large !important;
				        font-weight: 500;
				    }
				    
				}
				@media only screen and (max-width: 700px) {
				    #GFooterV12 .logo {
				        display:flex;
				        margin:auto;
				    }
				    
				}.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;
						}
					}	#GContactV9 {
					    background-image: url(../images/aboutv16-bg.png);
					    background-size: cover;
					    background-position: center;
					}
					#GContactV9 .overlay {
					    position: absolute;
					    width: 100%;
					    height: 100%;
					    opacity: 0.8;
					    background-color: #2e326b;
					    top: 0;
					}
					#GContactV9 .input-fields {
					    border:none;
					    outline:none;
					    font-size: 0.89rem;
					    padding: 12px;
					    border-radius: 3px;
					    box-sizing: border-box;
					    background: #ffffff2b;
					    border-bottom: 3px solid #b635a9;
					    color: white;
					}
					#GContactV9 ::placeholder {
					  color: white;
					  opacity: 1; /* Firefox */
					}

					#GContactV9 ::-ms-input-placeholder { /* Edge 12 -18 */
					  color: white;
					}

					#GContactV9 .btn {
					    padding:15px 35px 15px 35px;
					    background-color: var(--button-background-color);
					    width: fit-content;
					    font-size: 0.89rem;
					    color: var(--button-text-color);
					    border:none;
					    border-radius: 25px;
					    cursor: pointer;
					    transition: 0.3s linear;
					}
					#GContactV9 .btn:hover {
					    opacity: 0.7;
					    transition: 0.3s linear;
					}

					#GContactV9 .envelope {
					    width: 50px;
					    fill: #b635a9;
					}

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

.clr-white {color: white !important;}

#gContact-banner-v3.contact {
	background-color: #c2c2c2;
	    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 65px 20px 65px 20px;
}

#gContact-banner-v3 .banner-heading {
	font-size: 60px;

}

#gContact-v3 .contact-img {
    border-radius: 0px 0px 20px 0px;
}

#gContact-v3 form {
	max-width: 900px;
	background-color: #1f3b60;
	padding: 35px 50px 50px 50px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#gContact-v3 textarea {
	padding-left: 20px;
	padding-top: 8px;
	margin-bottom: 16px;
    box-sizing: border-box;
}
#gContact-v3 input,#gContact-v3  textarea {
	border-radius: 10px 10px 10px 10px;
	outline: none;
	border: 1px solid white;
	min-height: 59px;
	vertical-align: middle;
	flex-grow: 1;
	background:white;
	color: black !important;
}

#gContact-v3 input,
#gContact-v3 select {
  padding: 8px;
  margin-bottom: 16px;
  box-sizing: border-box;
}

#gContact-v3 .form-row {
  gap: 16px;
}

::placeholder {
  color: black;
  opacity: 1;
}

::-ms-input-placeholder {
  color: black;
}

#gContact-v3 .sendBtn {
	 background-color: var(--button-background-color);
	 color: var(--button-text-color) !important;
	font-size: 1rem;
	font-weight: 700;
	border: none;
    padding: 19px;
    border-radius: 0px 0px 0px 0px;
}
#gContact-v3 .sendBtn:hover {
     opacity: 0.8;
}

@keyframes elementor-animation-pop {
    50% {
        transform: scale(1.2);
    }
}

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

@media only screen and (max-width: 600px) {
	#gContact-v3 .banner-heading {
		font-size: 40px !important;
	}
	#gContact-v3 form {
		padding:20px !important;
	}
	#gContact-v3 form .w-97 {
		width: 92% !important;
	}
}

@media only screen and (max-width: 768px) {
    #gContact-v3 .form-row {
        flex-direction: column;
      }
}

@media only screen and (max-width: 1077px) {
    #gContact-v3 .w-100-m {
        width: 100% !important;
    }

    #gContact-v3.row-gap-15 {row-gap:15px !important;}

    #gContact-v3.flex-column-m {
        flex-direction: column !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;
	}
}
				#GGamesV13 .clr-sub {color: #fff636}
				#GGamesV13 .container {
				    margin-left: auto;
				    margin-right: auto;
				    max-width: 1300px;
				    padding-left: 20px;
				    padding-right: 20px;
				}

				@media (min-width: 1024px) {
				  #GGamesV13 .container {
				      padding-left: 30px;
				      padding-right: 30px;
				  }
				}
				#GGamesV13 .games-content {
				  padding:20px;
				  background-color: #495e82;
				  border-radius: 20px;
				}
				#GGamesV13 .games-wrapper .games-img img {
				      transition: 0.4s;
				}
				#GGamesV13 .games-wrapper {
				  width: 100%;
				}
				@media only screen and (max-width: 950px) {
					#GGamesV13 .games-content{flex-direction: column;}
					#GGamesV13 .games-img , .game-content{width: 80% !important}

				}
				@media only screen and (max-width: 750px) {
				  #GGamesV13 .games-wrapper {
				    width: 100% !important;
				  }
				  #GGamesV13 .games-img , .game-content{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: #03193f;
    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;
    }
}