.everise-rsvp-event-a {
    padding: 0 !important;
    position: relative;
}

.everise-rsvp-event-a .everise-rsvp-event-a-container {
    padding-top: 250px;
    padding-bottom: 250px;
    z-index: 2;
    height: auto;
}

.everise-rsvp-event-a .everise-rsvp-event-a-container .rsvp-event-a-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.everise-rsvp-event-a .everise-rsvp-event-a-container .rsvp-event-a-content-title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: clamp(2.625rem, 1.1552rem + 2.3707vw, 4rem);
    font-weight: 600;
    line-height: clamp(3.28125rem, 1.444rem + 2.9634vw, 5rem);
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: 12px;
}

.everise-rsvp-event-a .everise-rsvp-event-a-container .rsvp-event-a-content-des {
    font-size: clamp(1rem, 0.7328rem + 0.431vw, 1.25rem);
    font-weight: 400;
    line-height: clamp(1.75rem, 1.2823rem + 0.7543vw, 2.1875rem);
    text-align: center;
    /*letter-spacing: 0.02em;*/
    color: rgba(255, 255, 255, 0.94);
    margin-bottom: 36px;
}

.everise-rsvp-event-a .everise-rsvp-event-a-container .btn-rsvp {
    padding: 16px 20px 16px 24px;
    gap: 12px;
    min-width: 174px;
    min-height: 55px;
    background: #FFFFFF;
    border-radius: 8px;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #686CA5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.everise-rsvp-event-a .everise-rsvp-event-a-container .btn-rsvp i {
    font-size: 12px;
}

/* Background animation */
div:has(> .animated-rsvp-background) {
    position: relative;
}

div:has(> .animated-rsvp-background:not(.active)) h2,
div:has(> .animated-rsvp-background:not(.active)) p,
div:has(> .animated-rsvp-background:not(.active)) label {
    color: #000000;
}

div:has(> .animated-rsvp-background.active) h2,
div:has(> .animated-rsvp-background.active) p,
div:has(> .animated-rsvp-background.active) label {
    color: #FFFFFF;
}

.animated-rsvp-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #625D9C;
    overflow: hidden;
    opacity: 1;
    z-index: 1;
}

.animated-rsvp-background .animated-rsvp-background-container {
    position: absolute;
    width: 1920px;
    height: 100%;
    left: calc(50% - 960px);
}

.animated-rsvp-background .animated-rsvp-background-container .ellipse-7 {
    position: absolute;
    animation-name: animated-rsvp-background-contact-form-ellipse-7;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform: translateY(-800px);
}

.animated-rsvp-background .animated-rsvp-background-container .ellipse-8 {
    position: absolute;
    animation-name: animated-rsvp-background-contact-form-ellipse-8;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform: translateY(-800px);
}

.animated-rsvp-background.active {
    animation: fadeIn .2s both;
}

@keyframes animated-rsvp-background-contact-form-ellipse-7 {
    0% {
        width: 742.18px;
        height: 1028.18px;
        left: 0;
        top: 491.53px;
        background: linear-gradient(196.86deg, rgba(0, 190, 214, 0.75) 15.97%, rgba(0, 190, 214, 0) 104.22%);
        filter: blur(200px);
    }
    9% {
        width: 514.5px;
        height: 908.78px;
        left: 587.89px;
        top: 646.7px;
        background: linear-gradient(196.86deg, rgba(0, 190, 214, 0.75) 15.97%, rgba(0, 190, 214, 0) 104.22%);
        filter: blur(200px);
        transform: rotate(26.97deg);
    }
    18% {
        width: 917.37px;
        height: 1270.88px;
        left: 560.37px;
        top: 474.42px;
        background: linear-gradient(196.86deg, rgba(0, 190, 214, 0.75) 15.97%, rgba(0, 190, 214, 0) 104.22%);
        filter: blur(200px);
        transform: rotate(-18.33deg);
    }
    27% {
        width: 934.68px;
        height: 1294.86px;
        left: 809.9px;
        top: 645.79px;
        background: linear-gradient(196.86deg, rgba(0, 190, 214, 0.75) 15.97%, rgba(0, 190, 214, 0) 104.22%);
        filter: blur(200px);
        transform: rotate(-18.33deg);
    }
    36% {
        width: 683.05px;
        height: 946.27px;
        left: 61.9px;
        top: 1251.1px;
        background: linear-gradient(196.86deg, rgba(0, 190, 214, 0.75) 15.97%, rgba(0, 190, 214, 0) 104.22%);
        filter: blur(200px);
        transform: rotate(-59.12deg);
    }
    45% {
        width: 813.15px;
        height: 1126.5px;
        left: 251.08px;
        top: 1077.93px;
        background: linear-gradient(196.86deg, rgba(0, 190, 214, 0.75) 15.97%, rgba(0, 190, 214, 0) 104.22%);
        filter: blur(200px);
        transform: rotate(-29.44deg);
    }
    54% {
        width: 745.68px;
        height: 1033.03px;
        left: -99.96px;
        top: 1234.09px;
        background: linear-gradient(196.86deg, rgba(0, 190, 214, 0.75) 15.97%, rgba(0, 190, 214, 0) 104.22%);
        filter: blur(200px);
        transform: rotate(-29.44deg);
    }
    63% {
        width: 683.05px;
        height: 946.27px;
        left: -5.5px;
        top: 899.6px;
        background: linear-gradient(196.86deg, rgba(0, 190, 214, 0.75) 15.97%, rgba(0, 190, 214, 0) 104.22%);
        filter: blur(200px);
        transform: rotate(-29.44deg);
    }
    72% {
        width: 759.95px;
        height: 1052.8px;
        left: 137.16px;
        top: 830.57px;
        background: linear-gradient(196.86deg, rgba(0, 190, 214, 0.75) 15.97%, rgba(0, 190, 214, 0) 104.22%);
        filter: blur(200px);
        transform: rotate(-29.44deg);
    }
    81% {
        width: 957.01px;
        height: 1325.8px;
        left: 31.1px;
        top: 478.69px;
        background: linear-gradient(196.86deg, rgba(0, 190, 214, 0.75) 15.97%, rgba(0, 190, 214, 0) 104.22%);
        filter: blur(200px);
        transform: rotate(-29.44deg);
    }
    90% {
        width: 759.95px;
        height: 1052.8px;
        left: 0;
        top: 333.7px;
        background: linear-gradient(196.86deg, rgba(0, 190, 214, 0.75) 15.97%, rgba(0, 190, 214, 0) 104.22%);
        filter: blur(200px);
        transform: rotate(-29.44deg);
    }
    100% {
        width: 742.18px;
        height: 1028.18px;
        left: 0;
        top: 511.53px;
        background: linear-gradient(196.86deg, rgba(0, 190, 214, 0.75) 15.97%, rgba(0, 190, 214, 0) 104.22%);
        filter: blur(200px);
    }
}

@keyframes animated-rsvp-background-contact-form-ellipse-8 {
    0% {
        width: 987.23px;
        height: 1365.22px;
        left: 222.11px;
        top: 591.36px;
        background: linear-gradient(164.06deg, #7C9ABF 3.56%, rgba(124, 154, 191, 0) 104.83%);
        filter: blur(200px);
        transform: rotate(-31.64deg);
    }
    9% {
        width: 773.49px;
        height: 1069.64px;
        left: 587.89px;
        top: 1099.03px;
        background: linear-gradient(164.06deg, #7C9ABF 3.56%, rgba(124, 154, 191, 0) 104.83%);
        filter: blur(200px);
        transform: rotate(-13.64deg);
    }
    18% {
        width: 1015.46px;
        height: 1404.26px;
        left: -244.59px;
        top: 924.97px;

        background: linear-gradient(164.06deg, #7C9ABF 3.56%, rgba(124, 154, 191, 0) 104.83%);
        filter: blur(200px);
        transform: rotate(-47.29deg);
    }
    27% {
        width: 607.1px;
        height: 1069.64px;
        left: 538px;
        top: 1341.5px;
        background: linear-gradient(164.06deg, #7C9ABF 3.56%, rgba(124, 154, 191, 0) 104.83%);
        filter: blur(200px);
        transform: rotate(-63.82deg);
    }
    36% {
        width: 795.9px;
        height: 1402.28px;
        left: 327.26px;
        top: 806.73px;
        background: linear-gradient(164.06deg, #7C9ABF 3.56%, rgba(124, 154, 191, 0) 104.83%);
        filter: blur(200px);
        transform: rotate(-63.82deg);
    }
    45% {
        width: 607.1px;
        height: 1069.64px;
        left: 670.78px;
        top: 753.21px;
        background: linear-gradient(164.06deg, #7C9ABF 3.56%, rgba(124, 154, 191, 0) 104.83%);
        filter: blur(200px);
        transform: rotate(-63.82deg);
    }
    54% {
        width: 736.82px;
        height: 1185.14px;
        left: 363.09px;
        top: 733.19px;

        background: linear-gradient(164.06deg, #7C9ABF 3.56%, rgba(124, 154, 191, 0) 104.83%);
        filter: blur(200px);
        transform: rotate(-33.95deg);
    }
    63% {
        width: 607.1px;
        height: 1438.72px;
        left: 414.03px;
        top: 511.3px;

        background: linear-gradient(164.06deg, #7C9ABF 3.56%, rgba(124, 154, 191, 0) 104.83%);
        filter: blur(200px);
        transform: rotate(13.82deg);
    }
    72% {
        width: 607.1px;
        height: 976.49px;
        left: -184.61px;
        top: 460.38px;

        background: linear-gradient(164.06deg, #7C9ABF 3.56%, rgba(124, 154, 191, 0) 104.83%);
        filter: blur(200px);
        transform: rotate(13.82deg);
    }
    81% {
        width: 764.52px;
        height: 1229.7px;
        left: 164.67px;
        top: 67.37px;

        background: linear-gradient(164.06deg, #7C9ABF 3.56%, rgba(124, 154, 191, 0) 104.83%);
        filter: blur(200px);
        transform: rotate(13.82deg);
    }
    90% {
        width: 607.1px;
        height: 976.49px;
        left: 356.46px;
        top: 497.02px;

        background: linear-gradient(164.06deg, #7C9ABF 3.56%, rgba(124, 154, 191, 0) 104.83%);
        filter: blur(200px);
        transform: rotate(13.82deg);
    }
    100% {
        width: 987.23px;
        height: 1365.22px;
        left: 222.11px;
        top: 93.5px;
        background: linear-gradient(164.06deg, #7C9ABF 3.56%, rgba(124, 154, 191, 0) 104.83%);
        filter: blur(200px);
        transform: rotate(-31.64deg);
    }
}

@media (max-width: 992px) {
    .everise-rsvp-event-a .everise-rsvp-event-a-container {
        padding: 210px 64px;
    }

    .everise-rsvp-event-a {
        background: linear-gradient(174.76deg, #7C9ABF 0%, #625D9C 89.15%);
    }

    .everise-rsvp-event-a .everise-rsvp-event-a-container .rsvp-event-a-content-title {
        margin-bottom: 4px;
    }

    .everise-rsvp-event-a .everise-rsvp-event-a-container .rsvp-event-a-content-des {
        margin-bottom: 24px;
        letter-spacing: 0.04em;
    }

    .animated-rsvp-background {
        display: none;
    }
}