.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-f3dc556:#FAAE33;--e-global-color-58246ac:#823612;--e-global-color-0d68fc7:#FCDA8B;--e-global-color-bcc90c0:#FEFCE8;--e-global-color-ee7efad:#251900;--e-global-color-969c6ab:#FFDF1B;--e-global-color-39ba74d:#FFDF1B;--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;}.elementor-kit-6 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){margin-block-end: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 *//* --- Start of Ink Splash Image CSS --- */

/* Base styles for the image widget */
.ink-splash-image {
    position: relative; /* Important for mask positioning */
    overflow: hidden; /* Ensures clipped parts are hidden */

    /* These lines control the mask and initial state */
    -webkit-mask-image: url('https://rkg.in10.cdn-alpha.com/wp-content/uploads/2025/07/Mask-group.webp'); /* Replace with your image URL */
    mask-image: url('https://rkg.in10.cdn-alpha.com/wp-content/uploads/2025/07/Mask-group.webp'); /* Replace with your image URL */

    -webkit-mask-size: 0% 100%; /* Initially hide the mask (no width) */
    mask-size: 0% 100%;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: 0% 0%; /* Start the mask at the left */
    mask-position: 0% 0%;

    opacity: 0; /* Start the image hidden */
    transition: opacity 0.5s ease-in; /* For a smooth fade-in after animation */
}

/* Keyframes for the multi-directional brushing/scratching effect */
@keyframes brushReveal {
    0% {
        -webkit-mask-size: 0% 100%;
        mask-size: 0% 100%;
        -webkit-mask-position: 0% 0%; /* Start from left */
        mask-position: 0% 0%;
        opacity: 0;
    }
    10% {
        opacity: 1; /* Start fading in the image */
    }
    30% {
        -webkit-mask-size: 100% 100%; /* Reveal fully left to right */
        mask-size: 100% 100%;
        -webkit-mask-position: 0% 0%;
        mask-position: 0% 0%;
    }
    50% {
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-position: 100% 0%; /* Shift mask to right for right-to-left effect */
        mask-position: 100% 0%;
    }
    75% {
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-position: 0% 0%; /* Shift mask back to left for left-to-right effect */
        mask-position: 0% 0%;
    }
    100% {
        -webkit-mask-size: 100% 100%; /* Fully revealed */
        mask-size: 100% 100%;
        -webkit-mask-position: 0% 0%;
        mask-position: 0% 0%;
        opacity: 1;
    }
}


/* When the 'is-in-view' class is added by JavaScript, play the animation */
.ink-splash-image.is-in-view {
    animation: brushReveal 2.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards; /* Adjust duration and easing */
    /* opacity: 1; (removed as it's handled in keyframes for better control) */
}

/* --- End of Ink Splash Image CSS --- *//* End custom CSS */