body{
	background-color: #25123a;
	transition: transform 0.3s ease-in-out;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
}
.brand-logo{width: 120px;}
.bg-theme{background-image: linear-gradient(to right, #4b2588 0%, #a54fce 50%, #dd7a8c 100%) !important;}
.bg-theme-inverse{background-image: linear-gradient(to right, #dd7a8c 0%, #a54fce 50%, #4b2588 100%) !important;}
.bg-darken{background-color: #25123a;}
.theme-color{color: #ff6a6c !important;}
.container{max-width: 90%;}
.imgBlk{max-width: 100%;width: 100%;}
strong{font-weight: 600;}

.gt-theme-btn.gt-style-border, .gt-theme-btn:hover.gt-style-border, .gt-theme-btn{
    clip-path: none !important;
}

.header-main .main-menu ul li a{font-size: 15px;padding: 5px 0;}
.header-main .main-menu ul li .submenu li a{font-size: 14px;}
.header-main .main-menu ul li{
    margin-inline-end: 0px; 
    padding: 0 20px;
}
.header-main .main-menu ul li.active{
	background-color: #f4701e !important;
	border-radius: 20px;
}
.header-main .main-menu ul li.active a{color: #fff !important;}
.header-main .main-menu ul li .submenu{min-width: 300px;}
.sticky, .preloader{background-color: #25123a;}

.gt-hero-section-2{
  	position: relative;
  	overflow: hidden;
}
.gt-hero-section-2 .imgBlk{
  	width: 100%;
  	height: 100vh; /* full-screen height */
  	object-fit: cover;
  	display: block;
}
.hero-overlay{
  	position: absolute;
  	top: 40%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	width: 100%;
  	color: #fff;
  	text-align: left; /* or center if you prefer */
  	z-index: 2;
}
.hero-overlay-2{
  	position: absolute;
  	top: 40%;
  	left: 0%;
  	right: 0%;
  	margin: 0 auto;
  	width: 100%;
  	color: #fff;
  	text-align: center; /* or center if you prefer */
  	z-index: 2;
}
.hero-overlay-top{
  	position: absolute;
  	top: 5%;
  	left: 0%;
  	right: 0%;
  	margin: 0 auto;
  	width: 100%;
  	color: #fff;
  	text-align: center; /* or center if you prefer */
  	z-index: 2;
}
.hero-overlay-right{
	position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 50%;
    color: #fff;
    text-align: left;
    z-index: 2;
}
.hero-overlay-bottom{position: absolute;right: 0%;bottom: 5%;width: 20%;text-align: center;color: #fff;}
.hero-overlay-bottom .name{background-color: #fff;color: #000;padding: 5px;border-radius: 5px;display: inline-block;}
.gt-hero-section-2 .tx-title, .section-padding .tx-title{font-size: 50px;font-weight: normal;}
.gt-theme-btn{border-radius: 30px;padding: 12px 25px;}
.hero-overlay-bottom-center{position: absolute;right: 0;left:0;bottom: 5%;text-align: center;color: #fff;}

.gt-brand-section{margin-top: -7% !important;position: relative;z-index: 99;}
.gt-brand-section.headphone-section{margin-top: 3rem !important;position: relative;z-index: 99;}
.gt-brand-section .gt-hero-content{
	/*position: absolute;
	right: 10%;
	top: 0%;
	transform: translate(0%, 50%);*/
	width: 60%;
}
.gt-prod-section .gt-hero-content{width: 100%;}
.gt-prod-section .gt-hero-content p{width: 60%;display: flex;flex-direction: column;align-items: end;justify-self: end;}
.gt-brand-section .gt-gaming-feature-image img{border-radius: 20px;}
.gt-brand-section .gt-hero-content.gt-hero-content-left{
	position: absolute;
	left: 5%;
	top: 25%;
	width: 50%;

}
.prdDetails_board .hero-overlay-right{width: 30%;}
.gt-brand-section .smart_play_board{width: 70%;margin: 0 auto;text-align: center;}
.gt-hero-section-2 .detailsList li{font-size: 22px;padding: 14px 0;padding-left: 30px;position: relative;}
.gt-hero-section-2 .detailsList li:before{
	content: "\f762";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	left: 0;
	top: 30%;
	font-size: 15px;
	color: #a54fce;
}
.gt-hero-section-2 .detailsList_2 li{font-size: 22px;padding: 18px 0;padding-left: 30px;position: relative;color: #000;}
.gt-hero-section-2 .detailsList_2 li:before{
	content: "\f058";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	left: 0;
	top: 30%;
	font-size: 16px;
	color: #a54fce;
}
.gt-hero-section-2 .detailsList_3 li{font-size: 22px;padding: 18px 0;padding-left: 40px;position: relative;color: #fff;}
.gt-hero-section-2 .detailsList_3 li:before{
	content: "\f058";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	left: 0;
	top: 35%;
	font-size: 15px;
	color: #fff;
}
.gt-hero-section-2 .detailsList_4 li{font-size: 22px;padding: 10px 0;padding-left: 30px;position: relative;color: #000;}
.gt-hero-section-2 .detailsList_4 li:before{
	content: "\f058";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	left: 0;
	top: 30%;
	font-size: 16px;
	color: #a54fce;
}

.journey-section .journey-item{padding: 20px;border: 1px solid #42374e;border-radius: 20px;background-image: linear-gradient(to right, #31233b 0%, #180d2a 100%) !important;}
.journey-section .h5_head{font-size: 24px;}
.journey-section .journey-carousel .owl-nav{display: block !important;margin-top: 3rem;}
.journey-section .journey-carousel .owl-nav .owl-prev, .journey-section .journey-carousel .owl-nav .owl-next{padding: 10px !important;}

.team-carousel .owl-nav{position: absolute;top: -10%;right: 2%;}
.team-carousel .owl-nav .owl-next, .team-carousel .owl-nav .owl-prev{margin: 0 10px !important;color: #000 !important;}

.gt-popular-game-section{padding: 90px 0;}
.gt-popular-game-section .tx-title{font-size: 65px;}
.gt-popular-game-section .w-width{width: 50px;}
.gt-popular-game-section.our-story .w-width{width: 120px;margin: 40px 0;}
.sparkStar{
	background: linear-gradient(90deg, #4b2588, #dd2476); /* your gradient colors */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 100;
    line-height: 1;
    z-index: 99;
}
.sparkStar.sparkStar-1{right: 10%;top: 0%;}
.sparkStar.sparkStar-1 .w-width{width: 40px;}
.sparkStar.sparkStar-2{left: 5%;bottom: 0%;}
.sparkStar.sparkStar-2 .w-width{width: 60px;}

.gt-popular-game-section .emailSpan{padding: 20px 35px;border: 1px solid #999;border-radius: 30px;font-size: 18px;width: 60%;margin: 0 auto;}
.gt-popular-game-section .widget a:hover{text-decoration: underline;color: #a54fce !important;font-weight: bold;}

.gt-testimonial-wraper .gt-testimonial-card-items-2{background-color: #fcfcfc;border: 1px solid #f3f3f3;border-radius: 10px;text-align: center;color: #000;padding: 45px 25px;box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px;}
.gt-testimonial-wraper .gt-testimonial-card-items-2 .gt-client-info img{width: 50%;}

.gt-testimonial-wraper-2 .gt-testimonial-card-items-2 {
    margin-top: 30px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px;
    padding: 45px 35px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #000;
    border-radius: 20px;
    min-height: 330px;
}
.gt-client-info .gt-thumb img{width: 50px;border-radius: 50%;}
.products .widget{background-color: #fcfcfc;border: 1px solid #dcdcdc;border-radius: 0px;position: relative;z-index: 99;min-height: 32%;}
.products.buy_now .widget{background-color: #fcfcfc;border: 1px solid #dcdcdc;border-radius: 20px;margin-top: -5%;position: relative;z-index: 99;min-height: 32%;display: flex;flex-direction: column;justify-content: space-between;}
.products .widget .fs-6{font-size: 0.9rem !important;}
.products .btn{border: 1px solid #000;background-color: transparent;font-size: 14px;}
.products .btn:hover{background-image: linear-gradient(to right, #4b2588 0%, #a54fce 50%, #dd7a8c 100%);color: #fff;border: none;}
.widget-blue{background-color: #9600ff !important;color: #fff;}
.widget-brown{background-color: #ffd2aa !important;}
.equal-height-row{
  	display: flex;
  	align-items: stretch; /* Makes all columns equal height */
}
.equal-height-row > [class*="col-"]{
  	display: flex;
  	flex-direction: column;
}
.equal-height-row .imgBlk{
  	object-fit: cover; /* Ensures the image fills height without distortion */
  	width: 100%;
  	height: 100%;
}

.fixed-icon{width: 50px;height: 50px;}
.fixed-icon-2{width: 70px;height: 70px;}

.prdDetails .imgBlk{height: auto;object-fit: contain;}
.prdDetails .hero-overlay{top: 50%;}
.prdDetails .heading-text{color: #000 !important;}
.prdDetails .smart_play_board{width: 30%;}

#contactForm{width: 70%;}
input.form-control{
	height: 60px;
	border-radius: 30px;
}
.gt-social-icon{margin-top: 30px;}
.gt-social-icon a{width: 40px;height: 40px;border: 1px solid #4b2588;color: #4b2588;margin: 0 5px;text-align: center;display: block;line-height: 40px;}
.gt-social-icon a:hover{background-image: linear-gradient(to right, #4b2588 0%, #a54fce 50%, #dd7a8c 100%);color: #fff;}

.footer-wrapper{font-size: 12px;}
.footer-bottom{border: none;padding: 20px 0;}
.footerList li{margin-bottom: 10px;}

@media (max-width: 1920px){
	.section-smart{padding-bottom: 100px;}
	.prdDetails .smart_play_board{margin-bottom: 50px;}
}
@media (min-width: 1024px) and (max-width: 1350px) and (orientation: landscape){
	body{font-size: 12px;}
	.fs-3{
	    font-size: calc(0.8rem + .6vw) !important;
	}
	.products.buy_now .widget{min-height: 35%;}
	.fs-5{
	    font-size: 1rem !important;
	}
	.hero-overlay-bottom-center .text{padding: 0 25px;}
	.fixed-icon-2{
	    width: 50px;
	    height: 50px;
	}
	.gt-hero-section-2 .tx-title, .section-padding .tx-title{font-size: 30px;}
	.gt-hero-section-2 .imgBlk{
		height: auto;
		object-fit: contain;
	}
	.products .btn{font-size: 11px;}
	.gt-testimonial-wraper-2 .gt-testimonial-card-items-2{min-height: 270px;}
}
@media (min-width: 767px) and (max-width: 1024px) and (orientation: portrait){
	body{font-size: 12px;}
	.fs-3{
	    font-size: calc(0.7rem + .6vw) !important;
	}
	.gt-hero-2{margin-top: 6rem !important;}
	.gt-brand-section .gt-hero-content{width: 90%;}
	.gt-brand-section .smart_play_board, #contactForm{width: 90%;}
	.products.buy_now .widget{min-height: 55%;}
	.fs-5{
	    font-size: 1rem !important;
	}
	.hero-overlay-bottom-center .text{padding: 0 25px;}
	.fixed-icon-2{
	    width: 50px;
	    height: 50px;
	}
	.gt-hero-section-2 .tx-title, .section-padding .tx-title{font-size: 30px;}
	.gt-hero-section-2 .imgBlk{
		height: auto;
		object-fit: contain;
	}
	.products .btn{font-size: 11px;}
	.gt-testimonial-wraper-2 .gt-testimonial-card-items-2{min-height: 270px;}
}
@media (max-width: 767px){
	.mobile-margin-top{margin-top: 100px !important;}
	.gt-hero-section-2 .tx-title, .section-padding .tx-title{
		font-size: 25px;
	}
	.gt-section-title-2{margin-top: 0;}
	.gt-hero-section-2 .imgBlk{
	    height: auto;
	    object-fit: contain;
	}
	.hero-overlay{
    	position: relative;
    	left: 0;
    	right: 0;
    	margin: 20px auto;
    	transform: none;
    }
    .hero-overlay-2{position: relative;background-color: #0f011b;margin-top: 7%;}
    .hero-overlay-right{
    	position: relative;
    	left: 0;
    	right: 0;
    	margin: 20px auto;
    	transform: none;
    	text-align: left;
    	width: 100% !important;
    }
    .hero-overlay-top{position: relative;padding: 50px 0;}
    .hero-overlay-right .gt-hero-content{text-align: left !important;}
    .gt-hero-section-2 .detailsList_2 li, .gt-hero-section-2 .detailsList_4 li{color: #fff;}
    .hero-overlay-bottom{position: relative;width: 100%;}
    .gt-brand-section{margin-top: 0% !important;}
    .gt-brand-section .gt-hero-content{width: 100%;}
	.gt-brand-section .smart_play_board{width: 100%;}
    .gt-testimonial-card-items-2{margin-bottom: 20px !important;}
    .gt-prod-section .gt-hero-content p{width: 100%;}

    .our-story .gt-section-title-2{margin-top: 20px !important;}
    .prdDetails .heading-text{color: #fff !important;}

    .section-smart{padding-top: 100px;padding-bottom: 30px;}
    .section-smart .hero-overlay{position: absolute;top: 0%;}
    .prdDetails .smart_play_board{width: 70%;}
    .prdDetails .smart_play_headphone{width: 90%;margin-bottom: 20px;}
    .section-smart .hero-overlay-bottom-center{position: relative;}
    .section-smart .hero-overlay-bottom-center .container{flex-direction: column;text-align: start}
    .section-smart .hero-overlay-bottom-center .container p{margin-bottom: 20px !important;}
	
	#contactForm{width: 100%;margin-top: 50px;}
	.gt-popular-game-section .emailSpan{
	    padding: 14px 15px;
	    font-size: 15px;
	    width: 100%;
	}
	.gt-popular-game-section .w-width{
	    width: 20px;
	}
	.footer-bottom .footer-wrapper .gt-footer-list{gap: 5px;}
	.offcanvas__info{
        width: 330px;
    }
    .mean-container .mean-nav ul li li a{width: 90%;font-size: 15px;}
    .gt-testimonial-wraper-2 .gt-testimonial-card-items-2{min-height: 360px;}
}