@font-face {
    font-family: "Recoleta";
    src: url("/platform/recipient-demo/fonts/Recoleta-Black.eot");
    src: url("/platform/recipient-demo/fonts/Recoleta-Black.eot?#iefix") format("embedded-opentype"), url("/platform/recipient-demo/fonts/Recoleta-Black.woff2") format("woff2"), url("/platform/recipient-demo/fonts/Recoleta-Black.woff") format("woff"),
        url("/platform/recipient-demo/fonts/Recoleta-Black.ttf") format("truetype"), url("/platform/recipient-demo/fonts/Recoleta-Black.svg#Recoleta-Black") format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Recoleta";
    src: url("/platform/recipient-demo/fonts/Recoleta-Bold.eot");
    src: url("/platform/recipient-demo/fonts/Recoleta-Bold.eot?#iefix") format("embedded-opentype"), url("/platform/recipient-demo/fonts/Recoleta-Bold.woff2") format("woff2"), url("/platform/recipient-demo/fonts/Recoleta-Bold.woff") format("woff"),
        url("/platform/recipient-demo/fonts/Recoleta-Bold.ttf") format("truetype"), url("/platform/recipient-demo/fonts/Recoleta-Bold.svg#Recoleta-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Recoleta";
    src: url("/platform/recipient-demo/fonts/Recoleta-SemiBold.eot");
    src: url("/platform/recipient-demo/fonts/Recoleta-SemiBold.eot?#iefix") format("embedded-opentype"), url("/platform/recipient-demo/fonts/Recoleta-SemiBold.woff2") format("woff2"), url("/platform/recipient-demo/fonts/Recoleta-SemiBold.woff") format("woff"),
        url("/platform/recipient-demo/fonts/Recoleta-SemiBold.ttf") format("truetype"), url("/platform/recipient-demo/fonts/Recoleta-SemiBold.svg#Recoleta-SemiBold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Recoleta";
    src: url("/platform/recipient-demo/fonts/Recoleta-Light.eot");
    src: url("/platform/recipient-demo/fonts/Recoleta-Light.eot?#iefix") format("embedded-opentype"), url("/platform/recipient-demo/fonts/Recoleta-Light.woff2") format("woff2"), url("/platform/recipient-demo/fonts/Recoleta-Light.woff") format("woff"),
        url("/platform/recipient-demo/fonts/Recoleta-Light.ttf") format("truetype"), url("/platform/recipient-demo/fonts/Recoleta-Light.svg#Recoleta-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Recoleta";
    src: url("/platform/recipient-demo/fonts/Recoleta-Thin.eot");
    src: url("/platform/recipient-demo/fonts/Recoleta-Thin.eot?#iefix") format("embedded-opentype"), url("/platform/recipient-demo/fonts/Recoleta-Thin.woff2") format("woff2"), url("/platform/recipient-demo/fonts/Recoleta-Thin.woff") format("woff"),
        url("/platform/recipient-demo/fonts/Recoleta-Thin.ttf") format("truetype"), url("/platform/recipient-demo/fonts/Recoleta-Thin.svg#Recoleta-Thin") format("svg");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Recoleta";
    src: url("/platform/recipient-demo/fonts/Recoleta-Medium.eot");
    src: url("/platform/recipient-demo/fonts/Recoleta-Medium.eot?#iefix") format("embedded-opentype"), url("/platform/recipient-demo/fonts/Recoleta-Medium.woff2") format("woff2"), url("/platform/recipient-demo/fonts/Recoleta-Medium.woff") format("woff"),
        url("/platform/recipient-demo/fonts/Recoleta-Medium.ttf") format("truetype"), url("/platform/recipient-demo/fonts/Recoleta-Medium.svg#Recoleta-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Recoleta";
    src: url("/platform/recipient-demo/fonts/Recoleta-Regular.eot");
    src: url("/platform/recipient-demo/fonts/Recoleta-Regular.eot?#iefix") format("embedded-opentype"), url("/platform/recipient-demo/fonts/Recoleta-Regular.woff2") format("woff2"), url("/platform/recipient-demo/fonts/Recoleta-Regular.woff") format("woff"),
        url("/platform/recipient-demo/fonts/Recoleta-Regular.ttf") format("truetype"), url("/platform/recipient-demo/fonts/Recoleta-Regular.svg#Recoleta-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Modern Era TRIAL";
    src: url("/platform/recipient-demo/fonts/ModernEraTRIAL-Bold.eot");
    src: url("/platform/recipient-demo/fonts/ModernEraTRIAL-Bold.eot?#iefix") format("embedded-opentype"), url("/platform/recipient-demo/fonts/ModernEraTRIAL-Bold.woff2") format("woff2"), url("/platform/recipient-demo/fonts/ModernEraTRIAL-Bold.woff") format("woff"),
        url("/platform/recipient-demo/fonts/ModernEraTRIAL-Bold.ttf") format("truetype"), url("/platform/recipient-demo/fonts/ModernEraTRIAL-Bold.svg#ModernEraTRIAL-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Modern Era TRIAL";
    src: url("/platform/recipient-demo/fonts/ModernEraTRIAL-Medium.eot");
    src: url("/platform/recipient-demo/fonts/ModernEraTRIAL-Medium.eot?#iefix") format("embedded-opentype"), url("/platform/recipient-demo/fonts/ModernEraTRIAL-Medium.woff2") format("woff2"), url("/platform/recipient-demo/fonts/ModernEraTRIAL-Medium.woff") format("woff"),
        url("/platform/recipient-demo/fonts/ModernEraTRIAL-Medium.ttf") format("truetype"), url("/platform/recipient-demo/fonts/ModernEraTRIAL-Medium.svg#ModernEraTRIAL-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Modern Era TRIAL";
    src: url("/platform/recipient-demo/fonts/ModernEraTRIAL-Regular.eot");
    src: url("/platform/recipient-demo/fonts/ModernEraTRIAL-Regular.eot?#iefix") format("embedded-opentype"), url("/platform/recipient-demo/fonts/ModernEraTRIAL-Regular.woff2") format("woff2"),
        url("/platform/recipient-demo/fonts/ModernEraTRIAL-Regular.woff") format("woff"), url("/platform/recipient-demo/fonts/ModernEraTRIAL-Regular.ttf") format("truetype"),
        url("/platform/recipient-demo/fonts/ModernEraTRIAL-Regular.svg#ModernEraTRIAL-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: "Modern Era TRIAL";
}

.envelope-footer {
    position: absolute;
    bottom: 30px;
}

.envelope-footer svg {
    max-width: 190px;
}

.unwrapping-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
    background-color: #f7f7f7;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.unwrapping-wrapper {
    position: relative;
    width: 720px;
    height: 480px;
    -webkit-perspective: 3500px;
    perspective: 3500px;
    margin-left: auto;
    margin-right: auto;
}

.envelope-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 1.6s ease-in-out;
    transition: -webkit-transform 1.6s ease-in-out;
    -o-transition: transform 1.6s ease-in-out;
    transition: transform 1.6s ease-in-out;
    transition: transform 1.6s ease-in-out, -webkit-transform 1.6s ease-in-out;
}

.envelope {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    padding: 30px 30px;
}

.envelope-back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    color: #000;
    width: 100%;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/env-03-base.png);
    background-size: 100% 100%;
    background-position: center;
    /*box-shadow: 0px 30px 12px rgba(30, 41, 59, 0.01), 0px 17px 10px rgba(30, 41, 59, 0.04), 0px 8px 8px rgba(30, 41, 59, 0.07), 0px 2px 4px rgba(30, 41, 59, 0.08);*/
    -webkit-box-shadow: 0px 15px 12px -10px rgba(1, 28, 28, 0.5), 5px 5px 15px 5px rgba(0, 0, 0, 0);
    box-shadow: 0px 15px 12px -10px rgba(1, 28, 28, 0.5), 5px 5px 15px 5px rgba(0, 0, 0, 0);
    cursor: pointer;
}

.envelope-front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    color: #333;
}

.open-envelope {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.envelope .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/env-03-bottom-fold.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.envelope .interior {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/env-03-back.png);
    background-size: 101% 104%;
    background-position: center;
}

.embossed-container {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.embossed-text {
    font-family: "Recoleta";
    font-weight: 500;
    font-size: 74px;
    line-height: 95%;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    position: absolute;
    margin: 0;
    padding: 0;
    color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
}

.embossed-layer {
    z-index: 2;
    text-shadow: 3.5px -3.1px 2.6px rgba(255, 255, 255, 0.71);
}

.embossed-shadow {
    z-index: 1;
    text-shadow: 1.9px -1px 0.6px rgba(71, 64, 55, 0.48), 1.1px -1.1px 3.2px rgb(255 255 255 / 22%), 0.1px 0px 0.9px rgba(195, 195, 195, 0.23);
    -webkit-filter: blur(0.3px);
    filter: blur(0.2px);
}

.black-envelope .embossed-layer {
    text-shadow: 3px -3px 2px rgb(0 0 0 / 8%);
}

.black-envelope .embossed-shadow {
    text-shadow: -1.2px 1.2px 0.8px rgb(0 0 0 / 40%), 1px -1.5px 2.2px rgb(0 0 0 / 0%), 0.4px 0px 0.5px rgb(163 163 163 / 40%);
}

.receipent-info {
    text-align: center;
    font-family: Modern Era TRIAL;
    max-width: 710px;
    padding: 20px;
    margin-bottom: 30px;
    margin-top: -100px;
}

.receipent-info p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
}

.receipent-info h5 {
    font-weight: 400;
    font-size: 26px;
    line-height: 18px;
}

.envelope-button {
    margin-top: -24px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.theme-btn {
    font-family: "Modern Era TRIAL";
    width: 100%;
    padding: 14px 5px;
    background: #7fe2dc;
    border-radius: 30px;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    color: #243040;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    margin: 0 auto;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    max-width: 210px;
}

.theme-btn:hover {
    background-color: #46cac2;
    color: #243040;
    text-decoration: none;
}

.envelope .top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
}

.envelope .top::before {
    content: "";
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/env-03-top-fold.png);
    background-size: 100% 85%;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.top.improvezindex {
    z-index: 999;
}

img.smiley-social {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 115px;
    max-width: 100px;
    z-index: 9;
    -webkit-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    opacity: 1;
}

.top.smiley-logo img.smiley-social {
    opacity: 0;
    pointer-events: none;
}

.top.smiley-logo::after {
    content: "";
    background-color: #7fe2dc;
    width: 100px;
    position: absolute;
    left: 0;
    right: 0;
    height: 100px;
    background-size: contain;
    z-index: 8;
    bottom: 115px;
    margin: auto;
    border-radius: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

.top.smiley-logo::after {
    opacity: 1;
}

.open-flap .top {
    -webkit-animation: openEnvelopeFlap 1.8s ease-in-out forwards;
    animation: openEnvelopeFlap 1.8s ease-in-out forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}

@-webkit-keyframes openEnvelopeFlap {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    100% {
        -webkit-transform: rotateX(-120deg);
        transform: rotateX(-120deg);
    }
}

@keyframes openEnvelopeFlap {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    100% {
        -webkit-transform: rotateX(-120deg);
        transform: rotateX(-120deg);
    }
}

.envelope-group-card img {
    width: calc(100% + 58px);
    height: calc(100% + 10px);
    position: absolute;
    top: -5px;
    bottom: 0;
    left: -30px;
    right: 0;
    object-fit: contain;
}

.envelope-group-card {
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background-color: transparent;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    margin: auto;
    z-index: 9999;
}

.envelope-assets {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.envelope-footer {
    position: absolute;
    bottom: 30px;
}

.envelope-footer svg {
    max-width: 190px;
}

.gooffscreen {
    width: 100%;
    height: 100%;
}

@-webkit-keyframes scaleIn {
    from {
        -webkit-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5);
        opacity: 0.5;
    }

    to {
        -webkit-transform: scale(2.5, 2.5);
        transform: scale(2.5, 2.5);
        opacity: 0;
    }
}

@keyframes scaleIn {
    from {
        -webkit-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5);
        opacity: 0.5;
    }

    to {
        -webkit-transform: scale(2.5, 2.5);
        transform: scale(2.5, 2.5);
        opacity: 0;
    }
}

.card-slide {
    -webkit-animation: cardSlideLeftRight 3s ease-in-out forwards;
    animation: cardSlideLeftRight 3s ease-in-out forwards;
}

@-webkit-keyframes cardSlideLeftRight {
    0% {
        top: 0;
    }

    50% {
        top: -300px;
    }

    100% {
        top: 0px;
    }
}

@keyframes cardSlideLeftRight {
    0% {
        top: 0;
    }

    50% {
        top: -300px;
    }

    100% {
        top: 0px;
    }
}

.slide-offscreen {
    -webkit-animation: slideOffScreen 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
    animation: slideOffScreen 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

@-webkit-keyframes slideOffScreen {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

    100% {
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes slideOffScreen {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

    100% {
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.top.improvezindex.slide-offscreen {
    -webkit-animation: slideOffScreenTop 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
    animation: slideOffScreenTop 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

@-webkit-keyframes slideOffScreenTop {
    0% {
        -webkit-transform: translateY(0) rotateX(-120deg);
        transform: translateY(0) rotateX(-120deg);
    }

    100% {
        -webkit-transform: translateY(2000px) rotateX(-120deg);
        transform: translateY(2000px) rotateX(-120deg);
    }
}

@keyframes slideOffScreenTop {
    0% {
        -webkit-transform: translateY(0) rotateX(-120deg);
        transform: translateY(0) rotateX(-120deg);
    }

    100% {
        -webkit-transform: translateY(2000px) rotateX(-120deg);
        transform: translateY(2000px) rotateX(-120deg);
    }
}

.black-envelope .envelope.envelope-back {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/base-black.png);
}

.black-envelope .envelope .top::before {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/top-black.png);
}

.black-envelope .envelope .interior {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/dark-back.png);
}

.black-envelope .envelope .bottom {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/bottom-black.png);
    -webkit-filter: drop-shadow(0px -5px 6px #0000009c);
    filter: drop-shadow(0px -5px 6px #0000009c);
}

.ue-groupcard-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.ue-groupcard-wrapper .ue-groupcard-cover {
    width: calc(480px - 20px);
    height: calc(680px - 20px);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: -100px;
    left: 115px;
    -webkit-box-shadow: 0px 15px 12px -10px rgba(1, 28, 28, 0.5), 5px 5px 15px 5px rgba(0, 0, 0, 0);
    box-shadow: 0px 15px 12px -10px rgba(1, 28, 28, 0.5), 5px 5px 15px 5px rgba(0, 0, 0, 0);
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.ue-groupcard-inner {
    width: 100%;
    height: 100%;
}

/* Envelope Animation UI components */
.cardcarousel {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

html,
body {
    min-height: 100%;
}

body {
    background-color: #7fe2dc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(7.68%, #7fe2dc), color-stop(81.25%, #fff));
    background: -o-linear-gradient(top, #7fe2dc 7.68%, #fff 81.25%);
    background: linear-gradient(180deg, #7fe2dc 7.68%, #fff 81.25%);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUxMyIgaGVpZ2h0PSI5ODMiIHZpZXdCb3g9IjAgMCAxNTEzIDk4MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfbl8xNTc2XzE5NDQpIj4KPHJlY3QgeD0iMC4zMzAwNzgiIHk9IjAuMzQzNzUiIHdpZHRoPSIxNTEyIiBoZWlnaHQ9Ijk4MiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzE1NzZfMTk0NCkiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9uXzE1NzZfMTk0NCIgeD0iMC4zMzAwNzgiIHk9IjAuMzQzNzUiIHdpZHRoPSIxNTEyIiBoZWlnaHQ9Ijk4MiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMSAxIiBzdGl0Y2hUaWxlcz0ic3RpdGNoIiBudW1PY3RhdmVzPSIzIiByZXN1bHQ9Im5vaXNlIiBzZWVkPSIzOTM2IiAvPgo8ZmVDb2xvck1hdHJpeCBpbj0ibm9pc2UiIHR5cGU9Imx1bWluYW5jZVRvQWxwaGEiIHJlc3VsdD0iYWxwaGFOb2lzZSIgLz4KPGZlQ29tcG9uZW50VHJhbnNmZXIgaW49ImFscGhhTm9pc2UiIHJlc3VsdD0iY29sb3JlZE5vaXNlMSI+CjxmZUZ1bmNBIHR5cGU9ImRpc2NyZXRlIiB0YWJsZVZhbHVlcz0iMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAiLz4KPC9mZUNvbXBvbmVudFRyYW5zZmVyPgo8ZmVDb21wb3NpdGUgb3BlcmF0b3I9ImluIiBpbjI9InNoYXBlIiBpbj0iY29sb3JlZE5vaXNlMSIgcmVzdWx0PSJub2lzZTFDbGlwcGVkIiAvPgo8ZmVDb21wb25lbnRUcmFuc2ZlciBpbj0iYWxwaGFOb2lzZSIgcmVzdWx0PSJjb2xvcmVkTm9pc2UyIj4KPGZlRnVuY0EgdHlwZT0iZGlzY3JldGUiIHRhYmxlVmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxICIvPgo8L2ZlQ29tcG9uZW50VHJhbnNmZXI+CjxmZUNvbXBvc2l0ZSBvcGVyYXRvcj0iaW4iIGluMj0ic2hhcGUiIGluPSJjb2xvcmVkTm9pc2UyIiByZXN1bHQ9Im5vaXNlMkNsaXBwZWQiIC8+CjxmZUZsb29kIGZsb29kLWNvbG9yPSJyZ2JhKDEyNywgMjI2LCAyMjAsIDAuMikiIHJlc3VsdD0iY29sb3IxRmxvb2QiIC8+CjxmZUNvbXBvc2l0ZSBvcGVyYXRvcj0iaW4iIGluMj0ibm9pc2UxQ2xpcHBlZCIgaW49ImNvbG9yMUZsb29kIiByZXN1bHQ9ImNvbG9yMSIgLz4KPGZlRmxvb2QgZmxvb2QtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKSIgcmVzdWx0PSJjb2xvcjJGbG9vZCIgLz4KPGZlQ29tcG9zaXRlIG9wZXJhdG9yPSJpbiIgaW4yPSJub2lzZTJDbGlwcGVkIiBpbj0iY29sb3IyRmxvb2QiIHJlc3VsdD0iY29sb3IyIiAvPgo8ZmVNZXJnZSByZXN1bHQ9ImVmZmVjdDFfbm9pc2VfMTU3Nl8xOTQ0Ij4KPGZlTWVyZ2VOb2RlIGluPSJzaGFwZSIgLz4KPGZlTWVyZ2VOb2RlIGluPSJjb2xvcjEiIC8+CjxmZU1lcmdlTm9kZSBpbj0iY29sb3IyIiAvPgo8L2ZlTWVyZ2U+CjwvZmlsdGVyPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTU3Nl8xOTQ0IiB4MT0iNzU2LjMzIiB5MT0iMC4zNDM3NSIgeDI9Ijc1Ni4zMyIgeTI9Ijk4Mi4zNDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjA3NjgzNTgiIHN0b3AtY29sb3I9IiM3RkUyREMiLz4KPHN0b3Agb2Zmc2V0PSIwLjgxMjUiIHN0b3AtY29sb3I9IndoaXRlIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
    background-size: cover;
    background-position: top center;
}

.ue-outer-wrapper {
    min-height: 100vh;
    overflow: hidden;
    position: relative;
}

.ue-gt-logo {
    text-align: center;
    padding: 0px 15px;
    position: fixed;
    left: 0;
    right: 0;
    top: 25px;
    z-index: 99;
    max-width: 300px;
    margin: 0 auto;
}

.ue-inner-wrapper {
    min-height: 100vh;
    padding: 15px;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ue-flex-block {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.ue-giftcode-block {
    max-width: 567px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 100%;
}

.ue-giftcode-block h1 {
    font-family: "Recoleta";
    margin-bottom: 20px;
    color: #1e2437;
    font-size: 66px;
    font-style: normal;
    font-weight: 300;
}

.ue-giftcode-block .form-control {
    padding: 15px 15px;
    border-radius: 10px;
    border: 1px solid #e9eaeb;
    background: #fff;
    color: #1e2437;
    text-align: center;
    font-family: "Modern Era TRIAL";
    font-size: 46px;
    font-weight: 400;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    margin-bottom: 25px;
    line-height: 65px;
}

.ue-giftcode-block .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #7fe2dc;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25);
}

input:focus::-webkit-input-placeholder {
    opacity: 0 !important;
}

.ue-giftcode-block .form-control::-webkit-input-placeholder {
    color: #999da6;
    opacity: 1;
}

.ue-giftcode-block .form-control::-moz-placeholder {
    color: #999da6;
    opacity: 1;
}

.ue-giftcode-block .form-control:-ms-input-placeholder {
    color: #999da6;
    opacity: 1;
}

.ue-giftcode-block .form-control::-ms-input-placeholder {
    color: #999da6;
    opacity: 1;
}

.ue-giftcode-block .form-control::placeholder {
    color: #999da6;
    opacity: 1;
}

.ue-giftcode-block .form-control::-ms-input-placeholder {
    color: #999da6;
}

.theme-btn-dark {
    width: 100%;
    padding: 12px 20px;
    background: #1e2437;
    border-radius: 30px;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    color: #fff;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    border: 0;
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
}

.theme-btn-dark:hover {
    background-color: #0f121c;
    color: #fff;
}

.theme-btn-dark:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
}

.theme-btn-dark:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    padding: 50%;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: opacity 1s, -webkit-transform 0.5s;
    transition: opacity 1s, -webkit-transform 0.5s;
    -o-transition: opacity 1s, transform 0.5s;
    transition: opacity 1s, transform 0.5s;
    transition: opacity 1s, transform 0.5s, -webkit-transform 0.5s;
}

.theme-btn-dark:focus::before {
    opacity: 0.24;
}

.theme-btn-dark:active::after {
    opacity: 0.32;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: -webkit-transform 0s;
    transition: -webkit-transform 0s;
    -o-transition: transform 0s;
    transition: transform 0s;
    transition: transform 0s, -webkit-transform 0s;
}

.pulse-button-container {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.pulse-button-container .theme-btn-dark {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 0 0 rgba(80, 120, 200, 0.5);
    box-shadow: 0 0 0 0 rgba(80, 120, 200, 0.5);
    animation: pulse 1.5s infinite;
    animation-delay: 0.5s;
    -webkit-animation: pulse 1.5s infinite;
    -webkit-animation-delay: 0.5s;
    text-decoration: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 20px rgba(80, 120, 200, 0);
        box-shadow: 0 0 0 20px rgba(80, 120, 200, 0);
    }

    100% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
        -webkit-box-shadow: 0 0 0 0 rgba(80, 120, 200, 0);
        box-shadow: 0 0 0 0 rgba(80, 120, 200, 0);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 20px rgba(80, 120, 200, 0);
        box-shadow: 0 0 0 20px rgba(80, 120, 200, 0);
    }

    100% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
        -webkit-box-shadow: 0 0 0 0 rgba(80, 120, 200, 0);
        box-shadow: 0 0 0 0 rgba(80, 120, 200, 0);
    }
}

.ue-recipient-message {
    max-width: 790px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.ue-recipient-message h2,
.ue-recipient-message h4 {
    font-family: "Recoleta";
    margin-bottom: 30px;
    color: #1e2437;
    font-size: 70px;
    font-weight: 300;
}

.ue-recipient-message h2 {
    text-transform: capitalize;
}

.ue-recipient-message p {
    color: #1e2437;
    font-family: "Modern Era TRIAL";
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 30px;
}

.ue-recipient-message h4 {
    font-size: 40px;
}

.ue-recipient-message .theme-btn-dark {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    max-width: 225px;
    margin-left: auto;
    margin-right: auto;
}

.base-layer {
    width: 200%;
    height: 108px;
    border-radius: 1394px;
    opacity: 0.16;
    background: #107b87;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    position: absolute;
    left: -50%;
    right: auto;
    bottom: -80px;
    z-index: -1;
}

.ue-unwrapping {
    display: none;
    position: relative;
}

.ue-skip-unwrapping {
    font-family: "Modern Era TRIAL";
    color: #1e2437;
    position: absolute;
    bottom: 15px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    right: 15px;
    background-color: transparent;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    padding: 12px 18px;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    border-radius: 30px;
}

.ue-skip-unwrapping:hover {
    background-color: #0f121c;
    color: #fff;
}

.ue-skip-unwrapping:hover svg path {
    stroke: #fff;
}

.ue-actionbar {
    position: absolute;
    top: 18px;
    left: 0;
    right: 0;
    padding: 0px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ue-actionbar .ue-actionbar-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
}

.ue-actionbar .ue-actionbar-left .theme-btn-dark {
    width: auto;
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
}

.ue-actionbar .ue-actionbar-left .theme-btn-dark span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
}

.ue-zoom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.ue-zoom .ue-zoom-btn {
    border: 0;
    background-color: transparent;
    position: relative;
    padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    border-radius: 5px;
}

.ue-zoom .ue-zoom-btn:hover {
    background-color: #ffffff54;
}

.ue-zoom::after {
    content: "";
    background-color: #a5a7af;
    width: 1px;
    height: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -5px;
}

.ue-actionbar-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #e9eaeb;
}

.ue-zoom-dropdown::after {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjAyNzggMTUuNzM1OEMxMi42Mzk1IDE2LjExNDEgMTIuMDIwNCAxNi4xMTQxIDExLjYzMjEgMTUuNzM1OEw3LjE2MzM0IDExLjM4MTlDNi41MjA3MSAxMC43NTU4IDYuOTYzOTcgOS42NjU2OCA3Ljg2MTE3IDkuNjY1NjhMMTYuNzk4OCA5LjY2NTY4QzE3LjY5NiA5LjY2NTY4IDE4LjEzOTIgMTAuNzU1OCAxNy40OTY2IDExLjM4MTlMMTMuMDI3OCAxNS43MzU4WiIgZmlsbD0iIzdGRTJEQyIvPgo8L3N2Zz4K);
    width: 24px;
    height: 24px;
    background-size: contain;
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ue-zoom-dropdown select {
    border-radius: 8px;
    border: 0px solid #a5a7af;
    padding: 7px 0;
    padding-left: 10px;
    padding-right: 35px;
    width: 100%;
    max-width: 100px;
    height: 40px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.ue-zoom-dropdown select:focus {
    outline: none;
}

.delay-02s {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.delay-03s {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.delay-04s {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.delay-05s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.delay-06s {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.delay-07s {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.delay-08s {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.delay-09s {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.delay-11s {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

.delay-12s {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.delay-13s {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

.delay-14s {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.delay-15s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.delay-16s {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}

.delay-17s {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}

.delay-18s {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.delay-19s {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s;
}

.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.delay-21s {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
}

.delay-22s {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}

.delay-23s {
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s;
}

.delay-24s {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
}

.delay-25s {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.delay-26s {
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
}

.delay-27s {
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s;
}

.delay-28s {
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s;
}

.delay-29s {
    -webkit-animation-delay: 2.9s;
    animation-delay: 2.9s;
}

.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.slide-item {
    width: 468px;
    height: 662px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 15px 12px -10px rgba(1, 28, 28, 0.5), 5px 5px 15px 5px rgba(0, 0, 0, 0);
    box-shadow: 0px 15px 12px -10px rgba(1, 28, 28, 0.5), 5px 5px 15px 5px rgba(0, 0, 0, 0);
    margin-bottom: 20px;
}

.carousel-item.double-slide .slide-pages-container .slide-item {
    box-shadow: 0 0 43.295px 0 rgba(0, 0, 0, 0.20);
    margin-bottom: 0px;
}

.carousel-item.double-slide .slide-pages-container {
    margin-bottom: 20px;
}

.carousel-item.double-slide .slide-pages-container {
    -webkit-box-shadow: 0px 15px 12px -10px rgba(1, 28, 28, 0.5), 5px 5px 15px 5px rgba(0, 0, 0, 0);
    box-shadow: 0px 15px 12px -10px rgba(1, 28, 28, 0.5), 5px 5px 15px 5px rgba(0, 0, 0, 0);
}

.carousel-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.slide-pages-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}

.ue-gc-slider {
    max-width: 936px;
    margin-left: auto;
    margin-right: auto;
    top: 15px;
    position: relative;
}

.ue-control {
    opacity: 0;
    width: auto;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.ue-control:hover {
    opacity: 0.8 !important;
}

.ue-control svg {
    width: 55px;
    border-radius: 100%;
    height: 55px;
}

.slide-item.blank {
    background-color: #f9f9f9;
}

.carousel-control-next.ue-control {
    right: -45px;
}

.carousel-control-prev.ue-control {
    left: -45px;
}

.ue-gc-slider .carousel-inner {
    z-index: 99;
}

.ue-gc-slider.ue-slider-show .carousel-control-next {
    -webkit-animation: carouselBtn 0.5s ease-in-out forwards;
    animation: carouselBtn 0.5s ease-in-out forwards;
}

@-webkit-keyframes carouselBtn {
    from {
        opacity: 0;
        right: 0px;
    }

    to {
        opacity: 1;
        right: -45px;
    }
}

@keyframes carouselBtn {
    from {
        opacity: 0;
        right: 0px;
    }

    to {
        opacity: 1;
        right: -45px;
    }
}

.ue-control.visible-prev-btn {
    -webkit-animation: carouselprevBtn 0.5s ease-in-out forwards;
    animation: carouselprevBtn 0.5s ease-in-out forwards;
}

@-webkit-keyframes carouselprevBtn {
    from {
        opacity: 0;
        left: 0px;
    }

    to {
        opacity: 1;
        left: -45px;
    }
}

@keyframes carouselprevBtn {
    from {
        opacity: 0;
        left: 0px;
    }

    to {
        opacity: 1;
        left: -45px;
    }
}

.ue-control {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.ue-control svg {
    -webkit-box-shadow: 0 0 0 0 rgba(80, 120, 200, 0.5);
    box-shadow: 0 0 0 0 rgba(80, 120, 200, 0.5);
    -webkit-animation: pulse 1.5s infinite;
    animation: pulse 1.5s infinite;
    animation-delay: 0.5s;
    -webkit-animation: pulseNav 1.5s infinite;
    -webkit-animation-delay: 0.5s;
}

@-webkit-keyframes pulseNav {
    0% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 20px rgba(80, 120, 200, 0);
        box-shadow: 0 0 0 20px rgba(80, 120, 200, 0);
    }

    100% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
        -webkit-box-shadow: 0 0 0 0 rgba(80, 120, 200, 0);
        box-shadow: 0 0 0 0 rgba(80, 120, 200, 0);
    }
}

@keyframes pulseNav {
    0% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 20px rgba(80, 120, 200, 0);
        box-shadow: 0 0 0 20px rgba(80, 120, 200, 0);
    }

    100% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
        -webkit-box-shadow: 0 0 0 0 rgba(80, 120, 200, 0);
        box-shadow: 0 0 0 0 rgba(80, 120, 200, 0);
    }
}

.ue-gc-slider .card-base-layer {
    width: 150%;
    left: -25%;
    bottom: -50px;
    height: 90px;
}

.carousel-item.double-slide::after {
    content: "";
    -webkit-box-shadow: 0px 15px 12px -10px rgba(1, 28, 28, 0.5), 5px 5px 15px 5px rgba(0, 0, 0, 0);
    box-shadow: 0px 15px 12px -10px rgba(1, 28, 28, 0.5), 5px 5px 15px 5px rgba(0, 0, 0, 0);
}

.carousel-count {
    color: #1e2437;
    position: absolute;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    top: -55px;
    max-width: 100px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.carousel-count {
    display: none !important;
}

.ue-gc-slider {
    transform-origin: center;
    transition: transform 0.3s ease;
}

.card-base-layer {
    width: 200%;
    height: 108px;
    border-radius: 1394px;
    opacity: 0.16;
    background: #107b87;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    position: absolute;
    left: -50%;
    right: auto;
    bottom: -80px;
    z-index: -1;
}

/* Recipient Pathway Wallet */

body.recipient-wallet {
    background: #fff;
}

.recipient-wallet-inner {
    min-height: 100vh;
    padding: 0;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.recipient-wallet-inner-wrapper {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.theme-btn-lite {
    width: 100%;
    padding: 9px 5px;
    background: #7fe2dc;
    border-radius: 30px;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    color: #1e2437;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    border: 0;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    max-width: 165px;
}

.theme-btn-lite:hover {
    background-color: #46cac2;
    color: #243040;
    text-decoration: none;
}

.wallet-footer {
    background-color: #e6fdfc;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 18px;
    column-gap: 20px;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

.wallet-footer h5 {
    margin: 0;
    font-family: Recoleta;
    font-weight: 300;
    font-size: 20px;
    color: #1e2437;
}

.slider-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 1325px;
    padding: 20px;
    padding-top: 0;
}

.slider-container::before {
    content: "";
    background: linear-gradient(90deg, #fffffff5 60%, rgb(255 255 255 / 0%) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    z-index: 9;
    left: -25%;
    right: auto;
}

.slider-container::after {
    content: "";
    background: linear-gradient(270deg, #fffffff5 60%, rgb(255 255 255 / 0%) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    right: -25%;
    left: auto;
    z-index: 9;
}

.slider-container.hide-shadow::after,
.slider-container.hide-shadow::before {
    display: none !important;
}

.slider-container #walletslides {
    position: relative;
    width: 100%;
    height: 100%;
}

.slider-container .slide {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) scale(0) translateY(-50%);
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
    z-index: 0;
    transform-origin: top center;
}

.slider-container .slide img {
    width: 600px;
    height: 375px;
    object-fit: cover;
    transition: all 0.4s ease;
    box-shadow: 0 6px 38px 0 rgba(0, 0, 0, 0.14);
    border-radius: 25px;
    background-color: #fff;
    display: block;
}

.slider-container .slide.active {
    transform: translateX(-50%) scale(1) translateY(-50%);
    opacity: 1;
    z-index: 3;
    cursor: pointer;
}

.slider-container .slide.level-2 {
    transform: translateX(calc(-50% + 250px)) scale(0.7) translateY(-50%);
    opacity: 1;
    z-index: 2;
}

.slider-container .slide.level-2.left {
    transform: translateX(calc(-50% - 250px)) scale(0.7) translateY(-50%);
    opacity: 1;
    z-index: 2;
}

.slider-container .slide.level-3 {
    transform: translateX(calc(-50% + 500px)) scale(0.4) translateY(-50%);
    opacity: 1;
    z-index: 1;
}

.slider-container .slide.level-3.left {
    transform: translateX(calc(-50% - 500px)) scale(0.4) translateY(-50%);
    opacity: 1;
    z-index: 1;
}

.slider-container .btn-left,
.slider-container .btn-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.14);
    color: white;
    border: none;
    padding: 8px 12px;
    font-size: 20px;
    border-radius: 100%;
    cursor: pointer;
    background-color: #1e2437;
    padding: 0;
    border: 0;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}

.slider-container .btn-left {
    left: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjI1ODQgMS4xMjEwOUwxLjc3OTMgMTEuNjAwMkwxMi4yNTg0IDIyLjA3OTMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.slider-container .btn-right {
    right: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuOTQ0NzQgMjIuMDgyTDEyLjQyMzggMTEuNjAyOUwxLjk0NDc0IDEuMTIzODUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.slider-container .slide.active.active-expanded.active-expanded {
    transform: translateX(-108%) scale(1) translateY(-285px);
}

.slider-container .slide.active.active-expanded.active-expanded img {
    width: 480px !important;
    height: 300px !important;
}

.slider-container .slide.hidden {
    display: none;
}

.wallet-description-block {
    max-width: 570px;
}

.wallet-description {
    position: absolute;
    top: 50%;
    right: 8%;
    transform: translateY(-285px);
    width: 40%;
    background: #fff;
    padding-left: 10px;
    padding-right: 20px;
    border-radius: 10px;
    display: none;
    opacity: 0;
    transition: opacity 0.4s ease;
    font-family: "Modern Era TRIAL";
    color: #000;
    height: 580px;
    overflow: auto;
}

.wallet-description::-webkit-scrollbar {
    width: 8px;
}

.wallet-description::-webkit-scrollbar-track {
    background: #f2f2f2;
    border-radius: 10px;
}

.wallet-description::-webkit-scrollbar-thumb {
    background: #c9c9c9;
    border-radius: 10px;
}

.wallet-description::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
}

.wallet-description.show-wallet {
    display: block;
    opacity: 1;
    z-index: 99;
}

.slide .spend-anycard-btn {
    display: none !important;
}

.slide.active .spend-anycard-btn {
    display: block !important;
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -75px;
}

.slide.active.active-expanded .spend-anycard-btn {
    display: none !important;
}

.slide.active.active-expanded .thankYou-btn-anyCard.d-none {
    display: block !important;
    margin-top: 20px;
    max-width: 185px;
    margin-left: auto;
    margin-right: auto;
}

.back-wallet-btn {
    position: absolute;
    background-color: transparent;
    border: 0;
    text-transform: uppercase;
    top: 25px;
    left: 40px;
    padding: 5px 5px 5px 12px;
    font-weight: 500;
    z-index: 99;
    display: none !important;
}

.back-wallet-btn:hover {
    border-bottom: 2px solid #7fe2dc;
}

.back-wallet-btn::before {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgNCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTMuODI1ODUgNi44NTM4MUwxLjM3NjkzIDMuOTkxODFMMy44MjU4NSAxLjEyOTgxQzMuOTI5NzYgMS4wMDQwNyAzLjk4NzI2IDAuODM1NjcyIDMuOTg1OTYgMC42NjA4NzRDMy45ODQ2NiAwLjQ4NjA3NiAzLjkyNDY3IDAuMzE4ODY4IDMuODE4OSAwLjE5NTI2MkMzLjcxMzE0IDAuMDcxNjU2NyAzLjU3MDA2IDAuMDAxNTQ0MTMgMy40MjA0OSAyLjUxNzY0ZS0wNUMzLjI3MDkyIC0wLjAwMTQ5Mzc4IDMuMTI2ODMgMC4wNjU3MDI1IDMuMDE5MjQgMC4xODcxNDFMMC4xNjcwMTggMy41MjA0N0MwLjA2MDA3NjYgMy42NDU0OSAtMS42Njc2ZS0wNyAzLjgxNTAzIC0xLjc0NDg3ZS0wNyAzLjk5MTgxQy0xLjgyMjE1ZS0wNyA0LjE2ODU4IDAuMDYwMDc2NSA0LjMzODEyIDAuMTY3MDE4IDQuNDYzMTRMMy4wMTkyNCA3Ljc5NjQ3QzMuMDcxODYgNy44NjAxNSAzLjEzNDgxIDcuOTEwOTQgMy4yMDQ0IDcuOTQ1ODhDMy4yNzQgNy45ODA4MSAzLjM0ODg1IDcuOTk5MjEgMy40MjQ2IDcuOTk5OTdDMy41MDAzNCA4LjAwMDc0IDMuNTc1NDYgNy45ODM4OCAzLjY0NTU2IDcuOTUwMzZDMy43MTU2NyA3LjkxNjgzIDMuNzc5MzYgNy44NjczMyAzLjgzMjkyIDcuODA0NzRDMy44ODY0OCA3Ljc0MjE0IDMuOTI4ODQgNy42Njc3MSAzLjk1NzUyIDcuNTg1NzhDMy45ODYyIDcuNTAzODUgNC4wMDA2NCA3LjQxNjA2IDMuOTk5OTggNy4zMjc1NEMzLjk5OTMyIDcuMjM5MDIgMy45ODM1OCA3LjE1MTU0IDMuOTUzNjkgNy4wNzAyQzMuOTIzNzkgNi45ODg4NyAzLjg4MDMzIDYuOTE1MzEgMy44MjU4NSA2Ljg1MzgxWiIgZmlsbD0iIzFFMjQzNyIvPg0KPC9zdmc+DQo=);
    position: absolute;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-size: contain;
}

.back-wallet-btn.show-btn {
    display: block !important;
}

.wallet-description-block h2 {
    font-size: 30px;
    line-height: 38px;
    color: #1e2437;
    margin-bottom: 1rem;
    font-weight: 500;
}

.wallet-description-block .gift-value {
    margin-bottom: 1.2rem;
}

.wallet-description-block .gift-value p {
    margin-bottom: 0;
}

.wallet-description-block .theme-btn-dark {
    max-width: 270px;
    margin-bottom: 1.2rem;
}

.wallet-description-block .gift-fetch {
    padding: 8px 20px;
    padding-left: 78px;
    margin-top: 5px;
    margin-bottom: 1.2rem;
    max-width: 480px;
    background-color: #e6fdfc;
    border-radius: 8px;
    line-height: 18px;
    position: relative;
}

.wallet-description-block .gift-fetch img {
    left: 5px;
    height: 65px;
    position: absolute;
    bottom: 0;
}

.wallet-description-block .gift-fetch p {
    font-size: 15px;
    margin-bottom: 0 !important;
    line-height: 20px;
}

.anycard-description {
    margin-bottom: 1.2rem;
}

.wallet-description-block .anycard-description h5 {
    font-size: 20px;
    line-height: 24px;
    color: #1e2437;
    margin-bottom: 5px;
    font-weight: 500;
}

.wallet-description-block .anycard-description ul {
    list-style-type: disc;
    padding-left: 25px;
}

.wallet-description-block .egift-details h5 {
    font-size: 20px;
    line-height: 24px;
    color: #1e2437;
    margin-bottom: 10px;
    font-weight: 500;
}

a.theme-link-lite {
    color: #36adb4;
    font-weight: 500;
}

.wallet-description-block .egift-details ul li {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 5px;
}

.wallet-description-block .egift-details ul li span {
    color: #a5a7af;
}

.egift-details {
    margin-bottom: 1.2rem;
}

.diminishing-balance-table {
    max-width: 520px;
}

.diminishing-balance-table h5 {
    font-size: 20px;
    line-height: 24px;
    color: #1e2437;
    margin-bottom: 5px;
    font-weight: 500;
}

.diminishing-balance-table table tr td {
    padding: 4px 8px;
    font-size: 14px;
}

.diminishing-balance-table table tr td:first-child {
    width: 140px;
}

.diminishing-balance-table table tr td:last-child {
    width: 110px;
}

.envelope-position {
    transform: translate(100px, -70px);
    height: 100%;
    width: 100%;
}

.envlope-animate {
    animation: envelopeMove 2s ease-in-out forwards;
    animation-delay: 1.5s;
}

@keyframes envelopeMove {
    0% {
        transform: translate(100px, -70px);
    }

    50% {
        transform: translate(275px, 0px) rotate(-3deg) scale(1);
    }

    100% {
        transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
}

.envelope-position {
    transform: translate(100px, -70px);
    height: 100%;
    width: 100%;
}

.envlope-animate {
    animation: envelopeMove 2s ease-in-out forwards;
    animation-delay: 1.2s;
}

@keyframes envelopeMove {
    0% {
        transform: translate(100px, -70px);
    }

    50% {
        transform: translate(275px, 0px) rotate(-3deg) scale(1);
    }

    100% {
        transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
}

.verify-modal-body .theme-btn-lite {
    padding: 12px 5px;
    max-width: 100%;
}

.recipient-wallet-inner .theme-btn-lite {
    margin: 0;
}

.unwrapping-gift-wrapper {
    transform: translate(-220px, 165px) scale(1);
    position: absolute;
    bottom: 0;
    right: 0;
    height: 400px;
    transition: transform 1s ease-in-out;
}

.gift-animate {
    animation: giftMove 2s ease-in-out forwards;
    animation-delay: 1.2s;
}

@keyframes giftMove {
    0% {
        transform: translate(-220px, 165px) scale(1);
    }

    50% {
        transform: translate(-270px, 165px) scale(0.8);
    }

    100% {
        transform: translate(0px, 0px) scale(0.8);
        z-index: -1;
    }
}

.gc-preview-messages {
    height: 100%;
    width: 100%;
    position: relative;
    padding: 45px;
    background-color: #fff;
    position: relative;
    z-index: 9999;
}

.gc-preview-messages:before {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjIxNjIgMzUuNjg5NUMyNy45OTg1IDM1LjY4OTUgMzUuOTI4NSAyNy43MDAxIDM1LjkyODUgMTcuODQ0N0MzNS45Mjg1IDcuOTg5MzYgMjcuOTk4NSAwIDE4LjIxNjIgMEM4LjQzMzk4IDAgMC41MDM5MDYgNy45ODkzNiAwLjUwMzkwNiAxNy44NDQ3QzAuNTAzOTA2IDI3LjcwMDEgOC40MzM5OCAzNS42ODk1IDE4LjIxNjIgMzUuNjg5NVoiIGZpbGw9IiM3RkUyREMiLz4KPHBhdGggZD0iTTguOTIxMyAyMS44NzVDOS44MjM5MSAyNC4yNTcyIDEzLjA0MDYgMjcuOTgxNiAxOC4yMTQ5IDI3Ljk4MTdDMjMuNDEzNSAyNy45ODE3IDI2LjY3NjUgMjQuMjM0MSAyNy40OTI0IDIxLjkyMDJMMzEuMzczNiAyMy4yODg2QzMwLjA5MjEgMjYuOTIyOSAyNS40ODA1IDMyLjA5NyAxOC4yMTQ5IDMyLjA5N0MxMC45MjU0IDMyLjA5NjkgNi40MjQ1OCAyNi44OTk5IDUuMDczMjQgMjMuMzMzOEw4LjkyMTMgMjEuODc1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
    width: 38px;
    height: 38px;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.gc-preview-messages::after {
    content: "";
    border: 1px solid #7fe2dc;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: auto;
}

.gc-preview-messages .gc-preview-messages-header {
    text-align: center;
}

.gc-preview-messages .gc-preview-messages-header .gc-company-logo {
    max-width: 210px;
    width: 100%;
    height: 70px;
    object-fit: contain;
}

.gc-preview-messages .gc-preview-messages-body {
    display: flex;
    flex-direction: column;
    height: 395px;
    text-align: center;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    max-width: 400px;
    margin: 0 auto;
}

.gc-preview-messages .gc-preview-messages-body .bu-receipt-name {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.gc-preview-messages .gc-preview-messages-body h6 {
    font-family: Recoleta;
    font-size: 22px;
    font-weight: 300;
    line-height: normal;
}

.gc-preview-messages .gc-preview-messages-body .bu-receipt-message-block {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.gc-preview-messages .gc-preview-messages-body .bu-receipt-message-block .bu-receipt-message {
    max-height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
}

.gc-preview-messages .gc-preview-messages-body .bu-receipt-message-block .bu-receipt-message p {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}

.gc-preview-messages .gc-preview-messages-body .bu-receipt-company-name {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.gc-preview-messages .gc-preview-messages-body h6 {
    font-family: Recoleta;
    font-size: 22px;
    font-weight: 300;
    line-height: normal;
}

.ue-unwrapping-parent {
    position: relative;
    width: 100%;
}

.see-your-gift-btn.theme-btn-dark.ue-control {
    position: absolute !important;
    height: auto !important;
    top: 50%;
    transform: translateY(-50%);
    right: -165px !important;
    bottom: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    border-radius: 0;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    padding-left: 30px;
    padding-right: 20px;
}

.see-your-gift-btn.theme-btn-dark.ue-control svg {
    animation: none !important;
    height: 18px;
    width: 18px;
    border-radius: 0;
}

.ue-actionbar.d-flex.d-none {
    display: none !important;
}

svg.logo-white {
    display: none !important;
}

body.recipient-wallet svg.logo-green {
    display: none !important;
}

body.recipient-wallet svg.logo-white {
    display: inline-block !important;
}

.demo-modal .modal-dialog {
    max-width: 610px;
    text-align: center;
    margin-top: 8vh;
}

.demo-modal .modal-dialog .modal-content {
    border-radius: 10px;
    border: 0;
}

.demo-modal .modal-header {
    justify-content: center;
}

.demo-modal .modal-header .close {
    position: absolute;
    opacity: 1 !important;
    right: 15px;
}

.demo-preview-content {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 20px;
    row-gap: 20px;
}

.demo-preview-content p {
    margin-bottom: 0;
}

.modal-backdrop {
    background: rgba(127, 226, 220, 0.9);
}

.modal-backdrop.show {
    opacity: 1;
}

.recipient-wallet-tabs {
    width: 100%;
    height: 100%;
}

.recipient-wallet-tabs .nav-tabs {
    justify-content: center;
    border: 0;
    column-gap: 55px;
    margin-bottom: 30px;
    position: relative;
    z-index: 99;
}

.recipient-wallet-tabs .nav-tabs .nav-link {
    border: 0;
    border-radius: 0;
    color: #1e2437;
    font-size: 18px;
    border-bottom: 2px solid transparent;
    padding: 0 0;
    padding-bottom: 7px;
    padding-top: 7px;
    line-height: 22px;
    position: relative;
    background-color: transparent;
}

.recipient-wallet-tabs .nav-tabs .nav-link.active {
    border-color: #7fe2dc;
}

.recipient-wallet-tabs .nav-tabs .nav-link:not(:first-child)::after {
    content: "";
    background-color: #1e2437;
    height: 26px;
    width: 1px;
    position: absolute;
    left: -28px;
    top: 50%;
    transform: translateY(-50%);
}

button:focus-visible {
    outline: none !important;
}

.recipient-wallet-tabs .carousel-wallet .slide-item {
    width: 424px;
    height: 600px;
}

.tab-content .tab-pane {
    height: 100%;
}

.tab-content .tab-pane .slider-container {
    height: 100%;
}

.ue-gc-slider.carousel-wallet {
    max-width: 848px;
}

.ue-gc-slider.carousel-wallet .carousel-control-next.ue-control {
    opacity: 1;
    right: 170px;
}

.ue-gc-slider.carousel-wallet .carousel-inner {
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.recipient-wallet-tabs {
    height: calc(100vh - 230px);
    height: calc(100dvh - 230px);
}

.recipient-wallet-tabs .tab-content {
    height: calc(100% - 15%);
}

.tab-thankyou-container .thankYou-tab-content {
    margin-top: 70px;
}

.tab-gc-container {
    max-width: 900px;
    margin: 0 auto;
    padding-top: 20px;
}

body.recipient-wallet.thankYouNoteActive .ue-actionbar button.theme-btn-dark.active-thankYouNote {
    display: none !important;
}

body.recipient-wallet.thankYouNoteActive .ue-outer-wrapper {
    overflow: auto;
}

body.recipient-wallet.thankYouNoteActive .recipient-wallet-inner {
    overflow: auto;
}

body.recipient-wallet.thankYouNoteActive .recipient-wallet-tabs {
    position: relative;
    z-index: 999;
    background-color: #fff;
}

body.recipient-wallet.thankYouNoteActive .thankYou-main {
    padding-bottom: 310px;
}

.dropdown.msg-group-dropdown button {
    max-width: 100% !important;
}

body.recipient-wallet.thankYouNoteActive .pulse-button-container.thankYou-btn-anyCard.d-none {
    display: none !important;
}

.modal-backdrop.show {
    z-index: 999999999;
}

div#demoModal {
    z-index: 9999999999;
}

/* CSS Media Queries */


/* Small laptops (1024px � 1366px) */
@media (min-width: 1024px) and (max-width: 1550px) {
    .ue-flex-block {
        transform: scale(.7);
    }

    .recipient-wallet-tabs .tab-content .slider-container {
        transform: scale(.7);
    }

    .recipient-wallet-tabs .tab-content .tab-gc-container {
        transform-origin: top center;
        transform: scale(.7);
    }

    .recipient-wallet-tabs .tab-content .tab-thankyou-container {
        transform-origin: top center;
        transform: scale(.8);
    }

    .ue-gt-logo {
        transform: scale(.8);
        transform-origin: top center;
    }


}


@media screen and (max-width: 991px) {
    .ue-gc-slider {
        max-width: 460px;
    }

    .ue-actionbar {
        top: auto;
        bottom: 30px;
    }

    .ue-actionbar .ue-actionbar-left .theme-btn-dark {
        padding: 10px 20px;
    }

    .ue-zoom .ue-zoom-btn::after {
        display: none;
    }

    .ue-zoom .ue-zoom-btn {
        background: #1e2437;
        width: 38px;
        height: 38px;
        border-radius: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 3px;
        margin-right: 3px;
    }

    .ue-zoom .ue-zoom-btn svg path {
        stroke: #fff;
    }

    .ue-actionbar .ue-actionbar-left {
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px;
    }

    .slider-container {
        display: block;
        overflow-y: auto;
        padding-top: 40px;
        height: auto;
        min-height: 100vh;
        padding-bottom: 260px;
    }

    .slider-container #walletslides {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
    }

    #walletslides .slide {
        position: static;
        width: 100%;
        height: auto;
        flex: none;
        transform: none !important;
        opacity: 1 !important;
    }

    .btn-left,
    .btn-right {
        display: none !important;
    }

    .slider-container::before,
    .slider-container::after {
        display: none;
    }

    .slider-container .slide img {
        width: 480px;
        height: 300px;
    }

    .recipient-wallet .ue-gt-logo {
        position: static;
    }

    .recipient-wallet .ue-gt-logo svg {
        max-width: 154px;
    }

    .recipient-wallet .ue-actionbar {
        top: auto;
        bottom: 110px;
        justify-content: center;
        position: fixed;
        z-index: 99;
    }

    .recipient-wallet .ue-actionbar .theme-btn-dark {
        padding: 12px 38px;
    }

    .recipient-wallet .ue-actionbar .theme-btn-dark svg {
        display: none !important;
    }

    .slider-container .slide.active-expanded {
        padding-top: 20px;
    }

    .back-wallet-btn {
        position: fixed;
        top: 18px;
        left: 15px;
        z-index: 999;
    }

    .wallet-description {
        right: 0;
        transform: none;
        width: 100%;
        left: 0;
        height: auto;
        max-height: max-content;
        max-width: 510px;
        margin-left: auto;
        margin-right: auto;
    }

    .recipient-wallet .ue-outer-wrapper {
        overflow: visible;
    }

    .recipient-wallet-inner {
        overflow: visible;
    }
}

@media screen and (max-width: 768px) {

    .ue-actionbar-left .spend-anycard-btn {
        display: none;
    }

    .recipient-wallet .ue-actionbar-left .spend-anycard-btn {
        display: block;
    }

    .ue-giftcode-block h1,
    .ue-giftcode-block .form-control {
        font-size: clamp(1.5rem, 0.75rem + 6vw, 3rem);
    }

    .ue-recipient-message h2 {
        font-size: clamp(1.5rem, 0.9709rem + 4.2328vw, 3rem);
    }

    .ue-recipient-message h4 {
        font-size: clamp(1.25rem, 0.8973rem + 2.8219vw, 2.25rem);
    }

    .ue-recipient-message p {
        font-size: clamp(0.9375rem, 0.8714rem + 0.5291vw, 1.125rem);
        line-height: 1.6;
    }

    .ue-gt-logo svg {
        max-width: 154px;
    }

    .ue-gt-logo {
        top: 25px;
    }

    .ue-control {
        bottom: auto;
        top: -65px;
        opacity: 1;
    }

    .ue-control svg {
        width: 40px;
        border-radius: 100%;
        height: 40px;
    }

    .ue-control.visible-prev-btn,
    .ue-gc-slider.ue-slider-show .carousel-control-next {
        -webkit-animation: none;
        animation: none;
    }

    .carousel-control-prev.ue-control {
        left: 0;
    }

    .carousel-control-prev.ue-control::after,
    .carousel-control-next.ue-control::before {
        color: #1e2437;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        margin: 0 10px;
    }

    .carousel-control-prev.ue-control::after {
        content: "Previous";
    }

    .carousel-control-next.ue-control {
        right: 0;
    }

    .carousel-control-next.ue-control::before {
        content: "Next";
    }

    .ue-zoom .ue-zoom-btn:hover {
        background-color: #1e2437;
    }

    .ue-actionbar {
        top: auto;
        bottom: 90px;
        padding-left: 15px;
        padding-right: 15px;
        justify-content: center;
    }

    .opacity-set {
        opacity: 0 !important;
    }

    .opacity-one {
        opacity: 1 !important;
    }

    .carousel-count {
        display: block !important;
    }

    .ue-gc-sliderscale {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x pan-y;
        max-width: 100%;
        max-height: 100%;
        scroll-behavior: smooth;
    }

    .ue-gc-sliderscale .carousel.pointer-event {
        -ms-touch-action: unset;
        touch-action: unset;
        transform-origin: left top;
    }

    .ue-actionbar-right {
        background-color: transparent;
        border-radius: 0px;
        border: 0px solid #e9eaeb;
    }

    .ue-zoom::after {
        display: none;
    }

    .slider-container #walletslides {
        width: 100%;
        height: 270px;
        padding-bottom: 0;
        overflow: auto;
        padding-top: 0;
        align-items: center;
        justify-content: center;
    }



    #walletslides .slide {
        display: flex;
        justify-content: center;
    }

    div#walletslides.opened {
        justify-content: flex-start;
    }

    .slider-container .slide img {
        width: 280px;
        height: 175px;
        margin: 0 auto;
    }

    .wallet-footer {
        display: block;
        text-align: center;
    }

    .wallet-footer h5 {
        margin-bottom: 15px;
        font-size: 15px;
    }

    .recipient-wallet .ue-actionbar {
        bottom: 120px;
        z-index: 9999999;
        position: fixed !important;
        margin-bottom: 0;
    }

    .back-wallet-btn span {
        display: none !important;
    }

    .wallet-description {
        top: 310px;
    }

    .slider-container {
        padding-bottom: 0;
        padding-top: 20px;
    }

    .envelope-position {
        transform: translate(45px, -70px);
    }

    .gc-preview-messages {
        padding: 20px;
    }

    .gc-preview-messages:before {
        width: 25px;
        height: 25px;
        bottom: 25px;
    }

    .gc-preview-messages::after {
        width: calc(100% - 15px);
        height: calc(100% - 15px);
    }

    .gc-preview-messages .gc-preview-messages-body {
        height: calc(100% - 80px);
        max-width: 100%;
        padding: 0;
        transform: none;
        position: static;
        margin-top: 10px;
    }

    .gc-preview-messages .gc-preview-messages-body h6 {
        font-size: 16px;
        margin: 0;
    }

    .gc-preview-messages .gc-preview-messages-body .bu-receipt-message-block .bu-receipt-message p {
        font-size: 14px;
    }

    .gc-static-right button.theme-btn-dark span {
        display: none;
    }

    .gc-static-right button.theme-btn-dark {
        right: 0 !important;
        top: -28px !important;
        bottom: 16px !important;
        bottom: auto !important;
        background-color: transparent;
        padding: 0 !important;
        overflow: visible !important;
    }

    .gc-static-right button.theme-btn-dark svg {
        width: 34px !important;
        height: 34px !important;
        transition: none !important;
        transform: none !important;
    }

    .gc-static-right button.theme-btn-dark::before {
        content: "Your gift";
        position: absolute;
        right: 45px;
        top: 50%;
        transform: translateY(-50%);
        font-weight: 500;
        opacity: 1;
        left: auto;
        background-color: transparent;
        bottom: auto;
        color: #1e2437;
        display: block;
        width: max-content;
        font-size: 16px;
    }

    .recipient-wallet-inner {
        padding: 0;
    }

    .recipient-wallet-tabs .nav-tabs {
        margin-bottom: 10px;
        padding: 10px 0;
    }

    .recipient-wallet .modal.show .modal-dialog {
        transform: scale(0.95);
    }

    .recipient-wallet-tabs .nav-tabs .nav-link {
        font-size: 16px;
    }

    .recipient-wallet-tabs {
        height: 100%;
        height: 100%;
    }

    .wallet-footer {
        z-index: 9999999;
    }

    .wallet-footer::before {
        content: "";
        background: linear-gradient(360deg, #fff 60.12%, rgba(255, 255, 255, 0) 100%);
        position: absolute;
        width: 100%;
        height: 130%;
        bottom: 99%;
        left: 0;
        right: 0;
        z-index: 999999;
    }

    .tab-content .tab-pane .slider-container.opened {
        height: calc(100% - 56px);
        min-height: auto;
        padding-bottom: 0;
    }

    .tab-content .tab-pane .slider-container.opened #walletslides {
        justify-content: center;
        padding: 0;
        height: calc(100% - 30px);
    }

    .tab-content .tab-pane .slider-container {
        height: 100%;
        padding-top: 0;
        transform: scale(1) !important;
    }

    .tab-content .tab-pane .slider-container.hide-shadow.desc-open {
        height: 100%;
        min-height: 100%;
        padding-bottom: 0;
        overflow: auto;
    }

    .wallet-description-block {
        padding-bottom: 380px;
    }

    .recipient-wallet-tabs .slide .pulse-button-container.spend-anycard-btn,
    .recipient-wallet-tabs .slide.active.active-expanded .pulse-button-container.thankYou-btn-anyCard.d-none {
        display: none !important;
    }

    .slider-container .slide.active.active-expanded.active-expanded img {
        width: 280px !important;
        height: 175px !important;
    }

    .wallet-description {
        top: 290px;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 0;
    }

    .tab-gc-container {
        max-width: 400px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 65px;
    }

    .ue-unwrapping-parent {
        position: relative;
        width: max-content;
    }

    .tab-gc-container .gc-static-right {
        box-shadow: 0 0 43.295px 0 rgba(0, 0, 0, 0.2);
    }

    .tab-gc-container .gc-static-left {
        height: 100% !important;
    }

    .tab-gc-container button.gc-nav {
        top: -25px;
    }

    .tab-gc-container button.gc-nav.gc-nav-right {
        right: 0;
    }

    .tab-gc-container button.gc-nav.gc-nav-left {
        left: 0;
    }

    .tab-gc-container button.gc-nav.gc-nav-left svg {
        transform: rotate(180deg) !important;
    }

    .tab-gc-container button.gc-nav.gc-nav-right::before {
        content: "Next";
        position: absolute;
        right: 40px;
        top: 50%;
        transform: translateY(-50%);
        font-weight: 500;
        opacity: 1;
        left: auto;
        background-color: transparent;
        bottom: auto;
        color: #1e2437;
        display: block;
        width: max-content;
        font-size: 15px;
    }

    .tab-gc-container button.gc-nav.gc-nav-left::before {
        content: "Previous";
        position: absolute;
        left: 40px;
        top: 50%;
        transform: translateY(-50%);
        font-weight: 500;
        opacity: 1;
        right: auto;
        background-color: transparent;
        bottom: auto;
        color: #1e2437;
        display: block;
        width: max-content;
        font-size: 15px;
    }

    .gc-preview-messages .gc-preview-messages-header .gc-company-logo {
        height: 40px;
    }

    .tab-gc-container button.gc-nav svg {
        width: 30px;
        height: 30px;
        box-shadow: none !important;
        transform: none !important;
    }

    .ue-inner-wrapper {
        min-height: calc(100dvh - 120px);
        padding-top: 0;
        padding-bottom: 0;
    }

    button.ue-skip-unwrapping {
        position: static;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .ue-actionbar {
        position: static !important;
        margin-bottom: 15px;
    }

    .ue-gt-logo {
        position: static;
        padding: 15px;
    }

    .ue-actionbar .ue-actionbar-left .theme-btn-dark {
        padding: 8px 20px;
        transform: none !important;
        box-shadow: none !important;
        height: auto;
    }

    .ue-actionbar .ue-actionbar-left .theme-btn-dark::before,
    .ue-actionbar .ue-actionbar-left .theme-btn-dark::before {
        display: none !important;
    }

    .recipient-wallet-inner-wrapper {
        align-items: self-start;
    }

    body.recipient-wallet {
        overflow: hidden;
    }

    body.recipient-wallet.groupcardActive .wallet-footer {
        display: none !important;
    }

    body.recipient-wallet.groupcardActive .ue-actionbar,
    body.recipient-wallet.thankYouNoteTabActive .ue-actionbar {
        display: none !important;
    }

    .wallet-footer {
        padding: 12px 10px;
    }

    .wallet-footer .theme-btn-lite {
        padding: 8px 10px;
    }

    body.recipient-wallet.groupcardActive button#close-description {
        display: none !important;
    }



    .tab-content .tab-pane {
        height: 100%;
    }


    .recipient-wallet-tabs .tab-content {
        height: calc(100vh - 222px);
    }

    .ue-gc-static-wrapper {
        top: 6px;
        position: relative;
    }

    .ue-unwrapping-parent .ue-gc-static-wrapper.after-animation-bulkcard .gc-static button.gc-nav {
        top: -45px !important;
        transform: none;
        left: 0;
    }

    .ue-unwrapping-parent .ue-gc-static-wrapper.after-animation-bulkcard .gc-static .gc-static-right button.gc-nav.gc-nav-left::before {
        content: "Previous";
        position: absolute;
        left: 42px;
        top: 50%;
        transform: translateY(-50%);
        font-weight: 500;
        opacity: 1;
        right: auto;
        background-color: transparent;
        bottom: auto;
        color: #1e2437;
        display: block;
        width: max-content;
        font-size: 16px;
    }


    .ue-unwrapping-parent .ue-gc-static-wrapper.after-animation-bulkcard .gc-static .gc-static-right button.gc-nav svg {
        width: 34px !important;
        height: 34px !important;
        transition: none !important;
        transform: rotate(180deg) !important;
        box-shadow: none !important;
    }

    .ue-unwrapping-parent .ue-gc-static-wrapper.after-animation-bulkcard .gc-static button.gc-nav.gc-nav-right {
        top: -45px !important;
        transform: none;
        left: auto;
        right: 0;
    }

    .ue-unwrapping-parent .ue-gc-static-wrapper.after-animation-bulkcard .gc-static button.gc-nav.gc-nav-right::before {
        content: "Next";
        position: absolute;
        right: 42px;
        top: 50%;
        transform: translateY(-50%);
        font-weight: 500;
        opacity: 1;
        left: auto;
        background-color: transparent;
        bottom: auto;
        color: #1e2437;
        display: block;
        width: max-content;
        font-size: 16px;
    }


    .ue-unwrapping-parent .ue-gc-static-wrapper.after-animation-bulkcard .gc-static button.gc-nav.gc-nav-right svg {
        width: 34px !important;
        height: 34px !important;
        transition: none !important;
        box-shadow: none !important;
    }


    .ue-unwrapping-parent .ue-gc-static-wrapper.after-animation-bulkcard .gc-static .gc-static-left {
        height: 100% !important;
    }

    .ue-flex-block {
        transform: scale(.85) !important;
    }

    .slide.active-expanded .pulse-button-container.thankYou-btn-anyCard.d-none {
        display: none !important;
    }




}

@media screen and (max-width: 500px) {
    .ue-skip-unwrapping svg {
        display: none;
    }

    .ue-actionbar .theme-btn-dark svg {
        display: none;
    }

    .ue-zoom-dropdown {
        display: none;
    }

    .see-your-gift-btn.theme-btn-dark.ue-control {
        top: -65px;
        transform: none;
        right: 0 !important;
        padding-left: 18px;
        padding-right: 15px;
        border-radius: 30px;
    }

    .recipient-wallet-tabs {
        transform: scale(1) !important;
        position: relative;
        z-index: 9999999;
        background-color: transparent;
    }

    .ue-actionbar.d-flex.demo-actionbar {
        display: none !important;
    }

    .recipient-wallet-tabs .slide .spend-anycard-btn {
        display: block !important;
        max-width: 160px;
        margin: 0 auto;
        margin-top: 20px;
        transform: scale(0.8);
    }

    .recipient-wallet-tabs .slide.active-expanded .spend-anycard-btn {
        display: none !important;
    }

    .recipient-wallet-tabs .slide.active-expanded .thankYou-btn-anyCard.d-none {
        display: block !important;
        max-width: 200px;
        margin: 0 auto;
        margin-top: 20px;
        transform: scale(0.8);
    }

    .demo-tabs-wallet button#nav-wallet-groupcard-tab {
        display: none !important;
    }

    .demo-tabs-wallet .nav-tabs .nav-link:not(:last-child)::after {
        display: none;
    }

    .ue-open-gc-btn {
        position: absolute;
        left: -15px !important;
        top: 0px !important;
    }

    button.ue-open-gc-btn svg {
        width: 45px !important;
        height: 45px !important;
        transition: none !important;
        transform: none !important;
    }

    .ue-open-gc-btn::before {
        content: "Next";
        position: absolute;
        right: 60px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 22px;
        font-weight: 500;
    }

    .gc-static {
        height: 100%;
    }

    .slide.active-expanded .pulse-button-container.thankYou-btn-anyCard.d-none {
        display: none !important;
    }
}