.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-warning {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 89.8 85.4' style='enable-background:new 0 0 89.8 85.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FBB03B;%7D .st1%7Bfill:%23B3B2B3;%7D .st2%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Ctitle%3EPop UP element%3C/title%3E%3Cg%3E%3Cg id='Layer_1_1_'%3E%3Ccircle class='st0' cx='45.5' cy='44.8' r='34.6'/%3E%3Cg%3E%3Ccircle class='st0' cx='76.9' cy='13.7' r='3.9'/%3E%3C/g%3E%3Ccircle class='st1' cx='84.4' cy='16.6' r='1.3'/%3E%3Ccircle class='st1' cx='79.6' cy='7' r='2'/%3E%3Cg%3E%3Ccircle class='st0' cx='3.7' cy='61.4' r='3.4'/%3E%3C/g%3E%3Cg%3E%3Ccircle class='st0' cx='79.4' cy='72.3' r='2.4'/%3E%3C/g%3E%3Ccircle class='st1' cx='1.5' cy='67' r='1.4'/%3E%3Ccircle class='st1' cx='13.9' cy='19.4' r='2'/%3E%3Ccircle class='st1' cx='22.3' cy='1.4' r='1.4'/%3E%3Ccircle class='st1' cx='16.7' cy='75' r='1.6'/%3E%3Ccircle class='st1' cx='48' cy='6.7' r='1.5'/%3E%3Ccircle class='st1' cx='40.8' cy='83.9' r='1.6'/%3E%3Ccircle class='st0' cx='44.4' cy='7' r='0.8'/%3E%3Ccircle class='st0' cx='45.7' cy='82.3' r='0.8'/%3E%3Ccircle class='st1' cx='87.7' cy='43.3' r='2'/%3E%3Ccircle class='st0' cx='4.9' cy='25.6' r='2'/%3E%3Cg%3E%3Cpath class='st2' d='M33.2,68.1c-0.2-0.2-0.5-0.2-0.7-0.3c-1-0.6-1.5-1.4-1.5-2.6c0-1.2,0.6-2,1.6-2.5c0.3-0.1,0.3-0.3,0.3-0.6 c0-2.2,0-4.3,0-6.5c0-2.9,1-5.4,3.3-7.3c1.2-1.1,2.4-2.1,3.7-3.2c0.3-0.3,0.2-0.4,0-0.6c-1.4-1.2-2.8-2.4-4.1-3.6 c-1.9-1.8-2.8-4-2.8-6.6c0-2.2,0-4.5,0-6.7c0-0.3-0.1-0.4-0.3-0.5c-1.2-0.6-1.8-1.8-1.6-3c0.2-1.3,1.2-2.2,2.5-2.4 c0.2,0,0.4,0,0.6,0c7.6,0,15.2,0,22.9,0c1.5,0,2.6,0.7,3,2c0.4,1.4-0.1,2.8-1.5,3.5c-0.3,0.1-0.3,0.3-0.3,0.5c0,2.2,0,4.5,0,6.7 c0,2.3-0.7,4.4-2.3,6.1c-1,1.1-2.2,2-3.4,3c-0.5,0.4-0.9,0.8-1.4,1.2c-0.2,0.2-0.2,0.3,0,0.4c1.3,1.1,2.6,2.3,3.9,3.4 c2.1,1.9,3.2,4.2,3.2,7c0,2.2,0,4.4,0,6.6c0,0.3,0.1,0.4,0.3,0.6c1.1,0.5,1.7,1.7,1.6,2.9c-0.2,1.3-1,2.2-2.3,2.5 c0,0-0.1,0.1-0.1,0.1C49.4,68.1,41.3,68.1,33.2,68.1z M45.5,62.3c3.4,0,6.8,0,10.3,0c0.3,0,0.4-0.1,0.4-0.4c0-2.2,0-4.4,0-6.5 c0-2.2-0.8-4-2.5-5.5c-1.6-1.4-3.1-2.7-4.7-4.1c-0.8-0.7-0.8-1.2,0-1.9c1.6-1.4,3.1-2.7,4.7-4.1c1.6-1.4,2.4-3.1,2.5-5.2 c0-2.3,0-4.6,0-7c0-0.3-0.1-0.3-0.4-0.3c-6.9,0-13.8,0-20.6,0c-0.3,0-0.4,0.1-0.3,0.3c0,2.2,0,4.5,0,6.7c0,2.2,0.9,3.9,2.5,5.3 c1.6,1.4,3.1,2.7,4.7,4.1c0.8,0.7,0.8,1.2,0,1.9c-1.6,1.4-3.1,2.7-4.7,4.1c-1.7,1.4-2.5,3.3-2.5,5.5c0,2.2,0,4.3,0,6.5 c0,0.4,0.1,0.4,0.4,0.4C38.6,62.2,42.1,62.3,45.5,62.3z'/%3E%3Cpath class='st2' d='M45.5,60.3c-2.5,0-5,0-7.5,0c-0.3,0-0.6,0-0.8-0.2c-0.5-0.3-0.6-1-0.1-1.5c1.2-1.5,2.3-2.9,3.5-4.4 c1.3-1.6,2.6-3.3,3.9-4.9c0.6-0.8,1.3-0.8,1.9,0c2.5,3.1,5,6.2,7.4,9.3c0.4,0.5,0.4,0.9,0.2,1.3c-0.3,0.4-0.6,0.5-1.1,0.5 C50.5,60.3,48,60.3,45.5,60.3z'/%3E%3Cpath class='st2' d='M45.5,37c1.2,0,2.5,0,3.7,0c0.5,0,0.9,0.1,1.1,0.6c0.2,0.5,0,0.8-0.3,1.2c-1.2,1.2-2.4,2.4-3.6,3.6 c-0.6,0.6-1.1,0.6-1.7,0c-1.2-1.2-2.4-2.4-3.6-3.6c-0.3-0.3-0.5-0.7-0.3-1.2c0.2-0.4,0.6-0.6,1-0.6C43,37.1,44.2,37,45.5,37z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    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;
    }
}