html, body {
    font-family: 'Prompt', sans-serif;
    color: #444;
    scroll-behavior: smooth;
}

.temp-3-top-navbar {
    font-size: 1.156rem;
    font-weight: bold;
}

.temp-3-top-navbar-border {
    border-radius: unset!important;
    border-top-left-radius: .7rem!important;
    border-top-right-radius: .7rem!important;
    background-color: #F1FFFA !important;
}

.temp-3-product-section-border {
    border-top-left-radius: unset!important;
    border-top-right-radius: unset!important;

}

/*override css*/
.nav-link {
    display: block;
    padding: 0.1rem 1rem;
}
.btn-outline-primary {
    color: #BAA898;
    border-color: #BAA898;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #D5C7BC;
    border-color: #BAA898;
}

.template-show {
    background-color: #D5C7BC !important;
}
.product-details {
    background-color: #F1FFFA !important;
}
.product-services {
    background-color: #F1FFFA !important;
}
.product-reviews {
    background-color: #F1FFFA !important;
}
.order-btn {
    background-color: navajowhite !important;
    color: #785964;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #D5C7BC;
    border-color: #BAA898;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #EEE0CB;
}

a.nav-link.text-center {
    color: #785964 !important;
}

.lead {
    color: #93B7BE !important;
}
.details-header {
    color: #785964;
}
@media (max-width: 1024px) {

    .navbar-toggler {
        padding: 0;
        font-size: 1.125rem;
        line-height: 1;
        background-color: transparent;
        border: none;
    }
    button:focus {
        outline: 2px auto #D5C7BC;
    }
}

.jumbotron {
    padding: 2rem 2rem;
    border-radius: 0.7rem;
}
 .py-5 {
    padding-top: 2rem !important;
}
 .service-icon {
     color: #93B7BE;

 }
 .service-details,.media-body {
     color: #785964;
 }
.bg-order {
    background-color: navajowhite;
}
.nav-head {
    background-image: linear-gradient(141deg,#D5C7BC 28%, #b9a898 31%, #ffffff 40%);
}
.navbar-brand {
    color: white !important;
}

.comment-img {
    border-radius: 50%;
    border: solid 1px white;
    object-fit: cover;
    height: 64px;
    width: 64px;
}
.comment-text {
    background: #e1f2ef;
    padding: 1rem;
    border-radius: 10px;
    opacity: 80%;
}
