@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Noto+Sans+Tagalog&family=Roboto+Slab:wght@398&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


html {
    scroll-behavior: smooth;
}

/* body {
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    background-color: #F7F7F7 !important;

} */


body {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-size: 15px;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
    background-color: #F7F7F7 !important;
}

*:focus {
    box-shadow: none !important;
    /* border-color: #151515 !important; */

}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: white !important;
    background-color: #AF8F6F !important;
}

.nav-link {
    color: black !important;
}


.checkout-bg {
    background-color: #AD8B73 !important;
    color: white !important;
}


#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.alert {
    border: 0 !important;
}

#loader img {
    width: 13vh;
    margin-bottom: 20px;
}

.card-hover:hover {
    background-color: #f6f6f6 !important;
    cursor: pointer;
}

.truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}



.header-text {
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-style: normal;
}


.bg-main {
    background-color: #F7F7F7 !important;
}

.bg-secondary {
    background-color: #303030 !important;
}

.bg-theme {
    background-color: #af8f6f15 !important;
}


.navbar-bg {
    /* background-color: #AF8F6F !important; */
    background-color: #ffffff !important;
}

.text-primary {
    color: #AF8F6F !important;
}

.bg-main-2 {
    background-color: #fff5ead2 !important;
}

.bg-main-3 {
    background-color: #af8f6f1c !important;
}

.border-main {
    border-color: #AF8F6F !important;
}

.btn-bg {
    background-color: #AF8F6F !important;
}

.flower-card {
    width: 5vh;
}

.main {
    flex: 1;
}


.bg-footer {
    background-color: #ab9572 !important;
}

.flower {
    width: 180px;
    rotate: -30deg;
    top: 130px;
    right: -30px;
}


.main-img {
    height: 450px;
}

@media screen and (min-width: 1400px) {
    .main-img {
        height: 55vh;
    }
}

@media screen and (max-width: 1399px) {
    .main-img {
        height: 50vh;
    }
}

@media screen and (max-width: 1199px) {
    .main-img {
        height: 40vh;
    }
}

@media screen and (max-width: 991px) {
    .main-img {
        height: 40vh;
    }
}

@media screen and (max-width: 767px) {
    .main-img {
        height: 30vh;
    }
}

@media screen and (max-width: 575px) {
    .main-img {
        height: 30vh;
    }
}

@media screen and (max-width: 574px) {
    .main-img {
        height: 30vh;
    }
}

.payment-methods {
    width: 10vh;
    filter: grayscale(100%);
    opacity: 0.3;
}