body {
    background-color: #fffbf7;
}

h1,
h2,
h3,
h4,
h5,
.btn {
    font-family: "Figtree", sans-serif;
    font-weight: 700;
}

p {
    font-family: "Figtree", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
p {
    color: #333;
}

.splash-ctn {
    height: 100dvh;
    /* width: 100dvw; */
    position: absolute;
    left: 0;
    top: 0;
    /* background-color: rgb(243, 243, 243); */
    background-image: url("img/splash.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* z-index:-1; */
}

.btn-primary {
    background-color: #ff9d00;
    border-color: #ff9d00;
}

#ios-btn-guide {
    color: #ff9d00;
    border: 0;
    font-size: 14px;
}

#ios-btn-guide:hover {
    color: white;
    background-color: #ff9d00;
    /* border-color: #ff9d00; */
}

.btn-primary:hover,
.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle,
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
    background-color: #f08710;
    border-color: #f08710;
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
    background-color: #f08710;
    border-color: #f08710;
    box-shadow: 0 0 0 0.25rem rgba(253, 161, 49, 0.5);
}

.splash-text {
    height: 60%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%);
    /* background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgb(0, 0, 0) 75%); */
}
/* .splash-img {
    width: 100%;
    height: auto;
} */

#install-button {
    /* display: none; */
}

.landing-ctn {
    height: calc(100dvh - 80px - 54px);
    overflow-y: auto;
    /* background-color: grey; */
}

.slider-img {
    object-fit: cover;
    background-color: white;
    /* border-radius: 16px; */
}

.navbar-btm {
    background-color: #fffafa;
}
.navbar-btm .navbar-nav > .nav-item {
    width: calc(100% / 4);
}

.navbar-btm .navbar-nav > .nav-item .nav-link {
    width: 100%;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    font-weight: 700;
    color: #ff9d00;
}

.navbar-whatsapp {
    opacity: 0.65;
    width: 24px;
    height: 24px;
}

.ratio-3x4 {
    --bs-aspect-ratio: calc(4 / 3 * 100%);
}

.slider-indicators > * {
    background-color: #ff9d00;
}

.virtural-logo {
    width: 120px;
}

/* slider nav arrow */
.slider-nav {
    opacity: 1;
}

.slider-nav-round .slider-nav::after,
.slider-nav-square .slider-nav::after {
    height: 2rem;
    width: 2rem;
    margin: 0.5rem;
}

.slider-nav::after,
.slider-nav::before {
    width: 3rem;
    height: 3rem;
}

.ios-guide img {
    margin: 0 0.25rem;
    width: 45%;
}

.ios-guide img ~ img {
    float: right;
}

/* Disable double tap zoom on the entire PWA */
html {
    touch-action: manipulation;
}

/* form control lg  */
.form-control-lg,
.form-select-lg {
    font-size: 1rem;
    padding: 0.75rem 1rem;
}

.promotion a {
    color: #333;
    text-decoration: none;
}

.error-ctn {
    height: calc(100dvh - 80px);
}

.error-icon {
    font-size: 8rem;
}

/* landing qr download prompt */
.qr-wrapper {
    max-width: 400px;
    top: 20%;
    position: absolute;
}