.pretty input:checked~.state.p-success label:after, .pretty.p-toggle .state.p-success label:after{
    background-color: var(--color-white) !important;
    border:solid 1px var(--color-register-main);
}

.rtl .pretty.p-curve .state label:after, .rtl .pretty.p-curve .state label:before{
    right: 0;
}
.rtl .pretty.p-svg .state .svg{
    right: 0;
}
.ltr .form-control::placeholder,.ltr.form-control::placeholder{
    direction: ltr;
}

.signup{
    position: relative;
    background-color: var(--color-white);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    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%;
}
.st0{
    fill: var(--color-lighter-gray) !important;
}
.st1{
    fill: var(--color-main-gray);
}
.bottom-leaf{
    position: absolute;
    width: 140%;
    left: -20%;
    bottom: -20px;
}
.bottom-leaf .st0{
    fill:#263238;
}
.bottom-leaf .st1{
    fill:#E7515B;
}
.bottom-leaf .st2{
    opacity:0.3;
}
@media only screen and (max-width: 768px){
    svg{
        display: none;
    }
}