.bg-navbar {
    background-color: #91e6f1;
    color: #66798b;
    font-weight: 700;
    text-shadow: 2px 2px 3px rgba(124, 154, 156, .18);
    transition: all .5s ease;
}

.bg-header {
    background-color: #f7fcfd !important;
}

.bg-body {
    background-image: url('../img/bg-img.jpg');
    background-size: cover;
    min-width: 100%;
    min-height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0; 
    left: 0; 
}

.pagination {
    display: inline-flex !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f7fcfd !important;
}

.bg-btn {
    background: linear-gradient(341.28deg, #C24C76 0, #E85D74 100%);
}

.bg-blue {
    background-color: #68cce2;
}

.text-white {
    color: white !important;
}

.StripeElement {
    display: block;
    width: 100%;
    height: calc(1.6em + 0.75rem + 2px);
    padding: 0.55rem 0.75rem;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;
    /* color: #495057; */
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.StripeElement--focus {
    /* color: #495057; */
    border-color: #a1cbef;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25);
}

.StripeElement--invalid {
    border-color: #fa755a !important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(250, 117, 90, 0.25);
}

.w-5 {
    width: 5% !important;
}

.logo-one {
    max-width: 125px !important;
}
.logo-two {
    max-width: 40px !important;
}