/* 
 Theme Name:   Twenty Twenty-One Child
 Theme URI:    
 Description:  
 Author:       design
 Author URI:   https://helika.secureserver7.com
 Template:     twentytwentyone
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-32 a {
	color: rgb(255, 255, 255) !important;
    text-transform: uppercase  !important;
    padding: 5px 20px !important;
    background-size: 200%;
    background-position: 0% 50%;
	border-radius: 10px;
  background: linear-gradient(90deg, #EA335F 17.2%, #612EA6 87.63%);
	
}
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-32 a:hover {
    background-position: 100% 50%;
}
.our-sol-icons img{
	animation-name: iqVwNc;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    transform-origin: center center;
}
.neo-border >div::before {
    border-radius: 10px !important;
    border: 4px solid transparent;
    background: linear-gradient(180deg, #EA335F 0%, #972081 100%) border-box;
    -webkit-mask: /*4*/ linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    color: white !important;
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
}
.single-products h1{
/* 	word-break: initial; */
    /* overflow-wrap: break-word; */
/*     width: 300px; */
}
.neon-line:before{
    content: "";
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0px;
    height: 3px;
    animation-name: igaMfP;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    border-radius: 2px;
    background: linear-gradient(270deg, rgb(151, 71, 255) 20%, rgb(234, 51, 95), rgb(234, 51, 95), rgb(151, 71, 255) 80%) 0% 0% / 200% 200% ;
}
.neon-blue:before{
    content: "";
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0px;
    height: 3px;
    animation-name: igaMfP;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    border-radius: 2px;
    background: linear-gradient(270deg, rgb(151, 71, 255) 20%, rgba(151, 71, 255, 1), rgba(88, 193, 164, 1) 80%) 0% 0% / 200% 200% ;
}
.contact-form input, .contact-form textarea {
    font-size: 18px;
    line-height: 22px !important;
    letter-spacing: 0em;
    text-align: left;
    border-radius: 10px !important;
    outline: none;
    padding: 8px !important;
    text-transform: uppercase;
    width: 736px;
    margin-bottom: 15px !important;
	color:#fff !important;
	    background: rgba(255, 255, 255, 0.15);
    border: 1px solid #EA335F !important;
}
.contact-form ::placeholder {
		color:#fff !important;
	font-size: 18px;
}
.contact-form textarea{
	height:170px;
	
}
.contact-form {
    text-align: center;
}
.contact-form  input[type=submit]{
	    font-family: "Helika Branding", sans-serif !important;
	color: rgb(255, 255, 255) !important;
    text-transform: uppercase !important;
    padding: 8px 20px !important;
    background-size: 200% !important;
    background-position: 0% 50% !important;
    border-radius: 10px !important;
    background-image: linear-gradient(90deg, rgba(139, 225, 201, 1), rgba(150, 84, 240, 1), rgba(97, 46, 166, 1)) !important;
    transition: background-position 0.5s ease 0s !important;
	 width:auto !important;
	border: 0 !important;
}
.contact-form  input[type=submit]:hover {
    background-position: 100% 50% !important;
}
span.wpcf7-not-valid-tip {
    height: 0px;
    margin-top: -13px;
    text-align: center;
    padding-top: 0;
    margin-bottom: 10px;
    font-size: 15px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb90000;
    color: #a65d6f;
    font-style: italic;
}
.page-id-1098 .internal-header, .page-id-1030 .internal-header, .page-id-985 .internal-header{
	background:none !important;
}
span.wpcf7-spinner {
    display: none;
}
.page-id-1339 .head-logo, .blog .head-logo img,.single-post .head-logo img	{
	display:none;
}

	.odd-neon-bg{
		background: linear-gradient(90deg, #EA335F 0%, #612EA6 100%) !important;
	}
	.even-neon-bg{
		background: linear-gradient(270deg, #8BE1C9 0%, #9654F0 62.39%, #612EA6 100.84%)  !important;
	}
	.neon-border{
    border: 1px solid rgba(139, 225, 201, 1), rgba(151, 71, 255, 1) !important;
    border-radius: 15px !important;
}
article.elementor-post.elementor-grid-item img {
    height: 100% !important;
	object-fit: cover;
}
.the-footer i.fa-brands {
    font-size: 19px;
}
.the-footer svg {
    margin-left: 9px !important;
}
.mobilemenu .elementor-nav-menu--dropdown a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mobilemenu li.header-logo a {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
div#gt-wrapper-64078423 a, div#gt-wrapper-64078423 span {
    color: #fff !important;
}
div#gt_float_wrapperr {
    top: 21px !important;
}
div#gt_float_wrapper span.gt-lang-code, div#gt_float_wrapper a {
    font-size: 15px !important;
    padding: 5px 15px !important;
}
div#gt_float_wrapper img {
    height: 17px !important;
}
.gt_float_switcher .gt-selected .gt-current-lang {
    padding: 6px 10px !important;
 
}
@media only screen and (max-width: 992px) {
	div#gt_float_wrapper{
		
    bottom: 20px  !important;
  
    top: auto !important;
	}
	
	.neon-linem:before{
    content: "";
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0px;
    height: 3px;
    animation-name: igaMfP;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    border-radius: 2px;
    background: linear-gradient(270deg, rgb(151, 71, 255) 20%, rgb(234, 51, 95), rgb(234, 51, 95), rgb(151, 71, 255) 80%) 0% 0% / 200% 200% ;
}
	.custom-lh.m p{
    line-height: 20px !important
}
	.testi{
		position:default !important;
	}
	.testi .elementor-image-box-wrapper figure {
  
    width: 20% !important;
    padding-right:25px;
}
.testi .elementor-image-box-wrapper > div {
/*    padding-left:10px; */
/* 	padding-top:20px; */
    width: 55% !important;
    display: inline-block;
}
	.testi .elementor-image-box-wrapper{
    display: flex;
   align-items: center;
}

	.odd-flip{
background-image: linear-gradient(360deg, #EA335F 0%, #612EA6 100%) !important;
}
	.even-flip{
 
background: linear-gradient(360deg, #8BE1C9 0%, #9654F0 62.39%, #612EA6 100.84%)!important;
}
	.mobilemenu nav ul{
		z-index:99;
}
	.contact-form textarea{
	width: 100%;
}
	.prod-sec1{
		background:none !important;
	}
	.elementor-nav-menu--dropdown a:hover,.elementor-nav-menu--dropdown a:active, .elementor-nav-menu--dropdown a.highlighted, .elementor-nav-menu--dropdown a.elementor-item-active{
		color:#EA335F !important
	}
	nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{
		    top: 22px !important;
	}
	
	.blog-con{
    font-size: 14px !important;
}
	.blog-title a{
   font-size: 20px !important;
   line-height: 20px !important;
}
	.cat-list button{
		text-align: center;
    margin: 0 auto;
    display: block;
		width: 100%;
		  padding: 5px 20px !important;
	}
	.all-cat button {
    
    border: 1px solid #F8D247 !important;
  
    border-radius: 10px;
	
}
	.all-cat button:hover {
    border: 1px solid #F8D247 !important;
    padding: 5px 20px !important;
    border-radius: 10px;
	
}
.hero-banner-1 {
   
    top: -20px !important;
    right: 0 !important;
  
}
.hero-banner-1 img{
		right: 100px !important;
	}
.hero-banner-1 img{
	width:75% !important;
		  transform: scaleX(-1);
	}
	.hero-banner-2 {
  		  top: 450px !important;
  		  left: -30% !important;
	}
	.hero-banner-2 img{
		 transform: scaleX(-1);
		 width:50% !important;
	}
	.logos::after,.logos::before{
		 background: none !important;
	}


	.subheading p{
    line-height: 25px !important;
}
	.cta-custom {
  text-align: center !important;
    left: 0 !important;
   
}
	.blog-title{
		text-align:left !important;
	}
}	
li.menu-item-2462 a {
    pointer-events: none;
}
.mobilemenu li.menu-item-2423 {
    margin-bottom: 30px;
}
.mobilemenu li.header-linked-in i, .mobilemenu li.header-twitter i {
    font-size: 23px;
	 padding: 0 10px;
}
.mobilemenu .header-helika {
    background-size: 29px !important;
}
.header-logo a, .header-logo a:hover {
    color: transparent !important;
    pointer-events: auto !important;
}
.header-logo:hover {
    background-image: url(/wp-content/uploads/2023/11/Header-Landing.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 130px;
 
}
#sec-gaming, #sec-marketing, #sec-social,#sec-web{
    display: none;
}
 .grecaptcha-badge {
    display: none !important;
}  
li.header-logo.mobilemenu a{
    display: inline-block;
    /* height: 200px; */
    width: 100px;
    /* margin: 0 !important; */
    opacity: 0;
    background: transparent;
}