@media (min-width: 992px) {
    .rounded-pill-lg-start {
        border-top-left-radius: 50rem !important;
        border-bottom-left-radius: 50rem !important;
    }

    .rounded-pill-lg-end {
        border-top-right-radius: 50rem !important;
        border-bottom-right-radius: 50rem !important;
    }
}

.form-trans {
    width: 100%;
    background-color: transparent;
    border: 0;
    box-shadow: none;
}

    .form-trans:focus {
        background-color: transparent;
        border: 0;
        box-shadow: none;
        outline: none;
    }

    .form-trans::placeholder {
        color: var(--bs-secondary-color);
        opacity: 1;
    }

/* btn-purple */
.btn-purple {
    --bs-btn-color: #fff;
    --bs-btn-bg: #7a3cff;
    --bs-btn-border-color: #7a3cff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6a34db;
    --bs-btn-hover-border-color: #6a34db;
    --bs-btn-focus-shadow-rgb: 122,60,255;
    --bs-btn-active-bg: #5c2fc0;
    --bs-btn-active-border-color: #5c2fc0;
}
.btn-outline-purple {
    --bs-btn-color: #7a3cff;
    --bs-btn-border-color: #7a3cff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7a3cff;
    --bs-btn-hover-border-color: #7a3cff;
    --bs-btn-focus-shadow-rgb: 122,60,255;
}

/* btn-cyan */
.btn-cyan {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00b3a4;
    --bs-btn-border-color: #00b3a4;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #009e91;
    --bs-btn-hover-border-color: #009e91;
    --bs-btn-focus-shadow-rgb: 0,179,164;
    --bs-btn-active-bg: #00897e;
    --bs-btn-active-border-color: #00897e;
}

.btn-outline-cyan {
    --bs-btn-color: #00b3a4;
    --bs-btn-border-color: #00b3a4;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00b3a4;
    --bs-btn-hover-border-color: #00b3a4;
    --bs-btn-focus-shadow-rgb: 0,179,164;
}

/* btn-orange */
.btn-orange {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ff7a00;
    --bs-btn-border-color: #ff7a00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e66d00;
    --bs-btn-hover-border-color: #e66d00;
    --bs-btn-focus-shadow-rgb: 255,122,0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #cc6100;
    --bs-btn-active-border-color: #cc6100;
}
.btn-outline-orange {
    --bs-btn-color: #ff7a00;
    --bs-btn-border-color: #ff7a00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff7a00;
    --bs-btn-hover-border-color: #ff7a00;
    --bs-btn-focus-shadow-rgb: 255,122,0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e66d00;
    --bs-btn-active-border-color: #e66d00;
}