/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/
.global_btn a{
	background: linear-gradient(135deg, #ed1d96, #962eff, #4d6aff) !important; 
}
.secondary_btn a {
    position: relative;
    border: none;
    background: transparent; /* ya apna background color */
    z-index: 0;
}

.secondary_btn a::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px; /* border ki thickness */
    border-radius: 100px; /* apna radius lagao */
    background: linear-gradient(135deg, #ed1d96, #962eff, #4d6aff);
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}
.header_main{
	backdrop-filter: blur(24px) ;
	background-color: rgba(10, 4, 16, 0.8) ;
}
.hero_banner_tag{
	background: linear-gradient(135deg, #ed1d96, #962eff, #4d6aff) !important; 
	max-width: fit-content !important ;
}
.hero_banner::before{
	content: '' ;
	position: absolute ;
	bottom: 0 ;
	left: 0 ; 
	height: 100% ;
	width: 100% ;
	background-image: linear-gradient(
        to top,
        #0a0410,           /* bottom — solid */
        #0a041066,         /* middle — 40% opacity */
        #0a041000          /* top — transparent */
    );
}
.hero_banner::after{
	content: '' ;
	position: absolute ;
	bottom: 0 ;
	left: 0 ; 
	height: 100% ;
	width: 100% ;
	background: #0a041000;
}
.mx_fit{
	max-width: fit-content !important ;
}
.event_main .event_card:first-child {
    box-shadow: 
        0 0 40px hsl(325 85% 52% / 0.3),
        0 0 80px hsl(270 100% 59% / 0.15); 
}
.event_card:hover .event_card_title h2{
	color: #ED1D96 !important; 
}
.event_card_title h2{
	transition: 0.3s ease-in-out; 
}
.event_card:hover .event_card_img{
	transform: scale(1.1) ;
}
.event_card .event_card_img{
	transition: 0.3s ease-in-out; 
}
.global_title {
    background: linear-gradient(135deg, #ed1d96, #962eff, #4d6aff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}