.sweet-alert {
    border-radius: 1.80rem;
    max-width: 350px;
    overflow: visible;
}

.sweet-alert h2 {
    transform: translateY(-50%) !important;
    margin: 0px 0px;
}

.sweet-alert p {
    transform: translateY(-50%) !important;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    color: black;
    font-size: 36px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    line-height: 18px !important;
    padding: 0;
    line-height: 40px;
    display: block;
    height: auto;
}

.sa-custom {
    transform: translateY(-50%) !important;
    width: 130px !important;
    height: 130px !important;
    background-size: auto 105px !important;
    margin: 0px auto !important;
    background-color: white;
    border-radius: 50% !important;
}

.sweet-alert-element {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 6.12'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23linear-gradient);%7D.cls-2%7Bfill:url(%23linear-gradient-2);%7D%3C/style%3E%3ClinearGradient id='linear-gradient' y1='0.73' x2='100' y2='0.73' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffe400'/%3E%3Cstop offset='1' stop-color='%23ffc00e'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-2' x1='12.86' y1='5.39' x2='87.14' y2='5.39' xlink:href='%23linear-gradient'/%3E%3C/defs%3E%3Ctitle%3EPop UP element%3C/title%3E%3Crect class='cls-1' width='100' height='1.45'/%3E%3Crect class='cls-2' x='12.86' y='4.67' width='74.28' height='1.45'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: auto 9px;
    background-position: center;
    margin: 8px 0px;
    min-height: 12px;
    height: auto;
}

.sweet-alert-fail {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 89.75 85.41'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ec1c24;%7D.cls-2%7Bfill:%23fff;%7D.cls-3%7Bfill:%23b3b2b3;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EPop UP element%3C/title%3E%3Ccircle class='cls-1' cx='45.45' cy='44.77' r='33.98'/%3E%3Cpath class='cls-2' d='M31.31,64l-4.41-4.4a3.31,3.31,0,0,1-.3-4.61l9.83-9.83-9.78-9.78a3.26,3.26,0,0,1,.31-4.6l4.4-4.4A3.26,3.26,0,0,1,36,26l9.77,9.77L55.57,26a3.31,3.31,0,0,1,4.61.3l4.4,4.41a3.33,3.33,0,0,1,.36,4.65l-9.83,9.83,9.78,9.78a3.27,3.27,0,0,1-.31,4.61L60.18,64a3.28,3.28,0,0,1-4.61.31l-9.78-9.78L36,64.31A3.35,3.35,0,0,1,31.31,64Z'/%3E%3Ccircle class='cls-1' cx='73.42' cy='74.23' r='3.86'/%3E%3Ccircle class='cls-3' cx='70.55' cy='81.58' r='1.25'/%3E%3Ccircle class='cls-3' cx='79.97' cy='76.87' r='1.99'/%3E%3Ccircle class='cls-1' cx='26.49' cy='3.62' r='3.29'/%3E%3Ccircle class='cls-1' cx='15.76' cy='76.68' r='2.32'/%3E%3Ccircle class='cls-3' cx='20.98' cy='1.43' r='1.43'/%3E%3Ccircle class='cls-3' cx='67.82' cy='12.29' r='1.99'/%3E%3Ccircle class='cls-3' cx='85.49' cy='20.47' r='1.37'/%3E%3Ccircle class='cls-3' cx='13.14' cy='15' r='1.53'/%3E%3Ccircle class='cls-3' cx='88.22' cy='45.81' r='1.53'/%3E%3Ccircle class='cls-3' cx='1.53' cy='38.74' r='1.53'/%3E%3Ccircle class='cls-1' cx='87.92' cy='42.21' r='0.76'/%3E%3Ccircle class='cls-1' cx='3.05' cy='43.51' r='0.76'/%3E%3Ccircle class='cls-3' cx='44.32' cy='83.42' r='1.99'/%3E%3Ccircle class='cls-1' cx='61.66' cy='3.44' r='1.99'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: auto 120px;
    background-position: center;
    min-height: 128px;
    height: auto;
    animation-name: sweet-alert;
    animation-duration: 1.1s;
}

.sweet-alert-success {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 89.75 85.41'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bisolation:isolate;%7D.cls-2%7Bfill:%2341ac49;%7D.cls-3%7Bfill:%23fff;%7D.cls-4%7Bmix-blend-mode:multiply;%7D.cls-5%7Bfill:%23b3b2b3;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EPop UP element%3C/title%3E%3Cg class='cls-1'%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Ccircle class='cls-2' cx='45.46' cy='44.8' r='34.57'/%3E%3Cpath class='cls-3' d='M28,42a2.74,2.74,0,0,1,2.18.91c2.87,2.88,5.74,5.74,8.59,8.63.37.38.56.43,1,0q9.84-9.9,19.71-19.75a3,3,0,0,1,4.67,0l4,4a3,3,0,0,1,0,4.37L41.39,66.8a3,3,0,0,1-4.33,0L21.68,51.4a3,3,0,0,1,0-4.37c1.37-1.39,2.76-2.77,4.15-4.15A2.76,2.76,0,0,1,28,42Z'/%3E%3Cg class='cls-4'%3E%3Ccircle class='cls-2' cx='76.95' cy='13.66' r='3.93'/%3E%3C/g%3E%3Ccircle class='cls-5' cx='84.43' cy='16.59' r='1.27'/%3E%3Ccircle class='cls-5' cx='79.63' cy='7' r='2.02'/%3E%3Cg class='cls-4'%3E%3Ccircle class='cls-2' cx='3.68' cy='61.41' r='3.35'/%3E%3C/g%3E%3Cg class='cls-4'%3E%3Ccircle class='cls-2' cx='79.44' cy='72.32' r='2.36'/%3E%3C/g%3E%3Ccircle class='cls-5' cx='1.45' cy='67.02' r='1.45'/%3E%3Ccircle class='cls-5' cx='13.93' cy='19.36' r='2.02'/%3E%3Ccircle class='cls-5' cx='22.25' cy='1.39' r='1.39'/%3E%3Ccircle class='cls-5' cx='16.69' cy='75' r='1.55'/%3E%3Ccircle class='cls-5' cx='48.03' cy='6.7' r='1.55'/%3E%3Ccircle class='cls-5' cx='40.85' cy='83.86' r='1.55'/%3E%3Ccircle class='cls-2' cx='44.37' cy='7' r='0.78'/%3E%3Ccircle class='cls-2' cx='45.7' cy='82.3' r='0.78'/%3E%3Ccircle class='cls-5' cx='87.73' cy='43.27' r='2.02'/%3E%3Ccircle class='cls-2' cx='4.93' cy='25.62' r='2.02'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: auto 120px;
    background-position: center;
    min-height: 128px;
    height: auto;
    animation-name: sweet-alert;
    animation-duration: 1.1s;
}

.sweet-alert-images{
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(33%) !important;
    border-radius: 1rem;
    min-height: 128px;
    height: auto;
}

.referral-notice-message {
    display: flex !important;
    align-items: center !important;
    color: black !important;
    background: rgb(255, 193, 0);
    justify-content: center !important;
    border: 3px solid black;
    border-radius: 1rem;
    padding: 10px !important;
    line-height: 1em !important;
    transform: translateY(0%) !important;
    font-size: 0.8em !important;
}

@keyframes sweet-alert {
    0% {
        transform: scale(1.1)
    }

    25% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}


.sa-confirm-button-container .confirm {
    background-image: linear-gradient(to left, rgb(255, 193, 0), rgb(255, 229, 0));
    color: black;
    font-size: 18px;
    padding: 6px 50px;
    margin: 0px 0px 0px 0px;
    border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    font-weight: 700;
}

.sweet-alert-message {
    font-size: 18px;
}
@media only screen and (max-width: 480px) {
    .sweet-alert p {
        font-size: 28px;
    }

    .sa-confirm-button-container .confirm {
        font-size: 16px;
    }
}

@media only screen and (max-width: 320px) {
    .sweet-alert p {
        font-size: 28px;
    }

    .sa-confirm-button-container .confirm {
        font-size: 16px;
    }
}