/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.xpro-theme-builder-wrapper {
    display: none;
}

span.pinkColor {
    color: #FB2B7B;
}
span.newFonts {
    font-family: "Instrument Serif", serif;
    font-style: italic;
    font-weight: 400;
}


.banner_section{
	  background:
    radial-gradient(circle at 18% 20%, #351225 0%, transparent 35%),
    radial-gradient(circle at 72% 50%, #4b215f 0%, transparent 45%),
    radial-gradient(circle at 90% 85%, #3a1d53 0%, transparent 35%),
    linear-gradient(90deg, #0c0c1a 0%, #10101f 45%, #181328 100%);
}

.cus-aligner .elementor-icon-wrapper{
	line-height:0;
}

.text-decoration-none{
	text-decoration: none;
}

.playvibe-bg {
  background:
    radial-gradient(circle at 88% 10%,
      rgba(255, 166, 196, 0.35) 0%,
      rgba(255, 166, 196, 0.18) 18%,
      rgba(255, 255, 255, 0) 45%
    ),
    #ffffff;
}

.picstorie-bg {
  background:
    radial-gradient(circle at 88% 18%,
      rgba(165, 226, 255, 0.38) 0%,
      rgba(165, 226, 255, 0.18) 22%,
      rgba(255, 255, 255, 0) 48%
    ),
    #ffffff;
}

.gamearena-bg {
  background:
    radial-gradient(circle at 82% 18%,
      rgba(255, 205, 130, 0.38) 0%,
      rgba(255, 205, 130, 0.18) 22%,
      rgba(255, 255, 255, 0) 48%
    ),
    #ffffff;
}

.eventbuddy-bg {
  background:
    radial-gradient(circle at 82% 15%,
      rgba(255, 180, 210, 0.32) 0%,
      rgba(255, 180, 210, 0.15) 22%,
      rgba(255, 255, 255, 0) 48%
    ),
    #ffffff;
}

.chatconnect-bg {
  background:
    radial-gradient(circle at 82% 22%,
      rgba(176, 170, 255, 0.35) 0%,
      rgba(176, 170, 255, 0.18) 22%,
      rgba(255, 255, 255, 0) 48%
    ),
    #ffffff;
}

.radial-bg{
	background:
  radial-gradient(
    circle at center,
    #4A1735 0%,
    #311126 30%,
    #1A1120 60%,
    #0F0F1D 85%,
    #0B0C18 100%
  );
}

a{
	text-decoration: none !important;
}

.white_60{
	color: #FFFFFF99 !important;
}

.hvr-card{
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.hvr-card:hover{
	 transform: translateY(-8px);
  box-shadow: 0 24px 48px -12px rgba(236, 72, 153, 0.35), 0 8px 16px rgba(0,0,0,0.08);
}

.hero-banner-ele-2{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
}

.hero-banner-ele{
	position: absolute;
	bottom: 10px;
	left: -20px;
	z-index: 1;
}

/* .hvr-card:hover .elementor-icon svg {
  fill: #ec4899 !important;
} */

.hvr-card:hover .box-icn  .elementor-icon {
  background: #ec4899 !important;
}

@media screen and (max-width: 1024px){
	
	.track span{
  font-size:30px !important;
  font-weight:bold;
  white-space:nowrap;
}
	
}

@media screen and (max-width: 996px){
	
	.hero-banner-ele-2{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
}

.hero-banner-ele{
	position: absolute;
	bottom: 10px;
	left: -10px;
	z-index: 1;
}
	
}

@media screen and (max-width: 576px){
	
	.track span{
  font-size:20px !important;
  font-weight:bold;
  white-space:nowrap;
}
	
	.subscribe button{
		font-size: 14px !important;
	}
	
	.subscribe input{
		font-size: 14px !important;
	}
	
	.subscribe{
justify-content: center;
}
	
	.store-wrapper{
		 justify-content: start !important;
	}
	
}