.elementor-9394 .elementor-element.elementor-element-0bb4b1b{--display:flex;--background-transition:0.3s;}.elementor-9394 .elementor-element.elementor-element-a7bb717 img{height:80vh;object-fit:cover;object-position:center center;border-radius:20px 20px 20px 20px;}@media(max-width:767px){.elementor-9394 .elementor-element.elementor-element-0bb4b1b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9394 .elementor-element.elementor-element-a7bb717{text-align:center;}.elementor-9394 .elementor-element.elementor-element-a7bb717 img{width:100vw;height:100vh;object-fit:cover;border-radius:8px 8px 8px 8px;}}/* Start custom CSS for html, class: .elementor-element-ed174a8 */#floating-button {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: grab;
    z-index: 9999;
}

#floating-button img {
    width: 150px; /* Adjust size as needed */
    height: auto; /* Maintain aspect ratio */
}


.floating-btn {
    display: block;
    width: 60px;
    height: 60px;
    background-color: #ff5a5f;
    color: white;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    font-size: 24px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s;
}

.floating-btn:hover {
    background-color: #e94e4e;
}

@keyframes fall {
    0% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(100vh); opacity: 0; }
}

@keyframes flowerEffect {
    0% { transform: scale(0); }
    50% { transform: scale(1.5); }
    100% { transform: scale(0); }
}

.glitter {
    position: absolute;
    border-radius: 50%;
    background-color: #f0e68c; /* You can change this to any color */
    pointer-events: none; /* Make sure glitter doesn't interfere with clicks */
}

.diya {
    position: fixed;
    background-image: url('https://sadhanareport.com/wp-content/uploads/2024/10/9698ac9b.png'); /* Replace with the diya image URL */
    background-size: cover;
    opacity: 1;
    animation: diya-fade 5s ease-out forwards;
    pointer-events: none;
    z-index: 9999;
}

@keyframes diya-fade {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-50px);
    }
}

@keyframes glitter-fall {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    100% {
        opacity: 0;
        transform: translateY(100vh) scale(0.5);
    }
}

@keyframes glitter-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}/* End custom CSS */