body {
    font-family: 'Muli', sans-serif;
}
.navbar {
    background: linear-gradient(to bottom right, #f8e4c7, #fefefe);
}
.btn {
    border-radius: 13px;
}
.nav-link{
    color: #796c6b!important;
    text-decoration: none;
}
.nav {
    list-style-type: none;
    padding: 0;
}

.nav-item {
    display: inline-block;
    border-right: 1.7px solid #796c6b;
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}
.nav-item:last-child {
    border-right: none;
}
.dropdown-toggle::after {
    vertical-align: .105em!important;
    margin-left: 0em!important;
}
.account-button {
    background-color: #bebfc1!important;
    color: #fff!important;
}
.images-button{
    border-color: #827a6f!important;
    color: #827a6f!important;
}
.text-decoration-none {
    text-decoration: none!important;
}
.text-decoration {
    text-decoration: underline!important;
}
.cursor-pointer {
    cursor: pointer;
}
@media (max-width: 992px) {
    .buttons-box-desktop {
        display: none!important;
    }
    .logo-icon {
        width: 75px!important;
    }
    .search-and-icons {
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }
    .header-box {
        text-align: center!important;
    }
    .navbar-toggler {
        box-shadow: none!important;
    }
}
@media (min-width: 992px) {
    .navbar-collapse{
        float: left;
    }
    .logo-icon {
        width: 125px!important;
    }
}

.white {
    color: #fff!important;
}
.black {
    color: #000!important;
}
.red-color {
    color: #825F70!important;
}
.cream-color {
    color: #737271!important;
}
.border-black {
    border-color: #000!important;
}

.brawn-dashboard {
    color: #aa967a!important;
}
.yellow-text {
    color: #efd0aa!important;
}
.yellow-text2 {
    color: #d8cbb4!important;
}

.background {
    background-image: url('../images/purple-bg.png')!important;
    object-fit: cover!important;
}

.background-white {
    background-color: #fff!important;
}
.background-black {
    background-color: #616163!important;
}
.background-gray {
    background-color: #727377!important;
}
.background-green {
    background-color: #90a892!important;
}
.background-green-dashboard {
    background-color: #aebf94!important;
}
.background-blue {
    background-color: #8e9fae!important;
}
.background-brown {
    background-color: #67564d!important;
}
.background-brown2 {
    background-color: #736352!important;
}
.background-brown-dashboard {
    background-color: #aa967a!important;
}
.color-brown {
    color: #aa967a!important;
}
.background-red {
    background-color: #725567!important;
}
.background-blue2 {
    background-color: #626b89!important;
}
.background-yellow {
    background-color: #d5cfc5!important;
}
.background-yellow2 {
    background-color: #f5d1a2!important;
}


.email-contact {
    display: flex;
    justify-content: center;
    border: 1px solid white;
    border-radius: 25px;
    text-decoration: none;
    color: white;
    padding: 14px 40px;
}

.contact-input {
    border: 1px solid #d5d3d7;
    border-radius: 8px;
}


.submit-contact-button {
    background-color: transparent !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    border-radius: 25px !important;
}


.red {
    background-color: #815f70 !important;
    color: #fff !important;
}
.gray {
    background-color: #62656e;
    color: #fff;
}
.yellow {
    background-color: #847058;
    color: #fff;
}
.gray:hover {
    background-color: #62656e;
    color: #fff;
}
.yellow:hover {
    background-color: #847058;
    color: #fff;
}
.top-footer-button {
    border-radius: 25px;
    text-align: center!important;
    width: 33.3%!important;
}
.second-footer-button {
    border-radius: 10px 10px 10px 10px!important;
    text-align: center!important;
}
.footer-line {
    border: 2px solid #c0bfc1;
}
.join-team {
    background-color: #787880;
    color: white;
    border-radius: 25px;
    width: 150px;
}
.join-team:hover {
    background-color: #787880;
    color: white;
}
.f-s-12{
    font-size: 12px!important;
}
.f-s-10{
    font-size: 10px!important;
}
.f-s-14 {
    font-size: 14px!important;
}
.f-s-55 {
    font-size: 55px!important;
}
.mb-0{
    margin-bottom: 0px!important;
}
.gray-color-title{
    text-decoration: none!important;
    color: #7c7b7d!important;
    font-weight: 550!important;
}
.gray-color-subtitle {
    color: #b5b5b7!important;
    text-decoration: none!important;
}
.black-color-title{
    text-decoration: none!important;
    color: #000!important;
    font-weight: 550!important;
}
.black-color-subtitle {
    color: #000!important;
    text-decoration: none!important;
}
.mb-n5 {
    margin-bottom: -5px;
}
@media (min-width: 992px) {
    .border-right-footer {
        border-right: 1px solid #b5b5b7;
    }
}
@media (max-width: 992px) {
    .border-bottom-footer {
        text-align: center;
        margin-bottom: 3rem!important;
    }
    .top-footer-button {
        width: 100%!important;
    }
}

@media (min-width: 768px) {
    .me-45 {
        margin-right: 4.5rem!important;
    }
    .ms-45 {
        margin-left: 4.5rem!important;
    }
}
@media (min-width: 992px) {
    .border-white {
        border-right: 2px solid #fff;
    }
}
@media (max-width: 992px) {
    .border-white {
        border-bottom: 2px solid #fff;
        margin-bottom: 1rem;
    }
}

.ps-8 {
    padding-left: 8rem!important;
}
.pe-8 {
    padding-right: 8rem!important;
}
.input-login {
    border-radius: 10px!important;
    border-color: #fff!important;
}
::placeholder {
    font-weight: 500;
    font-size: 14px;
    color: #d2d2d2!important;
}
.login-buttons {
    background-color: transparent!important;
    color: #fff!important;
    border-color: #fff!important;
    padding: 6px 30px!important;
    border-radius: 25px !important;
}
.color-white {
    color: #fff!important;
}
.me-n3 {
    margin-right: -3rem;
}
/* .mt-n1 {
    margin-top: -1rem;
}
.mt-n2 {
    margin-top: -2rem;
} */
.select-gallery {
    padding: 5px 80px!important;
    border-radius: 50px!important;
    margin-top:-1rem;
    background-color:#825f70!important;
    border-color: #cfafbe!important;
}
.ps-button {
    padding: 5px 80px!important;
    border-radius: 50px!important;
    margin-top:-1rem;
    background-color:#727377!important;
    border-color: #cfafbe!important;
}
.purchase-code {
    border-color: #fff!important;
    color: #fff!important;
    border-radius: 50px!important;
    padding: 8px 80px!important;
}

.border-bottom-white {
    border-bottom: 1px solid #fff;
}
.border-bottom-yellow {
    border-bottom: 3px solid #e2d0ab;
}

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

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

.f-w-b {
    font-weight: bold!important;
}

.fees-button{
    border: 1px solid #fff;
    border-radius: 25px;
    width: 60%;
    color: #fff;
    padding: 10px;
}
.fees-button:hover {
    border: 1px solid #fff!important;
    color: #fff!important;
}

.point {
    width: 8px;
    background-color: #fff;
    height: 8px;
    border-radius: 50px;
}

.point-black {
    width: 8px;
    background-color: #5f5f5e;
    height: 8px;
    border-radius: 50px;
}
.border-white-circle {
    border: 2px solid #fff;
}

.important-box {
    width: 400px;
    padding: 5px 20px;
    background-color: #605143;
    border-radius: 25px;
}
.second-important-box{
    width: 400px;
    padding: 8px 20px;
    background-color: #c9ccb0;
    border-radius: 25px;
}

.brawn-text {
    color: #A98F71!important;
}

.brawn-text:hover {
    color: #A98F71!important;
}


#grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.grid-sizer,
.grid-item-wrapper {
    width: 33.3%;
    position: relative;
}

.grid-item {
    width: 100%;
}

.image-id {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 5px;
    border-radius: 3px;
    font-size: 12px;
}

.b-radius-25 {
    border-radius: 25px;
}

.z-index-1 {
    z-index: 1;
}

.dashboard-buttons {
    border-radius: 10px!important;
    text-align: center!important;
}
.dashboard-buttons-brawn {
    background-color: #a48e71!important;
    border-color: #978163 !important;
}

.table-text-purple * {
    color: #845c74!important;
    border-color: #845c74;
}
.dashboard-buttons-blue {
    background-color: #626b87!important;
}

.card {
    border-radius: 25px;
    padding: 30px;
}

.bereavement-button {
    background-color: #a49072!important;
    border-radius: 25px;
    color: #fff!important;
}
.bereavement-box {
    background-color: #e8e8e8;
    border-radius: 25px;
    padding: 25px 55px;
}
.bereavement-input {
    border: none;
    border-radius: 10px;
    padding: 5px;
    text-align: center;
}
.responsive-img {
    width: 100%;
    height: auto;
}
.background-image-style {
    background-size: 100% 500px;
    background-position: center;
    height: 400px;
    width: 100%;
}
.mb-6{
    margin-bottom: 5rem!important;
}

.top-40 {
    top: 40%!important;
}
.top-15 {
    top: 15%!important;
}
.top-20 {
    top: 20%!important;
}
.top-25 {
    top: 25%!important;
}

.step-circle {
    width: 125px;
    height: 125px;
}

.step-button {
    background-color: #a58f72!important;
    border-radius: 8px;
    color: #fff;
    padding: 10px;
    margin-top: -1.5rem;
    font-size: 14px;
}

.step-number {
    font-size: 60px;
    margin-top: -0.5rem;
}
.letter {
    display: inline-block;
    transform-origin: center center;
}
.s {
    transform: rotate(-20deg);
    position: relative;
    top: 9px;
    left: 0px;
}

.t {
    transform: rotate(350deg);
    position: relative;
    top: 6px;
    left: 1px;
}
.e {
    transform: rotate(9deg);
    position: relative;
    top: 6px;
    left: 3px;
}
.p {
    transform: rotate(20deg);
    position: relative;
    top: 9px;
    left: 4px;
}

.vertical-image-best-deal {
    transform: rotate(15deg);
    margin-left: -3rem;
}

.best-deal-circle {
    width: 200px;
    height: 200px;
    padding: 15px;
}

.except-color {
    border-color: #96989A!important;
    color: #96989A!important;
}

.pink-plus {
    background-color: #c493af;
    padding: 0px 18px;
    font-size: 35px;
    color: white;
}

.exp-store-logo {
    background-color: #767070;
    border-top-right-radius: 80px 80px;
    border-bottom-right-radius: 80px 80px;
}

.text-decoration-none {
    text-decoration: none!important;
}

.shop-dashboard {
    border: 1px solid #000!important;
    border-radius: 10px;
    color: #000!important;
}
.shop-dashboard:hover {
    border: 1px solid #000!important;
    color: #000!important;
}
.password-table.table tr td{
    background-color: rgba(255, 255, 255, 0) !important;
    color: white;
}