.elementor-kit-17{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#54595F;--e-global-color-text:#000000;--e-global-color-accent:#0A3C5B;--e-global-color-b141dcb:#FF6B00;--e-global-typography-primary-font-family:"Roboto";--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:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-ce48bc9-font-family:"Jost";--e-global-typography-ce48bc9-font-size:48px;--e-global-typography-ce48bc9-font-weight:700;--e-global-typography-ce48bc9-line-height:57px;--e-global-typography-3db02fb-font-family:"DM Sans";--e-global-typography-3db02fb-font-size:16px;--e-global-typography-3db02fb-font-weight:400;--e-global-typography-3db02fb-line-height:25px;--e-global-typography-6264a0a-font-family:"DM Sans";--e-global-typography-6264a0a-font-size:18px;--e-global-typography-6264a0a-font-weight:600;--e-global-typography-6264a0a-line-height:18px;}.elementor-kit-17 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. Container: Ismein image hogi aur yeh shine ko control karega */
.shine-container {
    position: relative;
    display: inline-block; /* Taake container sirf image jitna size le */
    overflow: hidden;      /* BAHUT ZAROORI: Isse chamak sirf image ke andar dikhegi */
    border-radius: 8px;    /* Optional: Kinare gol karne ke liye */
}

/* 2. Shine Element: Yeh woh safed patti hai jo move karegi */
.shine-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;             /* Shuru mein, chamak left mein image se bahar hai */
    width: 35%;              /* Chamak ki chauraai. Aap isko adjust kar sakte hain */
    height: 100%;
    
    /* Safed aur halki transparent chamak */
    background: rgba(255, 255, 255, 0.4); 
    
    /* Tircha shape dene ke liye */
    transform: skewX(-20deg); 
    
    /* Initial state par koi transition nahi */
    transition: none; 
}

/* 3. Hover State: Jab mouse container par aaye */
.shine-container:hover::after {
    /* Transition ki speed: 0.6 seconds mein tezi se guzar jaaye */
    transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); 
    
    /* Chamak ko left se right tak guzar kar gayab kar dein */
    /* 300% ka matlab: 100% image width + 100% initial left offset + 100% exit margin */
    transform: skewX(-20deg) translateX(300%); 
}/* End custom CSS */