.elementor-77 .elementor-element.elementor-element-58442be{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-11931ddd{--display:flex;--min-height:325px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-2801deff{--display:flex;--min-height:141px;--gap:030px 0px;--row-gap:030px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-fe60370{--display:flex;--min-height:199px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-bd53a6e *//* Apply to the Custom CSS area */

.pet-background {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: linear-gradient(135deg, #ffbc00, #ff7a00, #ff3e00, #4cc9f0, #8a2be2);
    background-size: 400% 400%;
    animation: gradient-motion 18s ease-in-out infinite;

    /* Apply a curved mask to the bottom-right corner */
    mask-image: radial-gradient(circle at 100% 100%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
}

.floating-elements {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11931ddd */.elementor-77 .elementor-element.elementor-element-11931ddd {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: linear-gradient(135deg, #ffbc00, #ff7a00, #ff3e00, #4cc9f0, #8a2be2);
    background-size: 400% 400%;
    animation: gradient-motion 18s ease-in-out infinite;
    
    /* Apply a curved mask for the bottom portion */
    mask-image: radial-gradient(circle at 50% 100%, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 85%);
}

.floating-elements {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}/* End custom CSS */