.elementor-kit-5{--e-global-color-primary:#ED1E79;--e-global-color-secondary:#0F0F0F;--e-global-color-text:#454545;--e-global-color-accent:#ED1E79;--e-global-color-46bc8aa:#FFFFFF;--e-global-color-8ba5495:#F5F5F5;--e-global-color-66ccce5:#DFDFDF;--e-global-color-f66516e:#100314;--e-global-color-1988785:#03AD1D;--e-global-typography-primary-font-family:"Inter Tight";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.7em;--e-global-typography-accent-font-family:"Inter Tight";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:16px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 p{margin-block-end:0px;}.elementor-kit-5 a{font-family:"Inter Tight", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Pink:#ED1E79; --DUP_Pink:#ED1E79; --DUP_Pink1:#ED1E79; }
/* Start custom CSS *//* Target all Elementor headings */
.elementor-widget-heading h1,
.elementor-heading-title.elementor-size-default h1,
h1.elementor-heading-title {
    font-size: clamp(2rem, 1.2rem + 4vw, 4.5rem) !important;
    line-height: 1.2 !important;
}

.elementor-widget-heading h2,
.elementor-heading-title.elementor-size-default h2,
h2.elementor-heading-title {
    font-size: clamp(1.75rem, 1rem + 3.5vw, 3.5rem) !important;
    line-height: 1.2 !important;
}

.elementor-widget-heading h3,
.elementor-heading-title.elementor-size-default h3,
h3.elementor-heading-title {
    font-size: clamp(1.5rem, 0.9rem + 3vw, 2.75rem) !important;
    line-height: 1.2 !important;
}

.elementor-widget-heading h4,
.elementor-heading-title.elementor-size-default h4,
h4.elementor-heading-title {
    font-size: clamp(1.25rem, 0.8rem + 2.25vw, 2rem) !important;
    line-height: 1.3 !important;
}

.elementor-widget-heading h5,
.elementor-heading-title.elementor-size-default h5,
h5.elementor-heading-title {
    font-size: clamp(1.125rem, 0.75rem + 1.875vw, 1.5rem) !important;
    line-height: 1.4 !important;
}

.elementor-widget-heading h6,
.elementor-heading-title.elementor-size-default h6,
h6.elementor-heading-title {
    font-size: clamp(1rem, 0.7rem + 1.5vw, 1.25rem) !important;
    line-height: 1.5 !important;
}

/* Also target regular HTML headings in Elementor text editor */
.elementor-text-editor h1 {
    font-size: clamp(2rem, 1.2rem + 4vw, 4.5rem) !important;
    line-height: 1.2 !important;
}

.elementor-text-editor h2 {
    font-size: clamp(1.75rem, 1rem + 3.5vw, 3.5rem) !important;
    line-height: 1.3 !important;
}

.elementor-text-editor h3 {
    font-size: clamp(1.5rem, 0.9rem + 3vw, 2.75rem) !important;
    line-height: 1.3 !important;
}

.elementor-text-editor h4 {
    font-size: clamp(1.25rem, 0.8rem + 2.25vw, 2rem) !important;
    line-height: 1.4 !important;
}

.elementor-text-editor h5 {
    font-size: clamp(1.125rem, 0.75rem + 1.875vw, 1.5rem) !important;
    line-height: 1.4 !important;
}

.elementor-text-editor h6 {
    font-size: clamp(1rem, 0.7rem + 1.5vw, 1.25rem) !important;
    line-height: 1.5 !important;
}






















/* ========================================
   ANIMATED GRADIENT BACKGROUND
   ======================================== */

/* Keyframe Animation */
@keyframes hero-gradient-animation {
    0% {
        --s-start-0: 9%;
        --s-end-0: 58.89119889119889%;
        --y-0: 16%;
        --c-0: hsla(265, 73%, 45%, 1);
        --x-0: 13%;
        --c-1: hsla(345, 88%, 31%, 0.91);
        --s-start-1: 9%;
        --s-end-1: 58.89119889119889%;
        --y-1: 89%;
        --x-1: 14%;
        --x-2: 23%;
        --s-start-2: 2%;
        --s-end-2: 60%;
        --c-2: hsla(264, 73%, 3%, 1);
        --y-2: 23%;
    }
    100% {
        --s-start-0: 4%;
        --s-end-0: 60%;
        --y-0: 18%;
        --c-0: hsla(260, 85%, 32%, 1);
        --x-0: 95%;
        --c-1: hsla(292.99999999999994, 68%, 43%, 1);
        --s-start-1: 4.5991935069083505%;
        --s-end-1: 60%;
        --y-1: 47%;
        --x-1: 97%;
        --x-2: 92%;
        --s-start-2: 4%;
        --s-end-2: 73%;
        --c-2: hsla(27.79411764705882, 87%, 37%, 1);
        --y-2: 91%;
    }
}

/* CSS Properties */
@property --s-start-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 9%;
}
@property --s-end-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 58.89119889119889%;
}
@property --y-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 16%;
}
@property --c-0 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(265, 73%, 45%, 1);
}
@property --x-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 13%;
}
@property --c-1 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(345, 88%, 31%, 0.91);
}
@property --s-start-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 9%;
}
@property --s-end-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 58.89119889119889%;
}
@property --y-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 89%;
}
@property --x-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 14%;
}
@property --x-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 23%;
}
@property --s-start-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 2%;
}
@property --s-end-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 60%;
}
@property --c-2 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(264, 73%, 3%, 1);
}
@property --y-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 23%;
}

/* Desktop Background - Full Noise */
.meshbg {
    --y-0: 16%;
    --c-0: hsla(265, 73%, 45%, 1);
    --x-0: 13%;
    --c-1: hsla(345, 88%, 31%, 0.91);
    --y-1: 89%;
    --x-1: 14%;
    --x-2: 23%;
    --c-2: hsla(264, 73%, 3%, 1);
    --y-2: 23%;
    
    background-color: hsla(272, 86%, 9%, 1);
    background-image: 
        url("data:image/svg+xml,%3Csvg viewBox='0 0 1288 1288' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"), 
        radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), 
        radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), 
        radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2));
    
    animation: hero-gradient-animation 2s linear infinite alternate;
    background-blend-mode: overlay, overlay, normal, normal;
}

/* ========================================
   MOBILE OPTIMIZATION - EASY TO ADJUST
   ======================================== */

@media (max-width: 768px) {
    .meshbg {
        /* 
        ⚙️ YAHAN SE NOISE ADJUST KARO:
        
        1. baseFrequency: 0.65 → kam karo (0.2 to 0.4 best hai)
           - Zyada number = zyada dense noise
           - Kam number = halki noise
        
        2. numOctaves: 3 → kam karo (1 ya 2 best hai)
           - Zyada = complex pattern
           - Kam = simple pattern
        
        3. opacity: '0.1' add karo rect tag mein
           - 0.05 = bahut halki
           - 0.1 = medium
           - 0.2 = strong
        */
        
        /* OPTION 1: BAHUT HALKI NOISE (Recommended) */
        background-image: 
            url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.1'/%3E%3C/svg%3E"), 
            radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), 
            radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), 
            radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2));
        
        /* Blend mode soft kiya */
        background-blend-mode: soft-light, normal, normal, normal;
        
        /* Animation thodi slow ki performance ke liye */
        animation-duration: 3s;
    }
}

/* Extra Small Screens (iPhone SE, etc.) */
@media (max-width: 480px) {
    .meshbg {
        /* Aur bhi halki noise */
        background-image: 
            url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.2' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E"), 
            radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), 
            radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), 
            radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2));
        
        background-blend-mode: soft-light, normal, normal, normal;
    }

}/* End custom CSS */