.signup{
    position: relative;
    background-color: var(--color-white);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 2;
}
.signup-body{
    position: relative;
    z-index: 2;
}

.left-leaf,.right-leaf{
    content: "";
    display: block;
    position: absolute;
    width: 300px;
    height: 300px;
    top: 20%;
    right: calc(100% - 140px);
}
.right-leaf{
    top: 30%;
    right: unset;
    left: calc(100% - 70px);
}
.left-leaf svg{
    width: 70%;
}
.right-leaf svg{
    width: 40%;
}
.left-leaf .st0{
    fill: var(--color-register-main) !important;
}
.left-leaf .st1{
    fill: var(--color-dark-gray);
}
.st1{
    fill: var(--color-main-gray);
}
.right-leaf .st0{
    fill: var(--color-lighter-gray) !important;
}
.swal-footer::after{
    content: '';
    display: block;
    clear: both;
}
.swal-button-container{
    float: left;
}
.swal-button,.swal-button:hover,.swal-button:focus{
    background-color: var(--color-gray) !important;
}

@media only screen and (max-width: 768px){
    svg{
        display: none;
    }
}