.btn-purple{
    --bs-btn-color:#fff;
    --bs-btn-bg:purple;
    --bs-btn-hover-color:#fff;
    --bs-btn-hover-bg: purple;
    --bs-btn-focus-shadow-rgb:60,153,110;
    --bs-btn-active-color:#fff;
    --bs-btn-active-bg:purple;
    --bs-btn-active-border-color: purple;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    padding: 20px 50px 20px 50px;
    font-weight: bold;
    cursor: pointer;
}

.btn-green{
    --bs-btn-color:#fff;
    --bs-btn-bg:green;
    --bs-btn-hover-color:#fff;
    --bs-btn-hover-bg: green;
    --bs-btn-focus-shadow-rgb:60,153,110;
    --bs-btn-active-color:#fff;
    --bs-btn-active-bg:green;
    --bs-btn-active-border-color: green;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    padding: 20px 50px 20px 50px;
    font-weight: bold;
    cursor: pointer;
}

.btn-orange{
    --bs-btn-color:#fff;
    --bs-btn-bg:#F86308;
    --bs-btn-hover-color:#fff;
    --bs-btn-hover-bg: #F86308;
    --bs-btn-focus-shadow-rgb:60,153,110;
    --bs-btn-active-color:#fff;
    --bs-btn-active-bg:#F86308;
    --bs-btn-active-border-color: #F86308;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    padding: 20px 50px 20px 50px;
    font-weight: bold;
    cursor: pointer;
}
.page-1{
    background-color: white;
    background-size: 100%;
    background-repeat: no-repeat;
}
.page-2{
    background-color: white;
    background-size: 100%;
    /* background-repeat: no-repeat; */
}