.elementor-5631 .elementor-element.elementor-element-4117b67{--display:flex;--min-height:450px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5631 .elementor-element.elementor-element-c0e0bdf .elementor-heading-title{font-family:"Cairo", Sans-serif;color:#222222;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5631 .elementor-element.elementor-element-2cad2dc{font-family:"Cairo", Sans-serif;font-weight:400;}.elementor-5631 .elementor-element.elementor-element-9ecd35c{font-family:"Cairo", Sans-serif;font-weight:400;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5631 .elementor-element.elementor-element-dcd4c1c .elementor-button{font-family:"Cairo", Sans-serif;font-weight:400;}#elementor-popup-modal-5631{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-5631 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-5631 .dialog-close-button{display:flex;}#elementor-popup-modal-5631 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-5631 .elementor-element.elementor-element-a240686 img{width:28%;}}@media(min-width:768px){.elementor-5631 .elementor-element.elementor-element-4117b67{--content-width:800px;}}/* Start custom CSS for container, class: .elementor-element-4117b67 *//* General Container Styling */
.elementor-5631 .elementor-element.elementor-element-4117b67 {
    max-width: 90%; /* Fit the screen */
    padding: 25px; /* Balanced padding */
    margin: 20px auto; /* Center container */
    background: #ffffff; /* White background */
    border-radius: 20px; /* Rounded corners */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Soft shadow */
    text-align: center; /* Center all content */
    overflow: hidden; /* Prevent overflow */
    animation: fadeInUp 0.8s ease-out; /* Smooth entrance */
}

/* Entrance Animation */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Floating Animation for Top Image */
.elementor-5631 .elementor-element.elementor-element-4117b67 img {
    max-width: 150px; /* Image size */
    margin-bottom: 20px; /* Space below */
    display: block;
    animation: float 3s ease-in-out infinite; /* Floating effect */
}

/* Keyframes for Floating Animation */
@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}

/* Note Box Styling */
.elementor-5631 .elementor-element.elementor-element-4117b67 .note {
    font-size: 16px; /* Font size */
    color: #333; /* Text color */
    background: #f9f9f9; /* Light gray background */
    padding: 12px; /* Padding for the note */
    border-radius: 15px; /* Rounded corners */
    border: 2px solid #e0e0e0; /* Light border */
    margin-top: 20px; /* Space above note */
}

/* Button Styling (Continue Shopping) */
.elementor-5631 .elementor-element.elementor-element-4117b67 .elementor-button {
    margin-top: 25px; /* Space above button */
    padding: 12px 25px; /* Button padding */
    background: linear-gradient(135deg, #43a047, #2e7d32); /* Green gradient */
    color: #fff; /* White text */
    font-size: 16px; /* Font size */
    font-weight: 600; /* Bold text */
    border-radius: 25px; /* Rounded button */
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); /* Button shadow */
    transition: all 0.3s ease; /* Smooth hover effect */
    cursor: pointer; /* Hand cursor */
}

/* Button Hover Effect */
.elementor-5631 .elementor-element.elementor-element-4117b67 .elementor-button:hover {
    background: linear-gradient(135deg, #2e7d32, #43a047); /* Reverse gradient */
    transform: translateY(-3px); /* Slight lift */
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3); /* Enhanced shadow */
}
/* Center the Top Image (Celebrate Icon) */
.elementor-5631 .elementor-element.elementor-element-4117b67 img:first-of-type {
    max-width: 100px; /* Adjust size as needed */
    margin: 0 auto 20px; /* Center horizontally and space below */
    display: block; /* Ensure centering */
    animation: float 3s ease-in-out infinite; /* Floating effect */
}

/* Center and Resize the Second Image */
.elementor-5631 .elementor-element.elementor-element-4117b67 img:nth-of-type(2) {
    max-width: 140px; /* Increase size for better visibility */
    margin: 15px auto; /* Center horizontally with space */
    display: block; /* Ensure centering */
}

/* Rest of Your Existing Styles (For Reference) */
.elementor-5631 .elementor-element.elementor-element-4117b67 {
    max-width: 90%;
    padding: 25px;
    margin: 20px auto;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    overflow: hidden;
    animation: fadeInUp 0.8s ease-out;
}

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

/* Floating Animation */
@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}/* End custom CSS */