@import url(fonts.css);

:root {

    /* colors */
    --clr-navy: #21234a;
    --clr-navy72: #21234ab8;
    --clr-navy50: rgba(33, 35, 74, 0.5);
    --clr-navy24: rgba(33, 35, 74, 0.24);
  
    --clr-blush: #ffcdd2;
    --clr-blush72: #ffdbdf;
    --clr-blush50: #FFE5E8;
    --clr-blush24: #FFF3F4;
  
    --clr-red: #ff4632;
    --clr-red72: rgba(255, 70, 50, 0.72);
    --clr-red50: rgba(255, 70, 50, 0.5);
    --clr-red24: rgba(255, 70, 50, 0.24);
  
    --clr-yellow: #fee100;
  
    --clr-forrest: #145041;
    --clr-forrest-hover: rgba(20, 80, 65, 0.72);

    --clr-black: #000000;
    --clr-black72: #474747;
    --clr-black50: #808080;
    --clr-black24: #C2C2C2;
    --clr-black08: #EBEBEB;
    --clr-black04: #F5F5F5;
    /* --clr-black72: rgba(0, 0, 0, 0.72);
    --clr-black50: rgba(0, 0, 0, 0.50);
    --clr-black24: rgba(0, 0, 0, 0.24);
    --clr-black08: rgba(0, 0, 0, 0.08);
    --clr-black04: rgba(0, 0, 0, 0.04); */
  
    --clr-white: #ffffff;

    --clr-skeleton: #F6F6F8;
  
    --clr-btn-primary: var(--clr-red);
    --clr-btn-primary-hover: var(--clr-red72);
  
    --clr-link-primary: var(--clr-red);
    --clr-link-primary-hover: var(--clr-red72);
  
    --clr-link-secondary: var(--clr-yellow);
  
    --clr-input: var(--clr-black);

    /* fonts */
    --font-logo: "founders-grotesk-x-cnd-bold", Impact;
    --font-paragraph: "founders-grotesk-regular", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    --font-heading: var(--font-heading);

    /* border radius */
    --br-default: 8px !important;
    --br-default-extra: 16px !important;
    --br-items: 0;

    /* box shadows */
    --shadow-header: 0px 0px 30px rgb(127 137 161 / 30%);

    /* transitions */
    --cubic-bezier: cubic-bezier(0, 0, .25, 1);

    /* custom colors */
    --clr-stc: #4F008D;

    /* overwrite bs5 */
    --bs-accordion-btn-icon: url("/assets/images/chevron-down.svg") !important;
}

.clr-white {
    color: var(--clr-white);
}
.clr-red {
    color: var(--clr-red) !important;
}
a.clr-red:hover {
    color: var(--clr-red72) !important;
}

.clr-muted {
    color: var(--clr-black50);
}


.delete {
    display: none;
}

/* OVERWRITE */

* {
    font-family: var(--font-paragraph);
    border-radius: 0;
}

body {
    color: var(--clr-black);
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--clr-black);
    font-family: var(--font-heading);
    font-weight: normal !important;
    -webkit-font-smoothing: antialiased
}


h1 span, h1 a {
    font-family: var(--font-heading);
    color: inherit;

}

h1 a:hover {
    text-decoration: underline;
    color: inherit;
}

.section-heading {
    display: inline-block;
    margin-top: 63px;
    margin-bottom: 45px;
    text-align: center;
    text-transform: uppercase;
    font-size: 2rem;
}

.title-small {
    font-family: var(--font-heading);
    font-size: 2rem;
}

.title-smaller {
    font-family: var(--font-heading);
    margin-bottom: 0;
    font-size: 1.5rem;
}

.title-banner {
    font-size: 5.625rem;
    line-height: 5.625rem;
    text-transform: capitalize;
    line-height: 5rem;
}
@media screen and (max-width: 768px) {
    .title-banner {
        font-size: 4rem;
        line-height: 4rem;
    }
}
@media screen and (max-width: 400px) {
    .title-banner {
        font-size: 3rem;
        line-height: 3rem;
    }
}

p {
    color: var(--clr-black);
}

.content-text {
    max-width: 760px;
    margin: 0 auto;
    padding-bottom: 40px;
    max-width: 760px;
    text-align: center;
    line-height: 32px;

}

/* uncomment */
.btn {
    border: none;
    border-radius: 8px !important;

    display: flex;
    gap: 6px;
    align-items: center;
}
.btn:hover {
    border: none;
}

.btn:active, .btn.show {
    /* box-shadow: 0 0 0 0.25rem var(--clr-blush50) !important; */
    /* border-color: var(--clr-black24) !important; */
}

/* .btn.show {
    background-color: var(--clr-white);
    color: var(--clr-black);
} */

.btn-close {
    background: transparent url("/assets/images/icon-x-thin.svg ") center/1em auto no-repeat;
    color: var(--clr-black);
    opacity: 1;

    padding: 0;
}

.modal-title {
    font-size: 1.5rem;
}
.modal-content {
    border-radius: var(--br-default);
}

a {
    color: var(--clr-red);
    text-decoration: none;
    transition: color ease-out .1s;
}

a:hover {
    color: var(--clr-red);
}

ul {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
    list-style-type: none;
}

.text-danger {
    color: #F55353 !important;
}

.dv-edit-delete .text-danger:hover {
    color: #a71d2a !important;
}

.container-fluid {
    /* max-width: 2500px; */
    max-width: 1600px;
}

@media only screen and (min-width:1200px) {
    .container-fluid {
        /* padding: 0 32px; */
    }
}

.dropdown-item.active {
    background-color: var(--clr-blush) !important;
    color: inherit;
}

input:focus {
    outline: 1px solid var(--clr-black);
    /* box-shadow: 1px 1px 3px 1px var(--clr-blush50); */
}


.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--clr-black) !important;
    background-color: var(--clr-blush24);
}


/* override accordion styles */

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    color: var(--clr-black);
    background-color: transparent;
    box-shadow: none;
}

.accordion-button {
    border: none;
}

/* lang ar rtl */
/* html[dir='rtl'] .accordion-button {
    justify-content: space-between;
}
html[dir='rtl'] .accordion-button::after {
    margin: 0;
} */

.accordion-item {
    border: none;
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-width: 0 !important;
    border-bottom: 0 !important;
}

.modal-open {
    overflow: hidden;
    padding-right: 0;
}

.accordion-button::after {
    background-image: url('/assets/images/chevron-down.svg');
}
.accordion-button:not(.collapsed)::after {
    background-image: url('/assets/images/chevron-down.svg');
}

/* removes dark background when clicking outside of focused input (BS5) */
.btn.show {
    color: var(--clr-black);
    background-color: transparent;
    border-color: var(--clr-black);
}

.input-group-text {
    background-color: var(--clr-black04);
    border: ;
}

/* overwrite */

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}

.container-small>.container {
    max-width: 900px;
}

.container-xsmall {
    max-width: 450px !important;
}


.dropdown-divider {
    border-top: 1px solid var(--clr-black24);
}

/* BUTTONS */

/* spacing for buttons with icons */
.btn > svg,
.btn > img {
    /* margin-right: 5px; */
}

.btn > .btn-icon {
    width: 24px;
    margin-right: 5px;
}

.btn:focus {
    /* box-shadow: 0 0 0 0.25rem var(--clr-blush50) !important; */
    /* border: none; */
}

.btn-link {
    color: var(--clr-link-primary);
}
.btn-link:hover {
    color: var(--clr-link-primary-hover);
}

.btn-primary, .btn-secondary, .btn-danger {
    /* font-family: var(--font-heading); */
    height: 48px;
    border-radius: var(--br-default);
    /* font-size: 1.5rem !important; */
    font-size: 1.3rem !important;

    /* line-height: 25px; */

    display: inline-flex;
    /* text-align: center; */
    justify-content: center;
    align-items: center;

    /* width: 300px; */

    /* transition: transform background-color .2s ease-in-out; */
    transition: ease-out .1s;
}

.btn-secondary:active {
    background-color: #eee !important;
    color: var(--clr-black) !important;
}

.btn-primary:active, .btn-secondary:active {
    transform: scale(0.95);
}

.btn-primary {
    color: var(--clr-white);
    background-color: var(--clr-btn-primary);
    border: none;

    min-width: 140px;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: var(--clr-btn-primary-hover) !important;
    border-color: var(--clr-red) !important;
}

.btn-primary:focus.btn-primary:active {
    box-shadow: 0 0 0 0.25rem var(--clr-blush);
}

.btn-primary:disabled {
    background-color: var(--clr-red72);
}

.btn-secondary {
    color: var(--clr-black);
    background-color: transparent;

    /* border: 1px solid var(--clr-black); */
    border: 1px solid var(--clr-black50);
}
.btn-secondary:hover {
    background-color: transparent;
    color: var(--clr-black72);
    border: 1px solid var(--clr-black72);
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
    background-color: transparent;
    color: var(--clr-black72);
}

.btn-secondary:disabled {
    background-color: var(--clr-black24);
    border: none;
}

.btn-outline-primary {
    border: 1px solid var(--clr-black);
}

.btn-lg {
    white-space: nowrap;

    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: block;
}

.btn-sm {
    font-size: 1rem !important;
    height: 32px;
}

.owl-carousel {
    direction: ltr !important;
}

.owl-nav {
    pointer-events: none;
}

.owl-nav>button {
    pointer-events: auto !important;
}

/* buttons */

/* HEADER */

/* location modal */
.dropdown-country .dropdown-menu {
    max-height: 450px;
    overflow-y: scroll;
}

.dropdown-country .dropdown-menu::-webkit-scrollbar {
    /* display: none; */
}

.dropdown-country > button {
    height: 44px;
    
    display: flex;
    align-items: center;
    /* gap: 8px; */
}
.dropdown-country > button > span {
    flex-grow: 1;
    text-align: left;
}

.dropdown-country > button > img:first-child {
    margin-right: 8px;
}

.dropdown-country .dropdown-item.disabled {
    color: var(--clr-black);
}

.dropdown-country .dropdown-item {
    display: flex;
    gap: 4px;
    align-items: center;
}

.dropdown-country .dropdown-item:not(.city) span {
    font-size: 1.2rem;
}

.dropdown-country .dropdown-item > span {
    font-family: var(--font-heading);
    font-size: 1rem;
}

.dropdown-country .dropdown-item.city {
    font-family: var(--font-paragraph);
}

.dropdown-country .dropdown-item.city img {
    visibility: hidden;
}
.dropdown-country .dropdown-item.city span {
    font-family: var(--font-paragraph);
}

.dv-group-text {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.dv-location-lable {
    display: inline-block;
    margin-bottom: 8px;
}

.input-location {
    height: 39px;
}

.btn-auto-loc {
    /* width: 48px; */
    /* padding: 0 !important; */
}
.btn-auto-loc > svg {}

.dv-dropdown-signup {
    font-size: 1rem;
    color: var(--clr-black);
    padding-top: 8px;
}
.dv-dropdown-signup a {
    color: var(--clr-red);
}
.dv-dropdown-signup a:hover {
    color: var(--clr-black);
}

.dropdown-custom .dropdown-item-custom {
    border: 1px solid red;
}
.dropdown-custom::-webkit-scrollbar {
    scrollbar-width: thin;
    width: 4px !important;
    height: 4px !important;
}

.dropdown-custom .dropdown-menu {
    border-radius: var(--br-default);
    border: none;
    box-shadow: 0px 10px 50px rgb(0 0 0 / 10%);

    width: 270px;
}

.dropdown-custom .dropdown-item>div:first-child {
    color: var(--clr-black);
    font-family: var(--font-heading);
    font-size: 1.2rem;
}

.dropdown-custom .dropdown-item>div:not(:first-child) {
    color: var(--clr-black50);
    font-size: 1rem;
}

.dropdown-custom .dropdown-item {
    padding: 8px 32px;
    font-size: 1rem;
}

.dropdown-custom .dropdown-divider {
    margin-left: 32px;
    margin-right: 32px;
}

.btn-login .dropdown-item-custom {
    border: 1px solid red;
}

.header {
    z-index: 1000;
    transition: all .3s ease-in-out;

    /* position: fixed;
    top: 0;
    width: 100%; */
}

.header-top {
    border-bottom: 1px solid var(--clr-black24);
    display: flex;
    justify-content: space-between;
    height: 80px;
    padding: 0 24px;
    background-color: #fff;
}

.hamburger-menu {
    padding: 6px;
}

@media only screen and (max-width: 800px) {
    .header-top {
        /* margin-top: 64px; */
        border-top: 1px solid var(--clr-black24);
        height: 48px;
    }

    .header .a-logo {
        position: absolute;
        top: 0;
    }

    .header .a-logo img {
        margin-top: 16px;
    }

    .header .logo {
        height: 35px;
    }
}

@media only screen and (max-width: 640px) {
    .header .logo {
        height: 35px !important;
    }
}

@media only screen and (max-width: 400px) {
    .header-top {
        padding: 16px;
    }
}

@media (max-width:880px) {
    .header-top {

        padding-top: 88px;
        padding-bottom: 24px;
    }

    .header .a-logo img {
        margin-top: 16px;
    }
}

@media only screen and (max-width:680px) {
    .header .logo {
        margin-top: 16px !important;
    }

    .dv-account-block {
        position: absolute;
        top: 15px;
        /* left: 30px; */
    }

    html.smart-banner .dv-account-block {
        top: calc(15px + 84px);
    }

    /* menu button */
    .dropdown-account .spn-user-name {
        display: none;
    }

    .dropdown-account .dropdown-toggle::after {
        display: none;
    }

    .dropdown-account>button {
        padding-left: 0;
        padding-right: 0;
    }


    .dv-location-block {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }


    /* lang ar rtl */
    /* html[dir='rtl'] .ul-search-block {
        right: auto;
        left: 30px;
    } */

    .ul-navigation {
        width: 100% !important;
        justify-content: space-between;
    }

    .li-navigation {
        padding: 0 !important;
    }
}

@media only screen and (min-width: 600px) {}

.header .logo {
    height: 45px;
    margin: 21px 0 13px;
}

.header .a-logo {
    position: absolute;
    z-index: 1000;
    margin: 0 50%;
    transform: translate(-50%);
}

html.smart-banner .header .a-logo {
    top: 84px !important;
}

.smartbanner--android .smartbanner__info {
    width: fit-content;
    right: calc(12% + 20px + 20px);
}

/* lang ar rtl */
/* html[dir='rtl'] .header .a-logo {
    transform: translate(50%);
} */

.dv-location-block,
.dv-account-block {
    display: flex;
    align-items: center;
}


.spn-signup {
    font-size: 1rem;
    background-color: transparent !important;
}

.spn-signup>a {
    color: rgba(88, 91, 92, 0.5);
    text-decoration: none;
    font-weight: 500;
}

.spn-signup>a:hover {
    text-decoration: underline;
}

.btn-location {
    padding-left: 0;
}

.input-date {
    background-color: transparent;
    border: none;

    color: var(--clr-black);

    background-image: url(/assets/images/icon-calendar.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 18px;
    
    padding-left: 26px;

}

.input-date:focus {
    border: none !important;
    outline: none !important;
}

.btn-date {
    padding-right: 0;
    flex-shrink: 0;
}
.btn-date::after {
    display: none;
}

.btn-date .icon-calendar {
    color: var(--clr-red);
}

.btn-location,
.btn-date {
    /* max-width: 50vw; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    display: flex;
    gap: 10px;
    align-items: center;

    flex-grow: 1;
}

@media only screen and (min-width:882px) {
    .btn-location {
        max-width: calc(50vw - 230px);
    }
}

.location-selection,
.date-selection {
    text-decoration: none;
    display: flex;
    align-items: center;
}

.dv-filter-container .date-img {
    fill: var(--clr-black);
}

.dv-location-block .location-text,
.dv-location-block .date-text {
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    /* width: 100px; */
}

.dv-location-block .location-text {
    max-width: 300px;
}

.location-img {
    width: 22px;
    height: 14px;
}


/* navbar */

.dv-navigation {
    display: flex;
    justify-content: space-between;
    padding: 8px 24px;
    border-bottom: 1px solid var(--clr-black24);
    background-color: #fff;
}

.dv-navigation>* {
    margin-bottom: 0;
}

.dv-navigation>.ul-navigation {
    display: flex;
    align-items: center;
    list-style: none;
    color: var(--clr-black);
    padding: 0;
    width: fit-content;
    /* margin: 0 auto; */
}

.dv-navigation .li-navigation:not(:last-child) {
    /* padding-right: 36px; */
}

.dv-navigation>.ul-navigation>li {
    /* padding: 0 32px; */
    padding: 0 16px;
}

/* lang ar rtl */
/* html[dir='rtl'] .dv-navigation .li-navigation {
    padding-left: 36px;
    padding-right: 0;
} */

.li-navigation {
    cursor: pointer;
}

.li-navigation>a {
    color: var(--clr-black);
    /* font-weight: 600; */
    /* text-transform: uppercase; */

    text-decoration: none;
    display: inline-block;
    position: relative;
}

.li-navigation>a::afterdelete    {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    background: var(--clr-blush);
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    transform: .3s cubic-bezier(.77, 0, .175, 1), opacity .5s;
    width: 0;
}

.li-navigation:hover>a::after {
    width: 100%;
    left: 0;
}

.dv-navigation>ul * {
    text-decoration: none;
}

.dv-navigation>ul>li>a {

    font-size: 1.2rem;
}


/* nav only desktop */
@media only screen and (min-width:680px) {

    .spn-dots {
        display: none !important;
    }

    .btn-lang>span:first-child {
        display: none;
        font-weight: 500;
    }

    .dv-nav-dropdown .accordion-button {
        display: none;
    }

    .dv-nav-dropdown {
        pointer-events: none;
    }

    .li-navigation:hover>a+.dv-nav-dropdown {
        pointer-events: auto;
        visibility: visible;
        opacity: 1;
        transition-delay: 0s, 0s;
        display: flex;
    }

    /* collapsed navigation accordion on desktop */


    .header .accordion-collapse.collapse {
        display: flex;
    }

    .dv-nav-products .accordion {
        display: flex;
    }

    .dv-nav-products .accordion-item {
        padding-right: 8px;
        width: 170px;
    }

    .dv-nav-dropdown .dv-nav-occasions {}

    .li-navigation {
        position: relative
    }

    .dv-nav-dropdown.dv-nav-shops .nav-sub-items {
        /* width: fit-content */
    }

    .dv-nav-dropdown.dv-nav-shops .accordion .nav-title {
        width: 100%;
        text-align: center;
    }

    .dv-nav-dropdown.dv-nav-shops .accordion .accordion-header {
        width: 100%;
        text-align: center;
        padding: 8px;
    }

    .dv-nav-dropdown.dv-nav-shops .nav-sub-items {

        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6;
        white-space: nowrap;
        width: auto !important;
    }

    .dv-nav-dropdown.dv-nav-shops .nav-sub-items li {
        max-width: 120px;
        padding: 2px 0;

        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dv-nav-dropdown.dv-nav-shops .nav-sub-items a {
        /* font-size: 13px; */
        /* font-family: 'avenirnext-medium' !important; */

        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dv-nav-dropdown .accordion-item ul li {
        padding: 6px 0px 6px 0px  ;
    }

}

.dv-nav-dropdown .dv-nav-occasions {}

.dv-nav-dropdown.dv-nav-occasions .accordion-header {
    display: none;
}

.dv-nav-dropdown.dv-nav-occasions .accordion-collapse {
    padding-left: 0;
    border-left: none !important;
}

.dv-nav-dropdown.dv-nav-occasions .accordion-item a {
    white-space: nowrap;
}

.dv-nav-dropdown,
.accordion-item:not(:last-child) {
    margin-bottom: 16px;
}

.dv-nav-dropdown {
    display: flex;
    visibility: hidden;
    opacity: 0;

    background-color: #fff;
    border-radius: var(--br-default);
    position: absolute;
    padding: 40px;
    box-shadow: 0px 10px 70px rgb(0 0 0 / 15%);

    z-index: 10;
    transition-property: opacity, visibility, height;
    transition-duration: .4s, 0s;
    transition-delay: 0s, .4s;
}

.dv-navigation a {
    color: var(--clr-black);
}

.dv-nav-dropdown .accordion-item a:hover {
    color: var(--clr-red);
}

.dv-nav-dropdown .accordion-header>.nav-title {
    flex-shrink: 0;

    font-family: var(--font-heading);
    font-size: 1.4rem;
}

/* nav only mobile */
@media only screen and (max-width: 680px) {

    .li-navigation>a {
        pointer-events: none;
    }

    /* MOBILE DROPDOWN STYLES */

    .ul-navigation {
        /* position: relative; */
    }

    .dv-nav-dropdown {
        display: none;
        visibility: hidden;
        opacity: 0;

        flex-direction: column;
        position: absolute;

        /* border-radius: 0 0 16px 16px; */
        border-radius: var(--br-default);

        width: 100%;
        left: 0;
        margin-top: 9px;

        overflow: scroll;

        box-shadow: 0px 100vh 0px 200px rgba(0, 0, 0, 0.24);
        -webkit-box-shadow: 0px 400px 0px 200px rgba(0, 0, 0, 0.24);
        -moz-box-shadow: 0px 100vh 0px 200px rgba(0, 0, 0, 0.24);

        max-height: calc(100vh - 155px);
        /* header height is 155px  */
        background-color: #fff !important;
        padding: 20px;

    }

    .dv-nav-dropdown.show {
        visibility: visible !important;
        opacity: 1 !important;
        display: flex !important;
        height: auto !important;
    }

    .dv-nav-dropdown .accordion {
        width: 100%;
    }


    .dv-nav-dropdown .accordion-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .dv-nav-dropdown .accordion-header>.accordion-button {
        padding: 0;
        width: fit-content;
    }

    .dv-nav-dropdown .accordion-item>li:nth-child(2) {
        border-left: 1px solid var(--clr-blush);
        padding-left: 20px;
    }

    .nav-sub-items {}

    .nav-sub-items>li {
        padding: 6px 0;
    }

    /* mobile dropdown styles */

}

@media only screen and (max-width: 1130px) {

    .dv-nav-dropdown.dv-nav-shops {
        display: none;
    }
}


.ul-search-block {
    list-style: none;
    display: flex;
    align-items: center;
    padding-left: 0;
}

.ul-search-block>li {
    margin: 0 16px;
}

@media only screen and (max-width: 600px) {
    .dv-navigation {
        padding: 8px 16px;
    }
}


@media only screen and (max-width: 800px) {
    .menu-search-input {
        background-color: #fff;
    }
}

@media only screen and (max-width: 862px) {
    .li-partner {
        display: none;
    }
}

/* SEARCH ALT */
.ul-search-block>li:nth-child(2)>#searchText {
    display: none;
}

.ul-search-block>li:nth-child(2).show-search>#searchText {
    border: none;
    display: inline !important;
}

.ul-search-block>li:nth-child(2).show-search>#searchText:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.ul-search-block>li:nth-child(2).show-search {
    border-bottom: 1px solid var(--clr-black);
}

@media only screen and (max-width:640px) {
    .show-search {
        margin-left: 0 !important;
        padding-bottom: 10px;
        width: 85vw;
        margin-top: 12px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        z-index: 1000 !important;
        background-color: #fff;
    }

    .show-search+li {
        display: none;
    }

    .show-search imput {
        width: calc(100% - 28px);
    }
}


/* .cart::after {
    content: '1';
    background-color: #F55353;
    color: #fff;
    border-radius: 100px;
    font-size: 12px;
    width: 20px;
    height: 20px;
    position: absolute;
}
.cart-count {
    color: #fff;
    background-color: #F55353;
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    font-size: 12px;
    border-radius: 50%;
    transform: translate(-10px,-10px);
    text-align: center;
} */

.cart .dropdown-toggle {

}
.cart .dropdown-toggle .icon-cart {
    width: 19.19px;
    height: 19.19px;
}

#dropdownCart::after {
    display: none;
}

.dropdown-cart {
    padding: 10px 16px;
}

.dropdown-cart-item {
    display: flex;
    white-space: nowrap;
    align-items: center;
    justify-content: space-between;
    text-overflow: ellipsis;
}

.dropdown-cart-item>img {
    width: 72px;
    height: 72px;
    border-radius: var(--br-default);
    margin-right: 8px;
}

.dropdown-cart-item-details {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding-right: 16px;
}

.dropdown-cart-item-name {
    color: var(--clr-black);
    font-family: var(--font-heading);
    font-size: 1.2em;

    white-space: nowrap;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-cart-shop-name {
    font-size: 1rem;
    opacity: 0.5;
}

.dropdown-cart-remove {
    margin-left: 8px;
    background-color: var(--clr-black24);
    border: none;
    font-weight: bold;
    padding: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 1rem;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.dropdown-cart-remove:hover {
    background-color: var(--clr-black72);
    color: var(--clr-white);
}

.dropdown-cart-subtotal {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.dropdown-cart-subtotal>span {
    font-size: 1.5em;
    font-family: var(--font-heading);
}

/* ---------header---------- */


/* MAIN BANNER */

.section-banner,
.main-banner {
    overflow: hidden;
}

.section-banner {
    border-radius: var(--br-default);
    margin-bottom: 48px;
}

@media (min-width: 920px) {
    .section-banner {
        border-radius: 16px !important;
    }

}

.main-banner .item {
    position: relative;
}

.main-banner .item .banner-captions {
    position: absolute;
    z-index: 1000;
    top: 50%;
    transform: translateY(-50%);
    /* left: 0; */

    /* background-color: red; */

}

.main-banner .owl-nav,
.center-nav .owl-nav {
    position: absolute;
    bottom: 50%;
    width: calc(100% - 24px);
    display: flex;
    justify-content: space-between;
    left: 50%;
    transform: translate(-50%, 50%);
}

@media only screen and (max-width: 640px) {
    .main-banner .owl-nav,
    .center-nav .owl-nav {
        /* width: 100%; */
        width: calc(100% - 16px);
    }
}

.main-banner .owl-nav img,
.center-nav .owl-nav img {
    width: 24px;
    height: 24px;
}

.main-banner .owl-nav [class*=owl-] {
    transition: .1s ease-in-out;
}

.main-banner .owl-nav [class*=owl-]:hover,
.center-nav .owl-nav [class*=owl-]:hover  {
    /* background-color: var(--clr-black); */
    opacity: .5;
}

.owl-theme .owl-nav [class*='owl-'] {
    border-radius: var(--br-default);
}

.main-banner .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%);

    white-space: nowrap;
}

/* .main-banner .owl-dots .owl-dot span {
    width: 30px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.5);
}

.main-banner .owl-dots .owl-dot:hover span {
    background-color: rgb(255, 255, 255);
}

.main-banner .owl-dots .owl-dot.active span {
    height: 3px;
    background-color: #fff;
} */

.main-banner .owl-theme .owl-nav [class*=owl-]:hover {
    background-color: var(--clr-black24);
}


/* main banner */

/* SMALL BANNER */

.section-small-banner {
    background-color: #F1F0EC;
    text-align: center;

    margin: 0 auto;
    padding: 0;

    border-radius: var(--br-default);
}

.section-small-banner img {
    width: 100%;
}

.section-banner .small-banner-small {
    max-width: 300px;
    margin: auto;
}

.section-small-banner .small-banner-large {
    max-width: 768px;
}

.section-small-banner .small-banner-small {
    display: none;
}

@media (max-width: 560px) {
    .section-small-banner .small-banner-small {
        display: block;
    }
    .section-small-banner .small-banner-large {
        display: none;
    }
}

/* small banner */

/* CUSTOM ROWS */

.custom-row {
    margin-bottom: 48px;
}

.custom-row .dv-category-heading {
    padding: 0;
}

.custom-row .a-view-all {

}


.dv-custom-box-container {
    display: flex;
    gap: 16px;

    overflow-x: scroll;
}
.dv-custom-box-container > a {
    flex-grow: 1;
    /* flex-shrink: 1; */
}

.dv-custom-box-container .dv-custom-box {
    background-color: var(--clr-blush);

    background-size: cover;
    background-repeat: no-repeat;

    border-radius: 8px;
    /* padding: 16px; */

    aspect-ratio: 1;
    min-width: 100px;
    /* max-width: 300px; */

    width: calc(20% - 20px);

    flex-shrink: 0;
    overflow: hidden;

    margin: 0;

}

.dv-custom-box-container .dv-custom-box .dv-custom-box-content {
    width: 100%;
    height: 100%;

    padding: 8px;

    font-size: 1rem;

    background-size: cover;

    background-image: url(/assets/images/placeholder-img.png); 

    display: flex;
    justify-content: center;
    align-items: end;

    text-align: center;
}

.dv-custom-box-container .spn-custom-box-text {
    /* font-family: var(--font-heading); */
    color: var(--clr-black);

    /* line-height: 100%; */
    line-height: 78%;

    /* display: none; */
}



/* Custom Box Responsive */
@media (min-width: 576px) {
    .dv-custom-box .spn-custom-box-text {
        font-size: 1.4rem;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 920px) {
    .dv-custom-box-container {
        gap: 24px;
    }
    .dv-custom-box-container .dv-custom-box .dv-custom-box-content {
        padding: 16px;
    }
    .dv-custom-box .spn-custom-box-text {
        font-size: 1.6rem;
    }

    .dv-custom-box {
        border-radius: 16px !important;
    }
}

.dv-custom-box-container,
.dv-featured-items-scroll {
    padding-bottom: 10px;
}


.dv-custom-box-container::-webkit-scrollbar,
.dv-featured-items-scroll::-webkit-scrollbar {
    /* scrollbar-width: 20px; */
    width: 8px !important;
    height: 8px !important;
}

/* Large devices (desktops, 1200px and up) */
@media (min-width: 1200px) {
    .dv-custom-box .spn-custom-box-text {
        font-size: 2rem;
    }
}


/* custom rows */


section {
    /* margin-bottom: 32px; */
    margin-bottom: 3rem;
}

/* CATEGORIES SECTIONS */

.section-categories {
    margin-top: 72px;
}

.dv-category-head {
    overflow: hidden;
    border-radius: var(--br-items);
}

.dv-category-head img {
    width: 100%;
    transition: transform .5s cubic-bezier(0, 0, .25, 1);
}

.dv-category-head:hover img {
    transform: scale(1.1);
}

.dv-category-body {
    text-align: center;
}

.dv-category-body:last-child,
.dv-category-head:last-child {
    margin-top: 18px;
}

.dv-category-body h3 {
    /* margin-top: 18px; */
    margin-bottom: 0;

    font-weight: 400;
}

.dv-category-body a {
    color: var(--clr-black);
    font-size: 1.25rem;
    text-transform: capitalize;
    font-weight: 100;

    height: 35px;

    margin-bottom: 13px;
}

.section-categories>div>.row {
    padding-top: 32px;
}

@media only screen and (max-width:991px) {
    .section-categories {
        margin-top: 5vw;
    }
}

@media only screen and (max-width:768px) {
    .dv-category-body h4 {
        font-size: 1.25rem;
        margin-bottom: 0;
    }

    .dv-category-body a {
        font-size: 1rem !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dv-category-body:last-child,
    .dv-category-head:last-child {
        margin-top: 8px;
    }

    .section-categories>div>.row>*:nth-child(2) {
        display: flex;
        flex-direction: column-reverse
    }

    .section-categories>div>.row>*:nth-child(2) .dv-category-head {
        margin-top: 0;
    }

    .section-categories>div>.row>*:nth-child(2) .dv-category-body {
        margin-top: 8px;
    }
}

@media only screen and (max-width:576px) {}

/* categories section */

/* SHOP CARD - FEATURED SHOPS*/

.dv-card {
    overflow: hidden;
    border-radius: 8px;
}

.dv-card img {
    border-radius: 8px;
}

.dv-card-body {
    border-radius: 8px;
}


.dv-shop-card {
    text-decoration: none;
    transition: transform .1s ease-in-out;
}
.dv-shop-card:hover {
    transform: scale(1.03);
}

.dv-shop-card:active {
    transform: scale(0.975) !important;
}

.dv-shop-card-head {
    border-radius: var(--br-default);
    overflow: hidden;

    position: relative;

    /* height: 132px; */
    /* height: 100px; */

    /* aspect-ratio: 16/9; */

    /* border: 1px solid var(--clr-black04); */
    border: 1px solid rgba(0, 0, 0, 0.03);
    /* box-shadow: var(--bs-box-shadow-sm); */
    /* box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); */
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.05);
}

.dv-shop-card-head .card-img-top {

    /* transition: transform 1.2s cubic-bezier(0, 0, .25, 1); */
    /* transform: scale(1.2); */
    border-radius: 0;
    aspect-ratio: 1;
    object-fit: cover;
}

.dv-shop-card:hover .dv-shop-card-head .card-img-top {
    transform: scale(1);
}

.dv-shop-card:hover .dv-shop-card-body {
    background-color: rgba(255, 255, 255, 1);
}

.dv-shop-card .card-shop-logo {
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 30%), 0 6px 20px 0 rgb(0 0 0 / 30%);

    height: calc(100% - 48px);

    width: 72px;
    height: 72px;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}


.dv-shop-card-body {

    margin: 0 auto;

    position: relative;

    margin-top: 12px;

    display: flex;
    flex-direction: column;

}


.dv-shop-card-body .dv-card-text {
    text-decoration: none;
    color: var(--clr-black);
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.dv-card-shop-name {
    color: var(--clr-black);

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dv-card-desc {
    opacity: 0.5;
    font-size: 1rem;
}

.dv-shop-rating {
    display: flex;
    align-items: center;
    gap: 4px;

    width: fit-content;
    
    white-space: nowrap;
    flex-wrap: wrap;
}

.dv-shop-rating span {
    font-size: 1rem;
}

.dv-shop-rating #icon-star {
    fill: var(--clr-yellow) !important;
    width: 16px;
    height: 16px;
    margin: 0;
}

/* website */
.dv-shop-rating .rating-holder .icon {
    margin: 0;
}

.dv-shop-rating #icon-star:first-child:last-child {
    margin: 0;
}

/* shop card */


/* FEATURED ITEMS */
.section-featured-items {
    /* margin-top: 72px; */
}

@media only screen and (max-width: 991px) {

    .section-featured-items {
        /* margin-top: 5vw; */
    }
}

#myTab {
    flex-wrap: nowrap;
    /* overflow-x: scroll; */
}

@media only screen and (max-width:520px) {
    #myTab {
        overflow-x: scroll;
    }
}

#myTab::-webkit-scrollbar {
    display: none;
}


.nav-link-custom {
    border: none;
    background-color: transparent;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1rem;
    color: var(--clr-black24);

    white-space: nowrap;
}

.nav-link.nav-link-custom {
    padding-right: 1.5rem;
    padding-left: 1.5rem;

    font-family: var(--font-heading);
    text-transform: capitalize;
    font-size: 1.5rem;

}

.nav-link.nav-link-custom:hover {
    color: var(--clr-black72) !important;
}

.nav-link-custom::after {
    content: "";
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    display: block;
    height: 2px;
    left: 0;
    background: var(--clr-blush);
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    transform: .3s cubic-bezier(.77, 0, .175, 1), opacity .5s;
    width: 0;
}

.nav-link-custom.active {
    color: var(--clr-black);
}

.nav-link-custom.active::after {
    width: 100%;
}

@media only screen and (max-width: 430px) {
    .nav-link.nav-link-custom {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

.section-featured-items .tab-content {
    background-color: var(--clr-blush24);
    padding: 32px 0;
}

/* featured items */

/* ITEM GROUP */

.dv-item-group {

}

.dv-item-card {
    padding: 8px;
    border-radius: 12px;

    /* transition: all .3s ease-in-out; */
    transition: transform 100ms ease;

    /* backface-visibility: hidden; */
    -webkit-font-smoothing: subpixel-antialiased;
}

@media (max-width: 575.98px) {
    .dv-item-card {
        padding: 4px;
    }
}

@media only screen and (min-width:840px) {
    .dv-item-card:hover {
        box-shadow: 0 10px 35px rgb(0 0 0 / 8%);
        /* transform: scale(1.02) !important; */
        background-color: var(--clr-white);
        /* border: 1px solid var(--clr-black); */
    }

}

.dv-item-card:active {
    transform: scale(0.975) !important;
}

@media only screen and (max-width:640px) {
    .dv-item-card {
        /* padding: 0; */
    }

    .dv-item-body {
        padding: 4px !important;
    }

    .dv-badges>div {
        /* font-size: 11px; */
        font-size: 1rem;
        padding: 4px 8px !important;
    }

    .shop-name {
        font-size: 1rem;
    }

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

@media only screen and (max-width:330px) {
    .dv-badges>div {
        font-size: 3vw;
    }
}

@media only screen and (max-width:576px) {
    .dv-badges>div {
        font-size: calc(1rem - 0.3vw);
    }
}

.dv-item-head {
    position: relative;
    overflow: hidden;
    border-radius: var(--br-default);
}

.dv-item-head .dv-same-day-banner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    text-align: center;
    color: var(--clr-white);
    padding: 4px;
}

.item-img {
    width: 100%;
}

.item-img img {
    width: 100%;
    transition: transform 1.2s cubic-bezier(0, 0, .25, 1);
    transform: scale(1);

    aspect-ratio: 1;
    background-color: var(--clr-skeleton);
    
    background-image: url(/assets/images/placeholder-img.png) !important;
    background-size: cover;

    object-fit: cover;
    object-position: center;
    
}

@media (hover: hover) {
    .dv-item-card:hover .item-img img:first-child {
        transform: scale(1.2);
    }
    
    .dv-item-card:hover .item-img img:nth-child(2) {
        transform: scale(1.2);
        opacity: 1;
    }
}



.item-img img:nth-child(2) {

    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;

    transition: all 1.2s cubic-bezier(0, 0, .25, 1);
}


.btn-wishlist {
    position: absolute;

    border: hidden;

    background: none;
    opacity: 1;

    line-height: 0;
    padding: 6px;
    border-radius: 100%;
    background-color: var(--clr-white);

    transition: opacity .2s ease-in-out;
}

.dv-item-head .btn-wishlist {
    /* top: 8px; */
    right: 8px;
    bottom: 8px;
}

.btn-wishlist.btn-wishlist-product {
    z-index: 2;
    right: 0;
    margin-top: 24px;
    margin-right: calc(var(--bs-gutter-x) * .5 + 24px);
    
}

@media (hover: hover) {
    .btn-wishlist {
        /* opacity: 0; */
    }
}

.icon-wishlist {
    width: 17px;
    height: 17px;
}

.btn-wishlist:focus-within {
    border: hidden;
}

.dv-item-card:hover .btn-wishlist {
    opacity: 1;
}

@media only screen and (max-width:500px) {
    .btn-wishlist {
        /* top: 0; */
        /* right: 0; */
    }
}

.dv-ad-badge {
    position: absolute;
    top: 8px;
    left: 8px;
}

.dv-cb-badge {
    position: absolute;
    top: 0;
    left: 8px;

    background-color: var(--clr-red);
    font-family: var(--font-heading);
    color: var(--clr-white);

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px;
    padding-bottom: 0px;

    width: 56px;

    text-align: center;
}

.dv-cb-badge span {
    font-family: inherit;
    line-height: 14px;
    text-transform: uppercase;
}


.dv-cb-badge1::after {
    content: '';
    background-color: var(--clr-red);
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -9px;
    left: 16px;
    right: 0;
    transform: rotate(45deg);    
}

.dv-cb-badge::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    border-top: 10px solid var(--clr-red);
    bottom: -10px;

}

/* move ad badge down when cb is active */
.dv-cb-badge+.dv-ad-badge {
    top: auto;
    bottom: 8px;
}



.dv-badges {
    position: absolute;
    bottom: 8px;
    left: 8px;
    
    display: flex;
    gap: 8px;
}

.dv-discount-badge {
    position: absolute;
    top: 0;
    right: 0;

    padding: 2px 8px;
    white-space: nowrap;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    background-color: var(--clr-blush);

    border-radius: 0 0 0 var(--br-default);
    
    font-family: var(--font-heading);
    color: var(--clr-red);

    font-size: 1rem;
    line-height: 1rem;
}


.dv-badges>div {
    padding: 2px 4px;
    white-space: nowrap;
    text-transform: capitalize;
    text-decoration: none;
    background-color: var(--clr-blush);
    
    border-radius: var(--br-default);
    
    font-family: var(--font-paragraph);
    font-size: 1rem;
    
    
}
.dv-badges-product {
    position: inherit !important;
}
.dv-badges-product>div {
    font-size: 1rem;
    padding: 2px 4px;
    font-family: var(--font-paragraph);
}
.dv-same-day {
    color: var(--clr-forrest);
    border-radius: var(--br-default);
}
.dv-new {
    color: var(--clr-red);
    font-style: italic;
}

.dv-item-body {
    text-align: center;
    padding: 16px;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.dv-item-body-alt {
    display: flex;
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */

    padding: 16px 0;

    gap: 4px;

    flex-direction: column;
}

.dv-item-body-alt>.item-name {
    /* order: 1; */
    /* padding-right: 8px; */

    font-size: 1.25rem;
}

.dv-item-body-alt>.shop-name {
    /* order: 3; */
    font-size: 1rem;

    color: var(--clr-black50);

    /* padding-top: 8px; */
}

.dv-item-body-alt>.shop-name:hover {
    text-decoration: none;

    color: var(--clr-red);
}

.dv-item-body-alt>.item-price {
    /* order: 1; */
    color: var(--clr-black);
    font-size: 1.125rem;
    font-weight: 600;

    white-space: nowrap;
    flex-grow: 0;

    align-self: flex-start;
}

.item-name {
    text-decoration: none;
    color: var(--clr-black);

    font-size: 1rem;

    /* max-width: 190px; */

    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    flex-grow: 1;
    flex-basis: 50%;

    align-self: flex-start;
}

.item-name:hover {
    color: var(--clr-black);
}

.shop-name {
    width: fit-content;

    text-decoration: none;
    color: var(--clr-red);

    line-height: 100%;

    /* margin: 4px 0; */
    /* margin: 0 auto; */
    width: 100%;
    /* padding-top: 8px; */

    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

.shop-name:hover {
    text-decoration: underline;
    color: var(--clr-primary);
}

.shop-name>span {
    color: var(--clr-black);
    text-decoration: none;
}

.shop-name>span:hover {
    text-decoration: none !important;
}

.item-price {
    /* font-family: var(--font-heading); */
    font-size: 1.3rem;
    white-space: nowrap;
}

/* item group */


/* PARTNER WITH US */
.section-partner {
    background-color: var(--clr-blush72);
    margin: 0;

    background-image: url(/assets/images/bg-abstract.svg);
    background-size: 120%;
    background-position: center;
}

.section-partner p {
    /* color: var(--clr-black); */
    /* font-size: 1.5rem; */
}

/* partner with us */


/* STATS SECTION */

.section-stats {
    background-color: var(--clr-navy);
    position: relative;
    /* padding-top: 120px; */
    /* height: 311px; */
}

.section-stats>div {
    max-width: 785px;
}

.section-stats .row {
    padding-top: 120px;
    padding-bottom: 48px;
}

.section-stats .row > div {
    padding-bottom: 48px;
}

.section-stats h1 {
    font-size: 4rem;
    line-height: 60px;
    color: var(--clr-white);
}

.section-stats .text {
    color: var(--clr-white);
    font-size: 1.5rem;
    /* white-space: nowrap; */
}


.flower-item,
.flower-item-2 {
    position: absolute;
}

.flower-item {
    left: 0;
    top: 50%;
    transform: translateY(-50%) !important;
}

.flower-item-2 {
    right: 0;
    bottom: 50%;
    transform: translateY(50%) !important;
}


@media screen and (max-width: 1200px) {

    .flower-item,
    .flower-item-2 {
        width: 18vw;
    }

    .flower-item {
        top: 31px;
    }

    .flower-item-2 {
        bottom: 31px;
    }

    .section-stats>.container {
        max-width: 60vw !important;
    }

}

@media screen and (max-width: 767px) {

    .flower-item,
    .flower-item-2 {
        width: 35vw;
    }
}

/* stats section */


/* FOOTER */
.footer {
    background-color: var(--clr-white);
    color: var(--clr-black);

    background-image: url(/assets/images/footer-flowers.svg);
    background-position: bottom right;
    background-repeat: no-repeat;

    padding-bottom: 40px;

    border-top: 1px solid rgba(33, 35, 74, 0.16);
}

.footer p {
    margin-bottom: .5rem;
}

.footer h6 {
    color: var(--clr-black);
    font-size: 1.5rem;
}

.footer a {
    color: var(--clr-black50);
    text-transform: capitalize;
    font-size: 1.2rem;
}
.footer a:hover {
    color: var(--clr-link-primary-hover);
}

.footer .dv-store-badge-wrapper {

}

.footer .dv-store-badge-wrapper img {
    max-width: 140px;
}

.dv-social-icons {
    align-content: center;
}

.dv-social-icons ul {
    list-style: none;
    display: flex;
    padding: 0;
    width: fit-content;
    margin: 0 auto;
}

.dv-social-icons ul li {
    padding: 0 10px;
}

.footer hr {
    visibility: hidden;
}

.footer .copyright {
    color: var(--clr-black50);
}

/* footer */

.breadcrumb {
    background-color: var(--clr-blush24) !important;
    padding: 8px;
    width: max-content;
    max-width: 100%;
    border-radius: var(--br-default);
    color: var(--clr-black);
}

.breadcrumb .breadcrumb-item a {
    color: var(--clr-red);
    text-decoration: none;
}

.breadcrumb-item.active {
    color: var(--clr-black);
}
.breadcrumb-item+.breadcrumb-item::before {
    color: var(--clr-black);
}

.product-count {
    color: var(--clr-black50)
}

.product-count::before {
    content: "(";
}

.product-count::after {
    content: ")";
}

/* SORT BUTTON */

.dv-title-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dv-title-items h1 {
    flex-grow: 1;
}

.dv-filter-sort {
    display: flex;
    flex-shrink: 0;
}

.dv-filter-sort>* {
    white-space: nowrap !important;
}

.dv-filter-sort>*:last-child {
    display: none;
}

@media only screen and (max-width: 840px) {
    .dv-filter-sort>*:last-child {
        display: block;
    }
}

@media only screen and (max-width: 600px) {
    .dv-title-items {
        flex-direction: column;
        align-items: stretch;
    }

    .dv-filter-sort>* {
        width: 50% !important
    }
}

.dropdown-sort .dropdown-item div {
    font-family: var(--font-paragraph) !important;
    font-size: 1rem !important;
}

.dropdown-sort .dropdown-toggle::after {
    border: 0;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url(/assets/images/chevron-up.svg);

    transform: translateY(30%);
}
.dropdown-sort .dropdown-menu {
    max-width: fit-content  ;
}

.dropdown-sort button {
    font-family: var(--font-paragraph);
    font-size: 1rem !important;

    white-space: nowrap;
}


/* sort button */



/* ITEM DETAILS / PRODUCT DETAILS */

.product-title {
    margin-bottom: 6px;
    font-size: 2rem;
    line-height: 1.2;
    /* font-weight: normal; */
    /* -webkit-font-smoothing: antialiased */
}

.dv-price {
    align-items: baseline;
    color: var(--clr-black);
    /* margin-top: 24px; */

    font-family: var(--font-heading);
}

.dv-price .price {
    font-size: 2rem;
    font-family: inherit;
}

.dv-price .discount {
    font-size: 1.5rem;
    font-family: inherit;
    color: var(--clr-black50);
}

.discount {
    text-decoration: line-through;
    /* opacity: 0.72; */
}

.ul-attributes {
    display: flex;
    /* font-size: 14px; */
    position: relative;
    overflow: scroll;

    list-style: none;
    padding-left: 0;

    scrollbar-width: none;
}

.ul-attributes::-webkit-scrollbar {
    display: none;
}

.ul-attributes>li {
    padding: 0 10px;
    width: fit-content;
}
.ul-attributes>li:not(:last-child) {
    border-right: 1px solid var(--clr-black24);
}
.ul-attributes>li:first-child {
    padding-left: 0;
}
.ul-attributes>li:last-child {
    padding-right: 0;
}

.product-desc {
    color: var(--clr-black50)
}

.form-control, .input-group-text {
    border-radius: var(--br-default);
    border: 1px solid var(--clr-black50);
    height: 48px;
}

.form-control:focus {
    border-color: var(--clr-black);
    /* box-shadow: 0 0 0 0.25rem var(--clr-blush50); */
    box-shadow: 0 0 0 0.1rem var(--clr-black24);
    outline: 0;
}

.form-control::placeholder {
    color: var(--clr-black50)
}

select {
    /* -moz-appearance: checkbox; */
    /* background: transparent; */
    /* background: url('/assets/images/arrow-select1.svg') no-repeat right white; */
    /* background-size: 24px; */
    /* -webkit-appearance: none; */
    /* left: 0; */
    /* top: 0; */
}

select option:disabled {
    color: red !important;
    font-weight: bold;
}
select option {
    color: green;
}

@media screen and (min-width: 992px) {
    .dv-item-options {
        width: 75%;
    }

    .dv-item-options-old {
        width: 100%;
    }
}

.dv-item-options label {
    font-family: var(--font-heading);
    margin-bottom: .5rem;
    font-size: 1.45rem;
}

.dv-item-options select,
.dv-item-options .delivery-date {
    height: 48px;
    border: 1px solid var(--clr-black);
}

.dv-item-options .delivery-date {
    background: url('/assets/images/icon-calendar.svg') no-repeat center right 8px white;
    background-size: 12px;
    -webkit-appearance: none;
}

.text-area {
    border: 1px solid var(--clr-black);
    border-radius: var(--br-default);
    /* height: 96px; */
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
    position: relative;
    transition: .3s;
}
.text-area:focus {
    outline: none;
    box-shadow: 0 0 0 0.25rem var(--clr-blush50);
    /* border-color: rgba(150, 214, 0, 0.5); */
}

.dv-qty {
    border: 1px solid var(--clr-btn-primary);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
}
.dv-qty > button {
    border-radius: 0;
    color: var(--clr-btn-primary);
}
.dv-qty > button:focus {
    border: 1px solid var(--clr-black);
}

.input-qty {
    text-align: center;
    border: none;
    outline: none;
    max-width: 32px;

    height: 46px;

    /* font-family: var(--font-heading); */
    /* font-size: 1.5rem; */
    font-size: 1.3rem;
}

input[type=number] {
    -moz-appearance: textfield;
}

input[type='number']::-webkit-inner-spin-button, 
input[type='number']::-webkit-outer-spin-button { 
    display: none;
}

.spn-heading-view-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 8px;
}

/* TOPPER */

.dv-topper-select {
    display: flex;
    width: 100%;

    overflow: scroll;
}
.dv-topper-select::-webkit-scrollbar {
    /* display: none; */
    width: 1em;
    height: 1em;
}
.dv-topper-select::-webkit-scrollbar-thumb {
    background-color: var(--clr-black24);
    outline: 1px solid var(--clr-black50);
}

  

.dv-topper-head {
    position: relative;
    /* margin-bottom: 16px; */
    margin-right: 8px;

    /* height: 100px !important; */
    width: 100px !important;

    overflow: hidden;

    flex-shrink: 0;
}

.dv-topper-head input {
    cursor: pointer;
}
.dv-topper-head input:focus {
    /* box-shadow: 0 0 0 0.25rem var(--clr-blush50); */
    outline: transparent !important;
    box-shadow: none !important;
}

.dv-topper-content {
    border-radius: 8px;
    align-items: center;

    background-color: #fff;
}

.dv-topper-content img:last-child {
    width: 100%;
}

.dv-topper-content>span {
    height: fit-content;
}

.dv-topper-content .img-topper-check {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 4px;
    right: 4px;
}

.radio-topper {
    height: 100px;
    width: 100px;

    vertical-align: top;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--clr-black24);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;

    position: absolute;
}

.radio-topper:checked:after {
    content: '';
    display: block;
    color: red;
    background-image: url(/assets/images/Radio\ Button.svg);
    background-size: cover;
    background-repeat: no-repeat;

    width: 16px;
    height: 16px;

    position: absolute;
    margin-top: 4px;
    right: 4px;
}

.radio-topper:checked {
    border: 3px solid var(--clr-black);
}

/* topper */

/* item details / product details */


/* CHECKOUT */

.dv-box {
    background-color: #fff;
    box-shadow: 0 6px 20px rgb(0 0 0 / 8%);
    padding: 30px;
    margin-bottom: 32px;

    border-radius: var(--br-default);
}

.dv-box h4 {
    /* font-size: calc(1.5rem + .3vw); */
}

.heading-underline {
    position: relative;
    width: fit-content;
    display: inline-block;
    margin-bottom: 32px;
}


.heading-underline::after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    margin: 10px auto;
    width: 50px;
    height: 3px;
    background: var(--clr-red);
}

/* lang ar rtl */
/* html[dir='rtl'] .heading-underline::after {
    right: 0 ;
    left: auto;
} */

.dv-checkout-login {
    display: flex;
    flex-direction: column;
}

.dv-checkout-login>button {
    /* margin: 16px 0 8px; */
    margin: 12px 0;
    height: 48px;
    white-space: nowrap;

    border: none;
    border-radius: var(--br-default);

    transition: background-color .15s ease-in-out;

    display: flex;
    justify-content: center;
    align-items: center;

    transition: .2s ease-in-out;
}
.dv-checkout-login>button:active {
    transform: scale(0.975);
}

.dv-checkout-login>button svg {
    margin: 0 4px;
}

.dv-checkout-login input[readonly] {
    background-color: var(--clr-black04);
}

.btn-facebook {
    background-color: #4267B2;
    color: #fff;
    box-shadow: 0px 6px 16px rgb(66 103 178 / 24%);
}
.icon-facebook {
    width: 23px !important;
    height: 25px !important;
}

.btn-facebook:hover {
    background-color: #2b4e92;
}

.btn-google {
    background-color: #fff;
    color: #000;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 8%);
}
.icon-google {
    height: 20px !important;
    width: 20px !important;
}
    
.btn-google:hover {
    background-color: #f1f1f1;
}

.btn-apple {
    background-color: #000;
    color: #fff;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 8%);
}
.icon-apple {
    width: 24px !important;
    height: 24px !important;
}

.btn-email {
    background-color: var(--clr-btn-primary);
    color: #fff;
    border: none;
    /* box-shadow: 0px 2px 8px rgb(149 214 0 / 24%); */
    box-shadow: 0px 2px 8px var(--clr-blush50);
}

.btn-email:hover {
    background-color: var(--clr-btn-primary-hover);
}


/* DO YOU KNOW THE ADDRESS */

.dv-checkout-address-container .nav-item {
    /* background-color: var(--clr-black24); */
    background-color: transparent;
    border-radius: var(--br-default);
    margin-right: 16px;

    font-family: var(--font-heading);
    color: var(--clr-black);
}

.dv-checkout-address-container .nav-link.active {
    background-color: var(--clr-black);
}

.dv-checkout-address-container .nav-link {
    border-radius: var(--br-default);
    color: var(--clr-black50);
}

.dv-checkout-address-container .nav-link:hover {
    color: var(--clr-black);
}

.dv-checkout-address-container .nav-link.active:hover {
    color: #fff;
}

.dv-checkout-address {
    display: flex;
}

.dv-checkout-address .icon-location-marker {
    width: 24px;
    height: 24px;   
}

.dv-checkout-address>div {
    padding-left: 8px;
    padding-top: 2px;
}

.dv-checkout-address a {
    text-decoration: underline;
    color: var(--clr-black);
}

.title-underline {
    position: relative;
    width: fit-content;
    display: inline-block;
    margin-bottom: 16px;
}

.title-underline::after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    margin: 8px auto;
    width: 120%;
    height: 2px;
    border-radius: 2px;
    background: var(--clr-black24);
}

.dv-checkout-address>div>div {
    font-size: 1rem;
    line-height: 24px;
    color: var(--clr-black50);
}

#pills-no input {
    margin-bottom: 16px;

    padding-left: 16px;
    position: relative;
    margin-right: 8px;
    width: 100%;
    transition: .3s;
}

/* do you know the address */

/* CART */

.dv-cart ul {
    list-style: none;
    padding-left: 0;
}

@media only screen and (max-width:600px) {
    .dv-cart {
        padding: 20px;
    }
}

.dv-cart-item {
    display: flex;
    justify-content: space-between;
}

.img-cart-item {
    width: 120px;
    height: 120px;
    margin-right: 24px;

    border-radius: var(--br-default);
}

.dv-cart-item-content {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    padding: 8px;
    padding-bottom: 0;
}

.spn-cart-name,
.dv-cart-item-price {
    font-size: 1.25rem;
    line-height: 1;
}

.dv-cart-item-price {
    flex-shrink: 0;
    padding: 8px;
    height: fit-content;
    font-size: 1.25rem;
    text-align: right;
    color: var(--clr-black);

    display: flex;
    flex-direction: column;

    font-family: var(--font-heading);
    font-size: 1.5rem;
}

.dv-cart-item-price * {
    font-family: var(--font-heading);
}

.spn-cart-shop {
    font-size: 1.125rem;
    color: var(--clr-black72);
    padding-bottom: 12px;
}

.dv-cart-options {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    font-size: 1.125rem;
    color: var(--clr-black72);
}

.dv-cart-options>span {
    margin-bottom: 8px;
    cursor: pointer;

    display: flex;
    align-items: center;
}

.dv-cart-options>span>svg {
    margin-right: 8px;
    flex-shrink: 0;
}

/* lang ar rtl */
/* html[dir='rtl'] .dv-cart-options>span>svg {
    margin-right: 0;
    margin-left: 8px;
} */

.dv-cart-message {
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-remove-cart {
    border: none;
    background-color: transparent;
    padding: 8px;
    height: fit-content;
}

@media screen and (max-width: 580px) {

    .dv-cart-item {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .img-cart-item {
        order: -3;
        margin: 8px;
        width: 75px;
        height: 75px;
    }

    .dv-cart-item-price {
        order: -2;
        flex-grow: 1;
    }

    .btn-remove-cart {
        /* order: -1; */
    }

    .dv-cart-item-content {
        flex-shrink: 0;
    }
    
}

@media screen and (max-width: 405px) {
    .btn-remove-cart {
        order: -1;
    }
}

.cart-total {
    
}

.dv-cart-item .icon-close {
    opacity: 0.72;
}

/* cart */

/* ORDER SUMMARY */

.ul-order-summary {
    list-style: none;
    padding-left: 0;

    /* border-top: 1px solid var(--clr-black24); */
    border-bottom: 1px solid var(--clr-black24);
    margin-bottom: 24px !important;

    font-family: var(--font-heading);
    /* font-size: 1.4rem; */
    font-size: 1.2rem;
}

.ul-order-summary>* {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    margin-bottom: 24px;

    font-family: var(--font-heading);
}
.ul-order-summary * * {
    font-family: inherit;   
}

.ul-order-summary > li > span:last-child {
    white-space: nowrap;
    margin-left: 8px;
}

.input-promo {
    overflow: hidden;
    border: 1px solid var(--clr-black50);
    border-radius: 8px !important;
    
}

.input-promo button {
    border-radius: 0;
    z-index: 1000;
}
.input-promo button:focus, .input-promo button:active {
    box-shadow: none !important;
    /* transform: none; */
}

.input-promo>input {
    border: none;
}
.input-promo>input:focus {
    box-shadow: none;
}

.btn-bleems-points {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    padding: 0;

    background-color: transparent;
}

.btn-bleems-points:active {
    border-radius: 4px;
    box-shadow: 0px 0px 2px 1px var(--clr-blush);
}

.btn-bleems-points:hover {
    cursor: pointer;
}

.btn-bleems-points>div {
    text-align: left;
}

.spn-caption {
    font-size: 1rem;
    color: var(--clr-black50);
}

.btn-bleems-points input {
    width: 20px;
    height: 20px;
    border-radius: 50%;

    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--clr-black);

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.btn-bleems-points input:focus {
    border-color: var(--clr-black);
    outline: 0;
    box-shadow: 0 0 0 0.25rem var(--clr-blush50);
}

.btn-bleems-points input:checked {
    background-color: var(--clr-black);
    border-color: var(--clr-white);

    background-image: url(/assets/images/check.svg);
}

.dv-payment-option {
    position: relative;
    margin-bottom: 16px;

    border: none;
}

.dv-payment-option .icon-payment {
    height: 100%;
    width: 2rem;
    object-fit: contain;
}

.radio-payment {
    width: 20px;
    height: 20px;
    vertical-align: top;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--clr-black24);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;

    width: 100%;
    height: 44px;

    position: absolute;

    border-radius: var(--br-default);
}

.radio-payment:checked {
    border: 2px solid var(--clr-black);
}

.radio-payment:focus {
    outline-color: transparent;
}

.radio-payment:hover {
    cursor: pointer;
}

.dv-payment-content {
    border: none;
    display: flex;
    height: 44px;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
}

.dv-payment-content>span {
    height: fit-content;
}

.dv-payment-content .spn-exp {
    color: var(--clr-black50);
}

.receipt-disclaimer {
    font-family: var(--font-paragraph);
    font-size: 1rem;
}

/* order summary */

.bg-stc {
    background-color: var(--clr-stc) !important;
}
.bg-stc:hover {
    background-color: #50008dce !important;
}
.bg-stc img {
    vertical-align: baseline !important;
}

/* checkout */

/* ACCOUNT PAGE */

.verified {
    background: url('/assets/images/icon-verified.svg') no-repeat white;
    background-size: 20px;
    background-position: calc(100% - 8px) center;
}

.ul-addresses {
    padding-inline-start: 0 !important;
    list-style: none;

    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.ul-addresses > li {
    flex-grow: 1;
}

@media (min-width: 992px) { 
    .ul-addresses > li {
        flex: 0 0  calc(50% - 10px);
    }
 }

.dv-address-card {
    border: 1px solid var(--clr-black08);
    border-radius: var(--br-default);
    
    width: 100%;
    padding: 15px;
    transition: background-color .3s;
}

.dv-address-content {
    display: flex;
    align-items: center;
    gap: 16px;
}

.dv-address-content .google-map {
    /* margin-right: 16px; */

    flex-shrink: 0;
}

.google-map {
    background-color: var(--clr-black24);
    width: 125px;
    min-width: 95px !important;
    height: 95px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
}

@media only screen and (max-width:574px) {
    .dv-address-content {
        flex-wrap: wrap;
        gap: 16px;
    }
    .google-map, .dv-edit-delete {
        width: 100%;
    }
    .dv-address-card .dv-edit-delete {
        visibility: visible !important;
    }
}

@media (hover: none) and (pointer: coarse) {
    .dv-address-card .dv-edit-delete,
    .dv-content-list .dv-edit-delete {
        visibility: visible !important;
    }
  }

.dv-address-details {
    color: var(--clr-black);
    flex-grow: 1;
}

.dv-address-details span {
    color: var(--clr-black50)
}

.dv-address-details span:nth-child(4) {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.2; /* Adjust the line height as needed */
    height: 2.4em; /* Calculate the height based on line height (line height * number of lines) */
}

.dv-address-card .dv-edit-delete {
    visibility: hidden;
    display: flex;
    gap: 8px;
}

.dv-address-card .dv-edit-delete span {
    /* margin: 0 4px; */
}

.dv-address-card .dv-edit-delete span button,
.dv-content-list .dv-edit-delete span button {
    padding: 0;
    white-space: nowrap;
}

.dv-address-card:hover .dv-edit-delete {
    visibility: visible;
}


.dv-address-card .dv-edit-delete span:first-child button {
    color: var(--clr-black);
}
.dv-address-card .dv-edit-delete span button:hover {
    opacity: 50%;
}

.dv-address-card .dv-edit-delete span:last-child button {
    color: var(--clr-red);
}

.ul-account-content {
    list-style: none;
    padding-inline-start: 0;
}

.dv-content-list {
    border-top: 1px solid var(--clr-black24);
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background-color .2s;
    padding: 16px;
}

.dv-content-list>img {
    margin-right: 16px;
}

.dv-content-list>span:last-child {
    text-align: end;
    flex-shrink: 0;
}

.dv-content-list>input {
    flex-shrink: 0;
    margin-right: 8px;
}

li:last-of-type .dv-content-list:last-child {
    border-bottom: 1px solid var(--clr-black24);
}

.dv-content-list:hover , .dv-address-card:hover{
    background-color: var(--clr-blush24);
}

.dv-content-list:hover .dv-edit-delete {
    visibility: visible;
}

.spn-card-number {
    flex-grow: 1;
}

.dv-content-list .dv-edit-delete {
    visibility: hidden;
}


.dv-content-list .dv-edit-delete span:first-child button {
    color: var(--clr-black);
}
.dv-content-list .dv-edit-delete span button:hover {
    opacity: 50%;
}

.dv-content-list .dv-edit-delete span:last-child button {
    color: var(--clr-red);
}

.dv-box-footer-text {
    font-size: 1rem;
    color: var(--clr-black24);
    margin-left: 16px;
    margin-right: 16px;
}

/* account page */

/* BLEEMS CREDIT */
.ul-bleems-credit .dv-content-head span {
    font-weight: 600;
    font-size: 1rem;
    color: var(--clr-black);
    color: var(--clr-black50);
}

/* bleems credit */

/* ORDERS */
.dv-orders-card {
    border: 1px solid var(--clr-black72);
    width: 100%;
    padding: 15px;
    /* transition: background-color .3s; */
    margin-bottom: 24px;
    cursor: pointer;
    overflow: hidden;

    border-radius: var(--br-default);
}

.dv-orders-card:hover {
    background-color: var(--clr-blush24);
}

.dv-orders-content {
    display: flex;
    align-items: center;
    gap: 16px;
}

.img-order {
    width: 56px;
    height: 56px;
    overflow: hidden;
    flex-shrink: 0;
}

.img-order img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dv-order-details {
    flex-grow: 1;
    /* margin-left: 16px; */
}

.spn-order-status,
.spn-order-details {
    font-size: 1rem;
    color: var(--clr-black50);
}

.spn-order-id {
    color: var(--clr-black);
    
    font-family: var(--font-heading);
    font-size: 1.5em;
}

.dv-order-ratings:not(:last-child) {
    margin-bottom: 16px;
}

.dv-order-ratings {
    border-radius: 4px;
    transition: background-color .3s;
    display: flex;
    margin-top: 16px;

    gap: 16px;
    align-items: center;
}

.dv-order-ratings:hover {
    background-color: var(--clr-blush50);
}

.spn-shop-name {
    /* margin-right: 16px; */
    width: 160px;
}

/* orders */

/* ORDER RATING MODAL */
.dv-ratings-modal {

}
.dv-ratings-modal-content {
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: center; */

    text-align: center;

}
.ratings-shop-logo {
    box-shadow: 0px 10px 70px rgb(0 0 0 / 15%);
    width: 88px;
    display: block;
    margin: auto;
}


/* TAP TO RATE CODEPEN */
.dv-tap-to-rate {
    /* background-color: red; */
}

.dv-tap-to-rate input:focus {
    outline: none;
    box-shadow: none;
}

.rating {
    /* margin: auto; */
    /* width: fit-content; */
    flex-shrink: 0;
  }
  .rating__display {
    font-size: 1em;
    font-weight: 500;
    min-height: 1.25em;
    position: absolute;
    top: 100%;
    width: 100%;
    text-align: center;
  }
  .rating__stars {
    /* display: flex; */
    padding-bottom: 0.375em;
    position: relative;
  }
  .rating__star {
    display: block;
    overflow: visible;
    pointer-events: none;
    width: 2em;
    height: 2em;
  }
  .rating__star-ring, .rating__star-fill, .rating__star-line, .rating__star-stroke {
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  .rating__star-ring, .rating__star-fill, .rating__star-line {
    stroke: var(--clr-yellow);
  }
  .rating__star-fill {
    fill: var(--clr-yellow);
    transform: scale(0);
    transition: fill var(--trans-dur) var(--bezier), transform var(--trans-dur) var(--bezier);
  }
  .rating__star-stroke {
    stroke: var(--clr-black24);
    transition: stroke var(--trans-dur);
  }
  .rating__label {
    cursor: pointer;
    padding: 0.125em;
  }
  .rating__label--delay1 .rating__star-ring, .rating__label--delay1 .rating__star-fill, .rating__label--delay1 .rating__star-line, .rating__label--delay1 .rating__star-stroke {
    animation-delay: 0.05s;
  }
  .rating__label--delay2 .rating__star-ring, .rating__label--delay2 .rating__star-fill, .rating__label--delay2 .rating__star-line, .rating__label--delay2 .rating__star-stroke {
    animation-delay: 0.1s;
  }
  .rating__label--delay3 .rating__star-ring, .rating__label--delay3 .rating__star-fill, .rating__label--delay3 .rating__star-line, .rating__label--delay3 .rating__star-stroke {
    animation-delay: 0.15s;
  }
  .rating__label--delay4 .rating__star-ring, .rating__label--delay4 .rating__star-fill, .rating__label--delay4 .rating__star-line, .rating__label--delay4 .rating__star-stroke {
    animation-delay: 0.2s;
  }
  .rating__input {
    -webkit-appearance: none;
    appearance: none;

    display: none;
  }
  .rating__input:hover ~ [data-rating]:not([hidden]) {
    display: none;
  }
  .rating__input-1:hover ~ [data-rating="1"][hidden], .rating__input-2:hover ~ [data-rating="2"][hidden], .rating__input-3:hover ~ [data-rating="3"][hidden], .rating__input-4:hover ~ [data-rating="4"][hidden], .rating__input-5:hover ~ [data-rating="5"][hidden], .rating__input:checked:hover ~ [data-rating]:not([hidden]) {
    display: block;
  }
  .rating__input-1:hover ~ .rating__label:first-of-type .rating__star-stroke, .rating__input-2:hover ~ .rating__label:nth-of-type(-n + 2) .rating__star-stroke, .rating__input-3:hover ~ .rating__label:nth-of-type(-n + 3) .rating__star-stroke, .rating__input-4:hover ~ .rating__label:nth-of-type(-n + 4) .rating__star-stroke, .rating__input-5:hover ~ .rating__label:nth-of-type(-n + 5) .rating__star-stroke {
    stroke: var(--clr-yellow);
    transform: scale(1);
  }
  .rating__input-1:checked ~ .rating__label:first-of-type .rating__star-ring, .rating__input-2:checked ~ .rating__label:nth-of-type(-n + 2) .rating__star-ring, .rating__input-3:checked ~ .rating__label:nth-of-type(-n + 3) .rating__star-ring, .rating__input-4:checked ~ .rating__label:nth-of-type(-n + 4) .rating__star-ring, .rating__input-5:checked ~ .rating__label:nth-of-type(-n + 5) .rating__star-ring {
    animation-name: starRing;
  }
  .rating__input-1:checked ~ .rating__label:first-of-type .rating__star-stroke, .rating__input-2:checked ~ .rating__label:nth-of-type(-n + 2) .rating__star-stroke, .rating__input-3:checked ~ .rating__label:nth-of-type(-n + 3) .rating__star-stroke, .rating__input-4:checked ~ .rating__label:nth-of-type(-n + 4) .rating__star-stroke, .rating__input-5:checked ~ .rating__label:nth-of-type(-n + 5) .rating__star-stroke {
    animation-name: starStroke;
  }
  .rating__input-1:checked ~ .rating__label:first-of-type .rating__star-line, .rating__input-2:checked ~ .rating__label:nth-of-type(-n + 2) .rating__star-line, .rating__input-3:checked ~ .rating__label:nth-of-type(-n + 3) .rating__star-line, .rating__input-4:checked ~ .rating__label:nth-of-type(-n + 4) .rating__star-line, .rating__input-5:checked ~ .rating__label:nth-of-type(-n + 5) .rating__star-line {
    animation-name: starLine;
  }
  .rating__input-1:checked ~ .rating__label:first-of-type .rating__star-fill, .rating__input-2:checked ~ .rating__label:nth-of-type(-n + 2) .rating__star-fill, .rating__input-3:checked ~ .rating__label:nth-of-type(-n + 3) .rating__star-fill, .rating__input-4:checked ~ .rating__label:nth-of-type(-n + 4) .rating__star-fill, .rating__input-5:checked ~ .rating__label:nth-of-type(-n + 5) .rating__star-fill {
    animation-name: starFill;
  }
  .rating__input-1:not(:checked):hover ~ .rating__label:first-of-type .rating__star-fill, .rating__input-2:not(:checked):hover ~ .rating__label:nth-of-type(2) .rating__star-fill, .rating__input-3:not(:checked):hover ~ .rating__label:nth-of-type(3) .rating__star-fill, .rating__input-4:not(:checked):hover ~ .rating__label:nth-of-type(4) .rating__star-fill, .rating__input-5:not(:checked):hover ~ .rating__label:nth-of-type(5) .rating__star-fill {
    fill: var(--clr-yellow)
  }
  .rating__sr {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
  }
  
  @keyframes starRing {
    from, 20% {
      animation-timing-function: ease-in;
      opacity: 1;
      r: 8px;
      stroke-width: 16px;
      transform: scale(0);
    }
    35% {
      animation-timing-function: ease-out;
      opacity: 0.5;
      r: 8px;
      stroke-width: 16px;
      transform: scale(1);
    }
    50%, to {
      opacity: 0;
      r: 16px;
      stroke-width: 0;
      transform: scale(1);
    }
  }
  @keyframes starFill {
    from, 40% {
      animation-timing-function: ease-out;
      transform: scale(0);
    }
    60% {
      animation-timing-function: ease-in-out;
      transform: scale(1.2);
    }
    80% {
      transform: scale(0.9);
    }
    to {
      transform: scale(1);
    }
  }
  @keyframes starStroke {
    from {
      transform: scale(1);
    }
    20%, to {
      transform: scale(0);
    }
  }
  @keyframes starLine {
    from, 40% {
      animation-timing-function: ease-out;
      stroke-dasharray: 1 23;
      stroke-dashoffset: 1;
    }
    60%, to {
      stroke-dasharray: 12 12;
      stroke-dashoffset: -12;
    }
  }

/* tap to rate codepen */


/* order rating modal */

.password-label {
    width: 100%;
}

.password-label a {
    font-weight: normal;
    float: right;
    position: relative;
    font-size: 1rem;
}

.dv-category-heading {
    /* margin-bottom: 16px; */
    margin-bottom: 2rem;
}

.dv-category-heading a:last-child {
    white-space: nowrap;
}

.dv-category-heading,
.dv-subcat-heading {
    display: flex;
    justify-content: space-between;
    /* align-items: flex-start; */
    align-items: center;

    padding: 0 8px;
}

.dv-category-heading h1 {
    text-transform: capitalize;
    margin-bottom: 0;
}

.dv-category-heading>.btn {
    
}

.dv-category-heading>.btn-sm {
    font-size: 1rem;
}

.dv-subcat-heading {
    margin-bottom: 12px;
}


/* SHOP HEADER */

.section-shop-header {
    overflow: hidden;
    position: relative;
}

.section-shop-header h1,
.section-shop-header span {
    color: #fff;
}

.section-shop-header>.container {
    padding: 80px 0;
    z-index: 1000 !important;
}

.section-shop-header>.container .btn {
    margin: 0 auto;
}

.dv-shop-banner-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    /* background-color: rgba(17, 27, 86, 0.4); */

    z-index: -1000;
}

/* shop header */


/* ABOUT HERO */

.section-hero {
    background-color: var(--clr-blush);
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0;
}

.section-hero > .container {
    max-width: 810px;
    font-size: 2.5rem;
    line-height: 1.15;
    padding-top: 250px;
    padding-bottom: 250px;
}

.section-hero h1 {
    font-size: 2em;
    line-height: 1.28;
    padding-bottom: 20px;
}

.about-flower {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
}

.section-banner .row {
    --bs-gutter-x: 0;
}

/* about hero */

/* ABOUT US */

.section-about-us *:not(:first-child){
    margin-top: 30px;
}

/* about us */

/* TEAM SECTION */

.member-image-wrapper {
    /* aspect-ratio: 1; */
    overflow: hidden;
    border-radius: var(--br-default);
}

.member-image-wrapper>img {
    
    width: 100%;
    height: 100%;
    
    /* filter: grayscale(100%); */
    transition: transform 0.3s ease-in-out;

    object-fit: cover;

}

.member-head {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    margin: 0;
    margin-top: 8px; 

    white-space: nowrap;
}

.member-sub-head {
    color: var(--clr-black50);
    margin: 0;
    margin-top: -6px;
}

.toggle-desc {
    background-color: transparent;
    border: none;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.54;
    padding: 0;
    cursor: pointer;
    display: block;
    /* margin: 2px 0 0; */
    margin-top: -4px;
    position: relative;
}

.toggle-desc p {
    margin: 0;
}

.member-desc {
    padding-right: 24px;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/* team section */




/* REVIEWS MODAL */


@media only screen and (min-width:600px) {
    #reviewsModal .modal-content {
        max-height: 80%;
    }
}

.li-reviews {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-bottom: 32px;
}

.dv-reviews-text {
    background-color: var(--clr-blush24);
    border-radius: var(--br-default);

    padding: 20px 15px;
    flex-grow: 1;
    flex-basis: 100%;
    margin-bottom: 12px;
}

.dv-rating-holder {
    position: relative;
    width: fit-content;
}

.dv-rating-holder>*{
    position: absolute;
    top: 0;
    right: 0;

    display: inline-block;
}

.dv-reviews-name {}

.dv-reviews-rating {
    flex-shrink: 0;
    display: flex;
}

.dv-reviews-rating>svg {
    width: 14px;
}


.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	fill: currentColor;
    vertical-align: -0.1em;
}

svg {
    /* color: red; */
    pointer-events: none;
}

.glyph {
	font-size: 16px;
	width: 14em;
	margin-right: 1.5em;
	float: left;
	overflow: hidden;
}

/* CONTACT US */
.section-contact {
    background-size: cover;
}

.section-contact h1 {
    color: var(--clr-white);
    font-size: 5.625rem;
    padding: 80px 0;
}

@media only screen and (max-width:882px) {
    .section-contact h1 {
        font-size: 3.5rem;
    }
}

.section-contact-info .contact-details {
    width: 45%;
    margin: 0 auto;
    text-align: center;
    margin-top: 30px;

}

.section-contact-info .contact-details table {
    width: 100% !important;
    table-layout: auto;
    text-align: initial;
}
.section-contact-info .contact-details table td {
    padding: 10px;
    white-space: nowrap;
}

/* contact us */

/* ORDER RECIEPT NEW */
.li-r-item-block {
    margin-bottom: 16px;
}

.dv-r-item-details {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-bottom: 16px;

    gap: 8px;
}
.dv-r-item-details > img {
    width: 72px;
    height: 72px;
}

.dv-r-price {
    font-family: var(--font-heading);
    font-size: 1.5rem;

    white-space: nowrap;
    /* margin-left: 10px; */
}

.dv-r-item-desc {
    flex-grow: 1;
}

.dv-r-item-options {
    display: flex;
    gap: 8px;
    /* align-items: center; */
    
    margin-bottom: 16px;
}
.dv-r-item-options > .icon {
    /* margin: 4px 8px 2px 0px; */
    margin-top: 4px;
}

.li-receipt-text {
    opacity: 0.72;
    display: flex;
    justify-content: space-between;
    /* padding-bottom: 8px; */
    margin-bottom: 8px;   
}

.li-receipt-text > :first-child {
    background-color: transparent;
    width: 60%;
}
/* order reciept new */

/* LOADER */
.dv-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(33, 35, 74, 0.24);

    z-index: 1000;
}

.dv-loader lottie-player {
    margin: auto auto;
    margin-top: 50vh;
    transform: translateY(-50%);
}
/* loader */

/* LOADER OVERLAY LOTTIE*/
.dv-loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(33, 35, 74, 0.24);
    width: 100%;
    height: 100%;
    z-index: 100;
    margin: auto;
}
.dv-loader-overlay lottie-player {
    width: 300px;
    height: 300px;
    margin: auto;
}
/* loader overlay lottie*/

/* LOADER OVERLAY GIF */
.loader-gif {
    width: 140px;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* loader overlay gif */

.container-wishlist .btn-wishlist {
    opacity: 1 !important;
}

/* EMPTY STATE */
.container-empty-state {

}

.container-empty-state > * {
    width: fit-content;
    max-width: 100%;
    display: block;
    margin: auto;
}

.dv-empty-state-icon {
    /* background-color: #eee; */
    width: 100px;
    height: 100px;
}
.dv-empty-state-icon > img {
    width: 100%;
    height: 100%;
}

/* empty state */

/* SHIMMER EFFECT */

  
.loading-skeleton h1, .loading-skeleton h2, .loading-skeleton h3, .loading-skeleton h4, .loading-skeleton h5, .loading-skeleton h6,
.loading-skeleton p, .loading-skeleton li,
.loading-skeleton .btn,
.loading-skeleton label,
.loading-skeleton .form-control {
  color: transparent;
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--clr-skeleton);
  border-color: var(--clr-skeleton);
}
.loading-skeleton h1::placeholder, .loading-skeleton h2::placeholder, .loading-skeleton h3::placeholder, .loading-skeleton h4::placeholder, .loading-skeleton h5::placeholder, .loading-skeleton h6::placeholder,
.loading-skeleton p::placeholder, .loading-skeleton li::placeholder,
.loading-skeleton .btn::placeholder,
.loading-skeleton label::placeholder,
.loading-skeleton .form-control::placeholder {
  color: transparent;
}

.loading-skeleton button::after, .loading-skeleton input {
  /* display: none; */
}

.loading-skeleton input, .loading-skeleton input:checked {
  background-image: none !important;
  background-color: var(--clr-skeleton);
  border-color: var(--clr-skeleton)
}

.loading-skeleton .heading-underline::after {
  background: var(--clr-skeleton);
}
.loading-skeleton .dropdown-divider {
  border-top-color: var(--clr-skeleton);
}


/* SKELETON LOADER FOR FILTERS */
.loading-skeleton h2:not(.accordion-header) {
    width: fit-content;
    color: transparent;
}
.loading-skeleton .accordion-header {
    background-color: transparent;
}
.loading-skeleton .accordion-header * {
    background-color: var(--clr-skeleton);
    color: transparent;
}

.loading-skeleton .accordion-header *::after,
.loading-skeleton .button-main-filter:not(.collapsed)::after {
    background-image: none !important;
}

.loading-skeleton .btn-close-round {
    display: none;
}

.loading-skeleton .btn-filter-option *,
.loading-skeleton .btn-filter-option .spn-filter-count,
.loading-skeleton .btn-filter-option .dv-clr-filter {
    background-color: var(--clr-skeleton) !important;
    color: transparent;
}
.loading-skeleton .a-view-more {
    background-color: transparent;
    color: transparent !important;
    width: fit-content;
}
.loading-skeleton .dv-clr-filter {
    display: none;
}
/* skeleton loader for filters */

/* SKELETON FOR ITEMS */
.loading-skeleton .item-name,
.loading-skeleton .item-price,
.loading-skeleton .shop-name,
.loading-skeleton .shop-name span,
.loading-skeleton .dv-badges>*,
.loading-skeleton .dv-same-day-banner {
    color: transparent;
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--clr-skeleton);
    border-color: var(--clr-skeleton);
}
/* skeleton for items */


@keyframes loading-skeleton {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.loading-skeleton {
  pointer-events: none;
  animation: loading-skeleton 1s infinite alternate;
}
.loading-skeleton img {
  filter: grayscale(100) contrast(0%) brightness(1.8);
}

/* shimmer effect */

/* TIME SLOTS */

.dv-time-slots {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
}

.dv-time-slots > button {
    white-space: nowrap;
    width: calc(50% - 4px);
    font-family: var(--font-paragraph);
    font-size: 1rem !important;
}

@media only screen and (max-width: 500px) {
    .dv-time-slots {
        flex-direction: column;
    }
    .dv-time-slots > button {
        width: 100%;
    }
}

/* time slots */

/* VERIFY MODAL STYLES */
.verify-footer > * {
    flex-grow: 1;
}

.input-otp {
    max-width: 200px;
    margin: 0 auto;

    letter-spacing: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1rem;

    padding: 7px 7px 7px 15px;
    height: auto;
}

.input-number {
    max-width: 200px;
    margin: 0 auto;

    letter-spacing: 2px;
}

/* verification modal styles */

.cart-count {
    color: #fff;
    background-color: #F55353;
    width: 20px;
    height: 20px;
    position: absolute;
    display: inline-block;
    font-size: 1rem;
    /* line-height: 1.2rem; */
    /* font-size: 0.75rem; */
    line-height: 1.2rem;
    border-radius: 50%;
    transform: translate(-10px,-6px);
    text-align: center;
}

.img-404 {
    width: 40%;
    max-width: 300px;
}

.body-404 {
    background-image: url(/assets/images/404-bg-desktop.svg);
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100vh;
}

@media only screen and (max-width: 767px) {
    .body-404 {
        background-image: url(/assets/images/404-bg-mobile.svg);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 100vh;
    }
}

/* RECIPIENT ADDRESS */

.recipient-header .btn-lang {
    position: absolute;
    top: 29px;
    right: 30px;
    text-align: right;
}

.recipient-header .logo, .recipient-header .logo_ar {
    height: 45px;
    margin: 21px 0px 13px;;
}

html .logo_ar {
    display: none;
}

/* recipient address */

/* CUSTOM SCROLLBAR */
::-webkit-scrollbar {
    scrollbar-width: thin;
    width: 4px !important;
    height: 4px !important;
}

::-webkit-scrollbar-thumb {
    background: var(--clr-black24);
    border-radius: var(--br-default);
}

::-webkit-scrollbar-track {
    width: 5px;
    border-radius: var(--br-default);
}

/* custom scrollbar */

/* FIX PAGE WIDTH AR */
.datepickers-container {
    display: none;
}
/* fix page width ar */

/* PAYMENT FAILED PAGE */

.dv-payment-failed-container {
    /* border: 1px solid black; */
}

.dv-payment-failed-container img {
    max-width: 400px;
}

.dv-payment-failed-table {

}

.dv-payment-failed-table .row {
    margin-bottom: 16px;
}

.dv-payment-failed-table *:first-child {
    color: var(--clr-black50);
    text-transform: uppercase;
    text-align: left;
}

.dv-payment-failed-table *:last-child {
    text-align: right;
}

/* payment failed page */

/* MEDIA QUERIES FOR NON-TOUCH DEVICES */
@media (hover: hover) {
    
  }

/* media queries for non-touch devices */


/* MEDIA QUERIES FOR TOUCH DEVICES */
@media (hover: none) and (pointer: coarse) {

}

/* media queries for touch devices */


/* ADDRESS SELECTOR ITEM DETAILS */
.dv-item-address-selector {

    border-radius: var(--br-default);
    padding: 12px;

    width: fit-content;
}

.dv-item-address-selector.address-deliverable {
    background-color: var(--clr-black04);
}

.dv-item-address-selector.address-undeliverable {
    background-color: var(--clr-red24);
    display: flex;
    gap: 8px;
}

.dv-item-address-selector .spn-address-name {
    font-family: var(--font-heading);
    font-size: 1.2rem;
}

/* address selector item details */

/* ACCOUNT PAGE TWEAKS */
.input-group .btn:last-child {
    border-radius: 0px 8px 8px 0px !important;
}

.form-control:disabled, .form-select:disabled {
    background-color: var(--clr-black04);
    color: var(--clr-black72);
}

.input-group.flex-nowrap > div > *:not(:last-child) {
    /* border-radius: 8px 0px 0px 8px !important; */
}

.input-group.input-group.flex-nowrap .intl-tel-input:not(:last-child) input {
    border-radius: 8px 0px 0px 8px !important;
}

/* account page tweaks */

.no-min-width {
    min-width: fit-content;
}
.min-width {
    min-width: 140px;
}

/* ALTERNATIVE ITEM OPTIONS */
.form-floating .form-control:disabled {
    background-color: transparent
}

.dv-item-options-alt {
    
}

.dv-item-options-alt label {
    font-family: var(--font-paragraph);
}

.dv-item-options-alt .form-floating {
    margin-bottom: 1rem;

    height: 68px;
}
.dv-item-options-alt .form-floating select, .dv-item-options-alt .form-floating input {
    height: 68px;
}

.dv-item-options-alt .form-floating>label {
    font-size: 1rem;
    padding: 12px 0 0 12px;
}
.dv-item-options-alt .form-floating>label::after {
    background-color: transparent !important;
}

.dv-custom-card {
    border-radius:  var(--br-default);
    border: 1px solid black;

    padding: 12px;
    padding-top: 4px;
}

.dv-custom-card .label {
    font-size: 1rem;
    opacity: .65;
}

.bloom-chevron-right {
    background-image: url(/assets/images/chevron__right.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 16px 12px;
}

.form-select:focus {
    border-color: var(--clr-black);
    outline: 0;
    box-shadow: 0 0 0 0.1rem var(--clr-black24);
}

#cardModal .form-floating textarea {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;

    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

#cardModal .form-floating label {
    font-family: var(--font-paragraph);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);
    opacity: 0.65;
}

.dv-address-error {
    /* background-color: var(--clr-red24); */
    background: url(/assets/images/icon-info.svg) 12px 30px / 24px no-repeat;
    margin-bottom: 40px !important;
}
.dv-address-error input {
    background-color: var(--clr-red24) !important;
    padding-left: 40px !important;
}

.dv-address-error label {
    color: var(--clr-red) !important;
}

/* alternative item options */

/* CHECKOUT ALT */
.dv-checkout-address-container {

}

.dv-cart-item-alt {
    padding: 0;
    display: flex;
    border-radius: var(--br-default);

    overflow: hidden;
}

.dv-cart-item-alt .dv-order-img {
    width: 210px;
}
.dv-cart-item-alt .dv-order-img img {
    width: 100%;
}

.dv-cart-item-alt .dv-order-content {
    padding: 16px;
    width: 100%;
}

.dv-cart-item-alt .dv-order-content h4 {
    font-size: 1.2rem;
}

/* IDK */

.idk-address {
    position: absolute;
    right: 10px;

    top: 50%;
    transform: translateY(-50%);
}

.drop-down-button {
    background-image: url(/assets/images/chevron-down.svg);

    background-repeat: no-repeat;
    background-position: center right 8px;
    background-size: 16px 12px;

    font-size: 1.2rem !important;
}

.dropdown-item-new-address {

}

/* ITEMS HEADER */
.dv-items-header {
    display: flex;
    justify-content: space-between;

    max-width: 100%;

    gap: 16px;
}

.dv-items-header > *:not(.dv-header-center) {
    /* flex: 1; */
    width: 150px;
    flex-shrink: 0;

    display: flex;
}


.dv-header-left {
    flex-shrink: 0;
}
.dv-header-center {
    flex-grow: 1;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    /* max-width: 100%; */


}
.dv-header-right {
    flex-shrink: 0;

    justify-content: end;

}

.dv-header-left button,
.dv-header-right button {
    padding: 6px 12px;
    height: fit-content;
}

.btn-toggle-view {
    font-family: var(--font-paragraph) !important;
}

.dv-items-header .btn-toggle-view > * {
    font-family: var(--font-paragraph) !important;
    font-size: 1rem !important;
    height: 38px;
    width: 50px;
}
.btn-toggle-view > *:first-child {
    border-end-end-radius: 0 !important;
    border-start-end-radius: 0 !important;
}
.btn-toggle-view > *:last-child {
    border-end-start-radius: 0 !important;
    border-start-start-radius: 0 !important;
}

.btn-toggle-view .btn-secondary.active {
    background-color: var(--clr-black08);
    border: 1.5px solid var(--clr-black);
}

.btn-toggle-view > .btn {
    aspect-ratio: 1 !important;
}

/* items header */


.dv-item-options-old {
    /* display: flex; */
    /* max-width: 500px; */
    max-width: 600px;
}
.dv-item-options-old+.row {
    /* max-width: calc(500px + 24px); */
    max-width: calc(600px + 20px);
}

.dv-item-options-old+br+.row {
    max-width: calc(600px + 20px);
}

@media only screen and (max-width: 1241px) {
    .dv-item-options-old+br+.row>col:last-child {
        /* padding-right: 0; */
    }

    .dv-item-options-old+br+.row {
        /* padding-right: 0; */
    }
    
}


.dv-item-options-old>* {
    display: flex;
    margin-bottom: 12px;

    /* align-items: center; */
}

.dv-item-options-old>*>:first-child {
    width: 190px;
    flex-shrink: 0;
}

.dv-item-options-old>* label {
    font-family: var(--font-paragraph);
    font-size: 1rem;
}

@media screen and (max-width: 500px) {
    .dv-item-options-old>* {
        flex-direction: column;
        align-items: stretch;
    }
}

.dv-item-options-old select,
.dv-item-options-old textarea,
.dv-item-options-old input  {
    border: none;
    /* border-bottom: 1px solid var(--clr-black); */
    border-radius: 0;
}

.dv-item-options-old select,
.dv-item-options-old input {
    cursor: pointer;
}

.dv-item-options-old label {
    margin: 0;
    /* background-color: rebeccapurple; */
    /* color: var(--clr-red); */
}

.dv-item-options-old >* >input {
    /* background-color: lightblue; */
    color: var(--clr-red);
    height: 24px;
    padding: 0;
}
.dv-item-options-old>*>input::placeholder {
    color: var(--clr-red);
}

.dv-item-options-old select {
    /* background-color: lightcoral; */
    color: var(--clr-red);
    height: 24px;
    padding: 0;
}

.dv-item-options-old textarea {
    /* background-color: lightgoldenrodyellow; */
    color: var(--clr-red);
}

.dv-item-options input:focus,
.dv-item-options select:focus {
    box-shadow: none;
}

/* PRODUCT PAGE THUMBNAILS */


.product-thumbnail {
    /* border-radius: var(--br-default); */
    /* overflow: hidden; */

    position: absolute;

    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    align-items: center;

    gap: 12px;
}

.product-thumbnail .owl-stage {
    /* margin: auto; */
}
.product-thumbnail .item {
    margin: 0;
    width: 7vw;
    max-width: 100px;
    
    border-radius: var(--br-default);
    overflow: hidden;

    cursor: pointer;
}
.product-thumbnail .item.active {
    border: 2px solid var(--clr-black);
}

/* product page thumbnails */

/* PRODUCT PAGE LEFT SECTION */

.dv-product-left-section .btn-wishlist {
    position: absolute;
    right: 24px;
    top: 40px;
    z-index: 10000;
    width: 32px;
    height: 32px;
}

@media (min-width: 768px) {

    .dv-product-left-section {
        /* display: flex; */
        /* gap: 12px; */

        position: relative;
    }

    .dv-product-left-section .product-carousel-section {
        /* overflow: hidden; */
        /* width: calc(100% - 7vw); */
    }

    .dv-product-left-section .product-thumbnail {
        width: fit-content;
    }

    .dv-product-left-section .product-carousel {
        /* position: absolute; */
        top: 0;
        /* right: 0; */
        left: calc(7vw + 24px);
        width: calc(100% - 7vw - 24px);
    }

    .dv-product-left-section .btn-wishlist {
        right: calc(calc(var(--bs-gutter-x) * .5) + 16px);
        top: 16px;
    }

}

@media (min-width: 1600px) {
    .dv-product-left-section .product-carousel {
        left: 124px;
        /* width: calc(100% - 137px); */
        width: calc(100% - 124px);
    }
}

@media (max-width: 767px) {
    .product-thumbnail {
        display: none;
    }
}

.dv-product-left-section .product-carousel {
    border-radius: var(--br-default-extra);
    overflow: hidden;
}

/* product page left section */



/* AIR DATEPICKER OVERWRITE */

.air-datepicker {
    --adp-font-family: var(--font-heading) !important;
    --adp-day-name-color: var(--clr-black) !important;
    --adp-padding: 0 !important;
    --adp-background-color-active: var(--clr-blush24) !important;

    --adp-color: var(--clr-black) !important;

    --adp-color-current-date: var(--clr-black) !important;

    --adp-background-color-hover: var(--clr-navy24) !important;

    --adp-border-radius: 0 !important;
    --adp-cell-border-radius: 0 !important;

    --adp-cell-background-color-hover: var(--adp-background-color-hover);
    --adp-cell-background-color-selected: var(--clr-blush) !important;
    --adp-cell-background-color-selected-hover: var(--clr-red50) !important;
    --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
    --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);

    --adp-color-other-month: var(--clr-black08) !important;
    --adp-color-other-month-hover: var(--clr-black) !important;
    --adp-color-disabled: var(--clr-black08) !important;

    --adp-day-cell-height: 40px;

    --adp-background-color-selected-other-month: var(--clr-blush50);

}

.air-datepicker-cell.-day-:not(.-disabled-) {
    /* background-color: var(--clr-blush24); */
    /* background-color: rgba(255, 205, 210, 0.5); */
    background-color: rgba(33, 35, 74, 0.24);
}
/*  */
.air-datepicker-cell.-current- {
    background-color: var(--clr-blush24);
}
.air-datepicker-cell.-selected- {
    color: var(--clr-black) !important;
    border: 1px solid var(--clr-red) !important;
}
.air-datepicker .-disabled-.-focus- {
    background-color: transparent;
}

.air-datepicker .air-datepicker-cell.-current- {
    color: var(--clr-red) !important;
}

.air-datepicker .-focus-:not(.-disabled-) {
    background-color: var(--clr-navy72) !important;
    color: var(--clr-white) !important;
}

.air-datepicker-cell {
    transition: ease-out .1s;
    margin: 2px;

    user-select: none;

}
.air-datepicker-cell:active {
    transform: scale(.8);
}

.air-datepicker-cell.-day.-current.-selected- {
    color: var(--clr-red) !important;
}
.air-datepicker-cell.-day.-current.-selected-.-focus- {
    color: var(--clr-red) !important;
}

.air-datepicker-cell.-day-.-selected- {
    background-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-day-.-other-month-:not(.-disabled-) {
    /* background-color: orange; */
    /* background-color: rgba(255, 205, 210, 0.16); */
    background-color: rgba(33, 35, 74, 0.1);
    color: var(--clr-black);
}

/* [class^="air-datepicker-cell -day-"]:not(.disabled) {} */


/* air datepicker overwrite */


/* CALENDAR FILTER */

#calendarContainer .air-datepicker {
    border: none;
    --adp-width: 100%;
    --adp-day-cell-height: 34px !important;
}

#calendarContainer .air-datepicker-cell .-day- {
    border: none;
    --adp-width: 100%;
    --adp-day-cell-height: 40px !important;
}


/* #calendarContainer .air-datepicker--content {
    padding: 0 !important;
}

#calendarContainer .air-datepicker-body--day-name {
    color: var(--clr-black);
    font-family: var(--font-paragraph);
}


#calendarContainer .air-datepicker-nav--title,
#calendarContainer .air-datepicker-nav--title i {
    font-family: var(--font-paragraph);
}

#calendarContainer .air-datepicker-cell.-current- {
    border-radius: 0;
}  */

/* calendar filter */

/* CALENDAR GENERAL */

#air-datepicker-global-container {
    padding: 10px;
}

#air-datepicker-global-container .air-datepicker {
    padding: 8px;
    border-radius: 8px;

    width: 280px;
}


/* calendar general */

/* MAP */
.dv_map .dv_buttons {
    position: fixed !important;
    bottom: 20px !important;
    text-align: center !important;
    left: auto !important;
    /* display: inline-block !important; */
    width: 100vw !important;
    margin-left: auto !important;
    padding: 10px !important;

    display: flex !important;
    gap: 10px;

    justify-content: center;
}

.dv_map .dv_buttons .btn {
    /* width: 100% !important; */
    flex-grow: 1;
    max-width: 200px;

    white-space: nowrap;
}

.dv_map .dv_buttons .btn-secondary {
    background-color: var(--clr-white);
}
/* map */


/* MAP MODAL */

.dv-pick-from-map {
    position: relative;
}
.dv-location-pointer-center {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 100%;
}
.location-pointer-center {
    width: 50px;
    height: 50px;

    transform: translateY(-50%);
  }

.dv-map-search {
    background-color: #fff;
    box-shadow: 0 6px 20px rgb(0 0 0 / 8%);

    border-radius: var(--br-default);

    margin: 12px;

    position: relative;
    z-index: 1000;
}

.dv-map-controls {
    position: absolute;
    right: 0;
    bottom: 50%;
    transform: translateY(50%);
    justify-content: center;
    margin: auto 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dv-map-controls button {
    background-color: var(--clr-white);

    border: none;
    margin: 0;
    padding: 0;
    appearance: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    outline: none;

    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    border-radius: 2px;

}

/* map modal */

/* SUBCAT PLUS */
.filter-subcat-section {

}

.filter-subcat-section .accordion-button::after {
    background-image: url(/assets/images/plus.svg);
}

.filter-subcat-section .accordion-button:not(.collapsed)::after {
    background-image: url(/assets/images/minus.svg) !important;
    transform: rotate(0deg);

}
/* subcat plus */

.dv-date-container {
    /* border-radius: 100px; */
    /* border: 1px solid var(--clr-black24); */

    padding: 24px;

    max-width: 850px;
    width: fit-content;
    margin: 40px auto;
}

.dv-date-wrapper {
    border: 1px solid var(--clr-black24);
    border-radius: 100px;

    overflow: hidden;

    display: flex;
    /* gap: 20px; */
    width: fit-content;
    text-align: center;

    margin: 0 auto;

    /* padding: 20px 16px; */
}

.dv-date-wrapper .dv-date-button {
    border-radius: 100px;
    padding: 20px;

    display: flex;
    align-items: center;
    gap: 8px;

    cursor: pointer;
}

.dv-date-wrapper .dv-date-button:hover {
    background-color: var(--clr-black08);
}

.dv-date-wrapper .dv-date-button.active {
    background-color: var(--clr-navy24);
}

.dv-filter-section-new .d-flex {
    align-items: center;
    gap: 8px;
}

/* INPUT RADIO & CHECKBOX */
.filter-input {
    width: 20px;
    height: 20px;

    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--clr-black50);

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;

    transition: transform 300ms;

    flex-shrink: 0;

    border-radius: 4px;
}

.filter-input:active {
    transform: scale(.8);
}

.filter-input:checked {
    background-color: var(--clr-black);
    border-color: var(--clr-black);
}

.filter-input:checked[type=checkbox],
.filter-input:checked[type=radio] {
    background-image: url(/assets/images/check.svg);
}

.filter-input:focus {
    outline: none;
}

.filter-input[type=radio] {
    border-radius: 50%;
}

.filter-input:checked[type=checkbox] {
    border-radius: 4px;
}

.filter-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
    background-color: #eee;
    cursor: progress;
}

/* input radio & checkbox */


/* FILTERS */

.dv-filters {
    width: 100%;
    /* max-width: 336px; */
    max-width: 260px;

    height: fit-content;
    /* max-height: calc(100vh - 24px); */
    max-height: calc(100vh - 55px);

    overflow-x: scroll;

    padding-right: 16px;
    padding-left: 8px;
    padding-bottom: 24px;

    position: sticky;
    top: 59px;

    transition: all .1s;
}

.dv-filters:not(.dv-filters-mobile) {
    /* display: none; */
}

.dv-filters #filterDataContainer {
    width: 232px;
}

.dv-filters.filters-scroll-up {
    top: calc(24px + 126px);
    max-height: calc(100vh - 24px - 126px);
}

.dv-filters.hidden {
    width: 0;
    padding: 0;
    margin: 0 !important;
    overflow-x: hidden;

    /* display: none; */
}


@media only screen and (max-width: 767px) {

    .dv-filters {
        display: none;
    }

    .dv-mobile-filter-button {
        /* display: block; */
        font-family: var(--font-paragraph);
        font-size: 1rem !important;
    }

    .dv-items-header {
        flex-wrap: wrap;
    }

    .dv-header-center {
        display: none;
        order: 3;
        width: 100%;
        justify-content: start;
    }

    .dv-filter-chips-wrapper {
        justify-content: start !important;
        flex-wrap: nowrap !important;
        overflow-x: scroll;
    }

    .dv-header-left,
    .dv-header-right {
        /* flex-grow: 1; */
        /* flex: 1 1 0px; */
        /* background-color: aliceblue; */

    }

    .dv-items-header>* {
        /* flex-grow: 1; */
    }

    .dv-items-header>*>* {
        width: 100%;
    }

    .dv-items-header .dropdown-sort button {
        width: 100%;
    }

}

@media only screen and (max-width: 767px) {

    .btn-toggle-view {
        display: none;
    }

    .dv-header-left .dv-mobile-filter-button {
        /* width: calc(50vw - 51px) !important; */
        /* background-color: aliceblue; */
    }

    .dv-header-right {
        gap: 7px !important;
        flex-grow: 1;
    }
    .dv-header-right .dropdown-sort {

        flex-shrink: 1;
    }

    .dv-header-right .dropdown-sort > .btn-secondary {
        width: calc(50vw - 50px) !important;
    }

    .dv-header-right .dropdown-sort > .btn-secondary span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dv-header-right .dropdown-sort > .btn-secondary svg {
        white-space: nowrap;
        flex-shrink: 0 !important;
    }

    .dv-header-left {
        width: calc(50vw - 50px) !important;
    }
    
    .dv-header-right>a {
        order: 1;
        width: 50px;
        display: inline-flex !important;
    }
}

.button-main-filter {
    padding: 0;
}
.button-main-filter::after {
    /* background-image: url(/assets/images/chevron-down.svg) !important; */
}
.button-main-filter:not(.collapsed)::after {
    /* background-image: url(/assets/images/chevron-up.svg) !important; */
}

.dv-filters .accordion-button {
    padding: 0;
}

.filter-list {
    display: flex;
    flex-direction: column;
}

.filter-list > label {
    transition: transform 300ms;
}
.filter-list label:active > input {
    transform: scale(0.8);
}

.accordion-sub-category {

}

.accordion-sub-category .accordion-header {
    display: flex;
    justify-content: space-between;
}
.accordion-sub-category .accordion-button {
    flex-grow: 0;
    flex-shrink: 1;
    width: fit-content;
}

.accordion-sub-category .filter-list {
    padding-left: 26px;
}


.accordion-sub-category .accordion-button::after {
    background-image: url('/assets/images/plus.svg');
}
.accordion-sub-category .accordion-button:not(.collapsed)::after {
    background-image: url('/assets/images/minus.svg');
}

.dv-filters .filter-input[type=checkbox] {
    border-radius: 4px;
    height: 18px;
    width: 18px;

    /* flex-shrink: 0; */
}


.input-shop-search-filter {
    height: 32px;
}

.dv-filters .accordion-item {
    padding: 0; margin: 0;
}

.dv-filters .accordion {
    --bs-accordion-btn-icon-transition: 100ms;
}

.dv-filters .accordion-collapse {
    transition: 100ms;
}

.dv-filters > div > .accordion > .accordion-item > .accordion-header {
    margin-bottom: 16px;
}

.dv-filters > div > .accordion > .accordion-item > .accordion-header > .accordion-button {
    font-size: 1.375rem;
}

.dv-filters .accordion-item > .accordion-collapse > *:not(.accordion) {

    /* border: 1px solid red; */
}

.dv-filters .accordion-item > .accordion-collapse > *:not(.accordion) .filter-list {
    margin-bottom: 12px;
}

.dv-filters .accordion-item > .accordion-collapse .accordion > .filter-list {
    margin-bottom: 12px;

    /* border: 1px solid slateblue; */
}

.dv-filters .accordion-collapse label {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dv-filters .filter-list > *:not(:last-child){
    margin-bottom: 12px;
}

.dv-filters .filter-list label span {
    line-height: 1rem;
    /* line-height: 10px; */
}

.dv-filters .filter-list > .accordion-item .filter-list {
    margin-top: 12px;
}

.dv-filters .filter-list .input-shop-search-filter {
    border-color: var(--clr-black24);
}

.dv-filters .filter-list .btn-close.btn-close-round {
    margin-left: auto;
}

.dv-filters label {
    font-size: 1rem;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dv-filters .a-view-more {
    text-decoration: underline;
    color: var(--clr-black50);
}

.filter-list.disabled {
    pointer-events: none;
    opacity: .5;
}

.dv-clr-filter {
    width: 18px;
    height: 18px;
    border-radius: 100px;

    border: 1px solid var(--clr-black24);
}

.spn-filter-count {
    margin-left: auto;
    color: var(--clr-black24);

    /* hide filter count */
    /* display: none; */
}

/* filters */



/* FILTER CHIPS */
.dv-filter-chips-wrapper {
    display: flex;
    flex-wrap: wrap;

    max-width: 100%;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.dv-filter-chip {
    background-color: rgba(33, 35, 74, 0.08);
    /* box-shadow: 0 2px 4px 0px rgb(0 0 0 / 8%); */

    border-radius: 100px;
    padding: 6px 12px;

    align-items: center;
    justify-content: center;

    /* font-size: 1.2rem; */

    display: inline-flex;
    flex-wrap: nowrap;
    gap: 8px;
}

.dv-filter-chip span {
    white-space: nowrap;
}

.btn-close.btn-close-round {
    /* background: transparent url("/assets/images/icon-x-round.svg") center/1em auto no-repeat; */
    /* padding: 0; */
}

#toggle-filters {
    /* display: flex !important; */
    justify-self: center;
    align-items: center;
}

#toggle-filters span {
    /* font-size: 1.2rem; */
    font-size: 1rem;
    white-space: nowrap;
}

.icon-show-hide-filters {
    width: 20px;
    height: 20px;
}

.dv-filters-mobile {

    display: block;
    /* width: 262px; */
    width: 100%;
    max-width: none;

    padding-right: 0;
    padding-left: 0;
    margin: 0;

    height: fit-content !important;
    max-height: none;
    overflow-y: visible;

    position: sticky;
    top: 16px;

    transition: all .1s;
}

/* filter chips */

/* HEADER STICKY */

.header-scroll-up {
    position: sticky !important;
    top: 0;

    box-shadow: var(--shadow-header);
}

.header-scroll-down {
    position: sticky !important;
    /* top: calc(-150px + 70px); */
    /* top: -65px; */
    top: -72px;

    box-shadow: var(--shadow-header);
}


/* Filter Grid */
.filter-grid {
    display: flex;
    flex-wrap: wrap;

    gap: 8px;
}

/* Color Checkbox */
.filter-grid-color {
    /* gap: 20px; */

    /* width: 150px; */

    /* display: grid;
    grid-template-columns: repeat(4, 1fr); */

    gap: 11px;

    width: fit-content;
}

.checkbox-color-lable {

    
    /* border: none; */
    
    width: 24px;
    aspect-ratio: 1 !important;

    /* border: 1px solid var(--clr-black24); */
    border: none;

    position: relative;

    padding: 0;
    margin: 0;


    border-radius: 4px;
    overflow: hidden;

    transition: ease-out .1s;
}

.checkbox-color-lable:active {
    transform: scale(0.95);
}

@media only screen and (max-width:768px) {

    .checkbox-color-lable {

        width: 28px !important;

    }

    .filter-grid-color {

        gap: 12.75px !important;

    }

}

.checkbox-color-input {
    width: 100%;
    height: 100%;
}


.checkbox-color-input + span {
    width: 100%;
    height: 100%;
    
    border-radius: 4px;
}

/* style to add border to white color filter */
.checkbox-color-lable[style="background-color: white;"] span,
.checkbox-color-lable[style="background-color: white"] span,
.checkbox-color-lable[style="background-color:#ffffff;"] span,
.checkbox-color-lable[style="background-color:#fff;"] span,
.checkbox-color-lable[style="background-color:#fff"] span,
.checkbox-color-lable[style="background-color:#ffffff"] span {
    border: 1px solid var(--clr-black24);
}

.checkbox-color-input {
    position: absolute;
    padding: 0;
    margin: 0;
    outline: 0;
    margin: 0;
    border: 0;
    border-radius: 0;   

    visibility: hidden;

    overflow: visible;
}

.checkbox-color-input:checked {
    /* background-color: green; */
    /* background-image: none; */
}

.checkbox-color-input:checked + span {
    border: 2px solid var(--clr-black);

    border: 1px solid var(--clr-black);
    background-color: rgba(255, 255, 255, 0.4);
    background-image: url('/assets/images/check-black.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
}

/* Discount Checkbox */
.filter-grid-discount {
    column-gap: 16px;
    row-gap: 8px;
}


/* NEW HEADER STYLES */

.header-new {
    background-color: var(--clr-white);

    /* border-bottom: 1px solid var(--clr-black04); */

    transition: 300ms;
    
    position: relative;
    z-index: 1000;
}

.header-new > * {
    width: 100%;
    /* max-width: 1600px; */

    margin: 0 auto;

}


.dv-header-top {
    display: flex;
    align-items: center;

    padding: 12px 16px;

    max-width: 1600px;


}

.dv-header-top > .a-logo {
    height: 40px;
}
.dv-header-top > .a-logo .logo {
    height: 100%;
}

.dv-header-top > *:not(.a-logo) {
    /* flex: 1 1 auto !important; */
    flex: 1;
    /* gap: 12px; */
}

@media only screen and (max-width: 768px) {

    .header-new .a-logo {
        height: 30px;
    }

    .header-new .dv-header-top-left .btn.btn-lang {
        display: none;
    }
    
}

.dv-header-top > .dv-header-top-left {
    display: flex;
    justify-content: start;
}

.dv-header-top > .dv-header-top-right {
    display: flex;
    justify-content: end;
}

/* header bottom */
.dv-header-bottom {
    display: flex;
    gap: 32px;

    /* padding: 8px 16px; */
    /* padding-bottom: 0; */
    padding: 0;

    border-bottom: 1px solid var(--clr-black08);
    border-top: 1px solid var(--clr-black08);

    justify-content: center;

    /* max-width: 1600px; */
    padding: 0 16px;
}


.dv-header-bottom .dropdown-toggle {
    border-radius: var(--br-default);

    padding: 10px 16px;

    color: var(--clr-black72);

    cursor: pointer !important;
}

.custom-navbar {
    margin: 0;

    display: flex;
    justify-content: center;
    flex-direction: row;

    /* padding-bottom: 8px; */
    padding-top: 6px;
    padding-bottom: 6px;
}

.custom-navbar li {
    list-style: none;
}

.custom-navbar>li>a {
    font-size: 1.2rem;
    /* font-weight: 600 !important; */

    color: var(--clr-black);
}

.custom-navbar .dropdown-toggle::after {
    display: none;
}

.dv-header-bottom .tab-content>.active {
    display: flex;
}

.dv-header-bottom > .custom-navbar > .dropdown-megamenu-list {
    position: static;
}

.dropdown-megamenu-list .dropdown-toggle {
    /* left: 0;
    top: 100%;
    margin: 10px auto;
    width: 100%;
    height: 3px;
    background: var(--clr-red); */

    position: relative;
    cursor: default;
}

.dropdown-megamenu-list:hover .dropdown-toggle {
    /* background-color: var(--clr-black04); */
    border-radius: 0;

    /* box-shadow: inset 0 0 0 2px var(--clr-red); */

    box-shadow: inset 0px -2px 0px var(--clr-red);
}

/* new header styles */




/* NEW NEW HEADER STYLES */


.header-new .dv-header-top-right {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  
.header-new .dv-header-top-right .btn-login {
    /* padding-right: 0; */
    padding-inline-end: 0;
    padding-inline-start: 0;
  }

.dropdown-container-alt2 {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  
    padding: 40px 32px;
    
    text-align: start;
    margin-top: 0 !important;
    border: none;
    /* border-top: 1px solid var(--clr-black24); */
    border-radius: 1px 1px 20px 20px;

    box-shadow: 0px 100vh 0px 100vh rgba(0,0,0,0.3);


    overflow: hidden;

    /* max-height: calc(100vh - 112px); */
    /* height: 450px; */
    min-height: 450px;

    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity 300ms, visibility 300ms;

    background-color: var(--clr-white);
  
  }
  .dropdown-container-alt2.show {
    opacity: 1;
    visibility: visible;
  }

  .dropdown-container-alt2 .container-fluid {
    padding: 0 32px;
  }



  .dropdown-container-alt2 a {
    color: var(--clr-black);
  }
  .dropdown-container-alt2 a:hover {
    color: var(--clr-red);
  }

  /* Megamenu List Links */
  .dv-megamenu-list-links {
    /* font-size: 1.2rem; */
  }
  .dv-megamenu-list-links .list-links > * {
    margin: 8px 0;
  }

  .dv-megamenu-list-links .list-links a {
    color: var(--clr-black50);
  }
  .dv-megamenu-list-links .list-links a:hover {
    color: var(--clr-red);
  }

  .dv-megamenu-list-links-title {
    font-weight: 600;
  }
  
  /* Megamenu Image Card */
  .dv-megamenu-img-card {
    display: flex;
    flex-direction: column;
    gap: 8px;

    transition: transform 300ms ease;
  }

  .dv-megamenu-img-card:hover {
    transform: scale(1.03);
  }

  .dv-megamenu-img-card:hover .dv-megamenu-img-card-title {
    color: var(--clr-red);
  }

  .dv-megamenu-img-card img {
    width: 100%;
    aspect-ratio: 1;

    border-radius: var(--br-default);

    border: 1px solid rgba(0, 0, 0, 0.04);
    /* box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.05); */
    box-shadow: 0 0rem 0.3rem rgba(0, 0, 0, 0.05);
  }

  .dv-megamenu-img-card .dv-megamenu-img-card-title {
    /* font-size: 1.2rem; */
    font-stretch: 1rem;
    color: var(--clr-black50);
  }
  
  .dv-megamenu-img-card .a-megamenu-card-link {
    color: var(--clr-black50);
    text-decoration: underline;
  }
  
  .dv-megamenu-img-card .dv-megamenu-img-card-desc {
    font-size: 1rem;
    color: var(--clr-black50);
  }


  /* Megamenu Second Level */
  .dv-second-level-side {
    display: flex;
    flex-direction: column;


    position: relative;
  }

  .dv-second-level-side::after {
    content: "";

    background-color: #eee;
    position: absolute;
    width: 100vw;
    height: 1500px;

    z-index: -1;

    right: 16px;
    /* right: 0; */
    top: -500px;
    
  }

  .dv-second-level-side > * {
    margin: 8px 0;
  }
  .dv-second-level-side > *:not(.second-level-list-links):not(.dropdown-divider) {
    /* margin: 4px 0; */
  }
  .dv-second-level-side > .dropdown-divider {
    margin-right: 16px;
  }

  .dv-second-level-side   .dv-second-level-title {
    text-transform: uppercase;
    font-weight: 600;
    color: var(--clr-black50);
  }

  .dv-second-level-side > a {
    color: var(--clr-black50);
  }

  .dv-second-level-side > a:hover {
    /* color: var(--clr-black) */
  }

  .dv-second-level-side .second-level-list-links:hover {
    color: var(--clr-black);
  }

  .dv-second-level-side .second-level-list-links.active {
    color: var(--clr-black);
    font-weight: 600;
  }

  .dv-second-level-side .second-level-list-links[data-bs-target]::after {
    content: "";

    position: absolute;
    width: 20px;
    height: 20px;

    background-image: url(/assets/images/chevron__right.svg);
    background-size: cover;

    right: 50px;

    opacity: 0;
    transition: 300ms right;

  }

  .dv-second-level-side .second-level-list-links[data-bs-target=""]::after {
    content: none;
  }

  .dv-second-level-side .second-level-list-links.active::after {
    right: 24px;
    opacity: 1;
  }

  
  
  /* test code */
  .dropdown-container-alt2 .row > * {
    /* background-color: orange; */
  }


  .dv-megamenu-custom-row {
    gap: 0px;
  }


  /* Hide megamenu items */

@media (max-width: 1200px) { 
    .dv-megamenu-custom-row > .col:nth-child(n+5) {
        display: none;
      }
 }

@media (max-width: 992px) { 
    .dv-megamenu-custom-row > .col:nth-child(n+4) {
        display: none;
      }
 }



/* new new header styles */


/* NEW NEW HEADER MOBILE STYLES */

.header-new .btn-navbar-hamburger {
    background-color: transparent;
    border: none;
    display: none;
    padding: 6px 0;

    width: 20px;
  }
  
  @media (max-width: 768px) {

    .header-new {
        position: sticky;
        top: 0;
    }

    .header-new .btn-navbar-hamburger {
      display: block;
    }
  
    .header-new .dv-header-bottom {
      display: none;
    }
  }

/* new new header mobile styles */






/* OFFCANVAS MENU STYLES */

.nav-title {
    color: var(--clr-red) !important;

    font-size: 2.4rem !important;
    font-family: var(--font-logo);
    line-height: 20px !important;

    padding: 16px 12px !important;
}

.nav-title .nav-title {
    padding: 0 !important;
}

.nav-item-link {
    /* padding-left: 17px !important; */
    padding: 16px !important;
    font-size: 1rem !important;
}

.nav-item-link > *:nth-child(1) {
    font-size: 1.2rem;
}
.nav-item-link > *:nth-child(2):not(span) {
    /* font-size: 1rem; */
    color: var(--clr-black50);
}

.nav-item-link >.btn + div:nth-child(2) {
    margin-top: 8px;
}

.nav-item-link .accordion-button {
    /* padding: 0; */
    /* font-family: var(--font-paragraph); */
}

.nav-item-link .accordion-body {
    /* padding: 0; */
}

.nav-content ul {
    /* margin: 0 1px; */
}

.nav-back-button {
    padding-left: 32px !important;
    padding-right: 16px !important;
}
.nav-back-button span {
    left: 0;
}

.li-bottom-section {
    position: absolute !important;
    /* background-color: var(--clr-black04); */
    bottom: 0;
}

.dv-megamenu-img-card.nav-item-link {
    display: flex;
    gap: 8px;

    color: var(--clr-black);

    padding: 32px !important;
}

.dv-megamenu-img-card.nav-item-link .dv-megamenu-img-card-title {
    color: var(--clr-black);
}
.dv-megamenu-img-card.nav-item-link .a-megamenu-card-link {
    text-decoration: underline;
}

/* Mobile Nav Accordion Styless   */
.accordion-item.nav-item-link {
    padding: 0;
}

.accordion-item.nav-item-link .accordion-body {
    padding: 0 var(--bs-accordion-body-padding-x);
    padding-left: 32px;
}

.accordion-item.nav-item-link .accordion-body > * {
    margin-bottom: 8px;

    color: var(--clr-black72);
}

#main-nav .dropdown-divider {
    /* padding: 10px 17px; */
}

.hc-offcanvas-nav .nav-content>h2 {
    padding: 20px 16px;
    margin-bottom: 0;
}

.hc-offcanvas-nav .btn-lang {
    font-family: var(--font-paragraph);
    height: 40px;
    font-size: 1.2rem !important;

    line-height: 0;
}


.nav-content {
    display: flex;
    flex-direction: column;
}

.nav-content .level-title {
    order: 2;
    border-bottom: 1px solid var(--clr-black04);
}

.nav-content .nav-back {
    order: 1;
    border: none;
}
.nav-content .nav-back .nav-back-button {
    border: none;
}

.nav-content > ul {
    order: 3;
}

.nav-content .dv-megamenu-img-card-title {
    font-size: 1rem !important;
}

/* offcanvas menu styles */



/* MOBILE HEADER NEW  */

.dv-header-bottom-mobile {
    padding: 8px 16px;
    padding-top: 0;

    border-bottom: 1px solid var(--clr-black04);
}

.dv-header-bottom-mobile .btn-address {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;

    width: 100%;

    /* background-image: url(/assets/images/chevron__right.svg); */
    /* background-image: url(/assets/images/map-pin.svg); */
    background-repeat: no-repeat;
    background-position: right;
    background-size: 20px;
}

/* bg btn-address */
.dv-header-bottom-mobile .btn-address.btn-address-bg {
    background-color: var(--clr-black04);
    padding: 8px 16px;
    border-radius: 100px !important;

    background-image: url(/assets/images/chevron__right.svg);
    background-size: 16px;
    background-position: right 16px center;
}

.dv-header-bottom-mobile .btn-address > *:nth-child(2) {
    /* flex-grow: 1; */
    /* width: calc(100% - 56px); */
    text-align: start;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}




.header-new .dv-header-top-left .btn.dropdown-toggle {
    padding: var(--bs-btn-padding-y) 0;
}

.header-new .dv-header-bottom-mobile {
    display: none;
}

@media (max-width: 768px) {

    .header-new .dv-header-bottom-mobile {
        display: block;
    }

    .header-new .dv-header-top-left .btn.dropdown-toggle {
        display: none;
    }
    
    .btn-login {
        /* display: none; */
    }

    .dropdown-account {
        display: none;
    }
}



.dv-featured-items-scroll {
    display: flex;
    gap: 8px;

    overflow-x: scroll ;
    overflow-y: hidden;
}

.dv-featured-items-scroll > .dv-item-card {
    width: calc(20% - 8px);
    flex-shrink: 0;
    min-width: 175px;
}



.dv-shops-heading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;
}

.dv-shops-heading > input {
    flex-grow: 0;
    flex-shrink: 1;
    max-width: 300px;
}

@media (min-width: 992px) {
    .col-lg-five {
        flex: 0 0 auto;
        width: 20%;
    }
}

@media (max-width: 600px) {
    .dv-shops-heading {
        flex-direction: column;
    }

    .dv-shops-heading > input {
        max-width: none;
    }
}

/* HEADER NEW ALT */

.header-new-alt {
    display: flex;
    flex-direction: column;
}

.header-new-alt .dv-header-top {
    order: 2;
}

.header-new-alt .dv-header-bottom-mobile {
    order: 1;
    background-color: var(--clr-navy);
    color: var(--clr-white);
    padding: 4px 16px;
    padding-top: 4px;
}

.header-new-alt .dv-header-bottom-mobile .btn-address > *:nth-child(2) {
    color: var(--clr-white);
}
/* header new alt */



/* FOOTER NEW */

.footer-new {
    
}

.accordion-footer .accordion-item {
    background-color: transparent;
}

.accordion-footer .accordion-button {
    /* padding: var(--bs-accordion-btn-padding-y) 0; */
    padding: 10px 0px !important;
    background-color: transparent !important;

    font-size: 1.4rem;
}

.accordion-footer .accordion-body {
    padding: 0;
}

.accordion-footer {
    display: flex;
    /* flex-direction: column; */
}


@media only screen and (min-width:768px) {
    .accordion-footer .accordion-button::after {
        background-image: none;
    }

    .accordion-footer .collapse:not(.show) {
        display: block;
    }

    .accordion-footer .accordion-button {
        pointer-events: none;
    }
}

/* footer new */


/* CONTAINER HOME */

.container-home,
.container-home2 {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}

.container-home2 {
    padding-right: 24px;
    padding-left: 24px;
}

.container-home .dv-custom-box-container .dv-custom-box {
    /* width: calc(25% - 20px) !important; */
    width: calc(16% - 20px);
    /* border: 4px solid red !important; */
  }

  .container-home .dv-featured-items-scroll > .dv-item-card {
    width: calc(25% - 8px);
    flex-shrink: 0;
    min-width: 175px;
}

@media (min-width: 576px) {
    .container-home {
      /* max-width: 540px; */
    }
    
  }
  @media (min-width: 768px) {
    .container-home {
      /* max-width: 720px; */
    }
  }
  @media (min-width: 992px) {
    .container-home {
      /* max-width: 960px; */
      max-width: 1300;
    }
  }
  @media (min-width: 1200px) {
    .container-home {
      /* max-width: 1140px; */
    }
  }
  @media (min-width: 1400px) {
    .container-home {
      max-width: 1300px;
    }

  }

  @media (min-width: 1650px) {
    .container-home {
      max-width: 1300px;
    }

    
    
  }

  @media (min-width: 1700px) {
    
    .container-home .dv-custom-box-container .dv-custom-box {
        /* width: calc(20% - 20px) !important; */
      }
  }



/* container home */


.a-partner-header {

    font-size: 1.2rem;

    padding: 10px 16px;

    color: var(--clr-black72);

    cursor: pointer !important;
}


.custom-navbar {
    /* position: relative; */
}

.partner-header {
    position: absolute;
    /* right: 0; */

    width: calc(100% - 32px);
    max-width: calc(1600px - 32px);
    /* background-color: lightblue; */

    text-align: right;
    padding-top: 6px;
    padding-bottom: 6px;

    pointer-events: none;
}

.partner-header > a {
    font-size: 1.2rem;
    color: var(--clr-black72);

    padding: 10px 16px;

    pointer-events: auto;
}

.partner-header > a:hover {
    color: var(--clr-red);
}

@media (max-width: 950px) {
    .partner-header {
        display: none;
    }
}

.col.mx-auto.mt-3 .d-flex.justify-content-center.gap-2 img {
    max-width: 140px;
}

.icon-why-join {
    height: 100px;
    margin: 20px 0;
}

/* SCROLLING ARROWS */

.custom-row {

}

/* scrolling arrows */

/* Fix For Flag Container */
.intl-tel-input .flag-container {
    border-bottom: none !important;
}

.dropdown-divider.dropdown-divider-or {
    overflow: visible;
    position: relative;
}

.dropdown-divider.dropdown-divider-or::after {
    content: '';
    background-image: url(/assets/images/icon-or.svg);
    background-size: cover;
    background-repeat: no-repeat;

    height: 32px;
    width: 32px;

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);

}

.btn-back {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;

    /* background: transparent url("/assets/images/arrow-left.svg") center/1.5em auto no-repeat; */
    background-image: url("/assets/images/arrow-left.svg");
    background-size: cover;
    background-color: #fff;

    box-sizing: content-box;
    width: 1em;
    height: 1em;

    border: 0;
}   

/* CREDIT CARD DESIGN */

.c-card {
    background-color: var(--clr-black);
    border-radius: 1rem;
    color: #47474e;
    padding: 2rem;
}

.c-card-header {
    margin-bottom: 4rem;
}

.c-card-header:before,
.c-card-header:after {
    content: " ";
    display: table;
}

.c-card-header:after {
    clear: both;
}

.c-card-title {
    color: #fff;
    float: left;
    font-size: 1.5rem;
}

.c-card-logo {
    float: right;
}

.c-card-expiration {
    /* float: left; */
}

.c-card-ccv {
    /* float: right; */

    width: 40px;
    overflow: hidden;
}

.c-card-ccv-input {
    width: 1.75rem;
}

.c-card .ui-selectmenu-button {
    float: left;
    margin-right: 2rem;
}

.c-card .form input {
    outline: 0;
}

.c-card .form input[type=email],
.c-card .form input[type=password] {
    width: 100%;
}

.c-card label {
    display: block;
}

.c-card input {
    background-color: transparent;
    border: 0;
    color: #fff;
    font: inherit;
    width: 100%;
}

.c-card select {
    background: transparent;
    color: var(--clr-white) !important;
    border: none;

    font-size: 1.5rem !important;
}

.c-card select, .c-card-number-input, .c-card-ccv__input {
    font-size: 1.3rem !important;
}

/* credit card design */

/* Shop Row */

.dv-shop-row {
    margin-top: 24px;
}

.dv-shop-row:first-child {
    margin-top: 32px;
}

.dv-shop-row-title {
    gap: 12px;

    /* padding-right: calc(var(--bs-gutter-x) * .5); */
    /* padding-left: calc(var(--bs-gutter-x) * .5); */
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: calc(16px - 8px);
}

.dv-shop-row-title h5 {
    font-size: 1.375rem;
    line-height: 0;

    display: flex;
    align-items: center;
    gap: 16px;
}

.dv-shop-row-title.ad h5::after {
    content: '';
    width: 21px;
    height: 16px;
    background: url('/assets/images/ad-badge.png') no-repeat;
    background-size: cover;

    border: 1px solid var(--clr-black24);
    border-radius: 4px;
}

.dv-shop-row-title .img-shop-logo {
    border-radius: 8px;
    width: 40px;
    border: 1px solid var(--clr-black08);
    
    aspect-ratio: 1;
    object-fit: cover;
}


/* OCCASIONS CALENDAR STYLES */

.ul-occasions-calendar {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.ul-occasions-calendar .dropdown-toggle::after {
    content: none;
}

.ul-occasions-calendar .dv-occasions-month {
    color: var(--clr-black50);
    font-weight: 600;
}

.ul-occasions-calendar > li > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ul-occasions-calendar .spn-date {
    font-size: 1.375rem;
}

.fc .fc-col-header-cell-cushion:hover {
    color: var(--clr-black) !important;
}

.fc .fc-button-primary {
    background-color: var(--clr-btn-primary) !important;
    border: none !important;
}
.fc .fc-button {
    border-radius: var(--br-default) !important;
}
.fc-direction-ltr .fc-button-group > * {
    height: 40px;
}
.fc .fc-button-primary {
    height: 40px;
}
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.fc .fc-button-primary:focus {
    box-shadow: none !important;
}

.fc-daygrid-day-events, .fc-daygrid-event-harness {
    cursor: pointer;
}

.fc-col-header-cell-cushion {
    color: var(--clr-black);
}
.fc-daygrid-day-number {
    color: var(--clr-black72);
}
.fc .fc-daygrid-day.fc-day-today {
    background-color: var(--clr-blush24) !important;
}

.fc-daygrid-event {
    border-color: rgb(237, 237, 241) !important;
    background-color: rgb(237, 237, 241) !important;
}
.fc-daygrid-event .fc-event-main {
    color: var(--clr-navy) !important;
}

.fc-daygrid-event.birthday {
    border-color: rgb(223, 247, 233) !important;
    background-color: rgb(223, 247, 233) !important;
}
.fc-daygrid-event.birthday .fc-event-main {
    color: rgb(40, 199, 111) !important;
}

.fc-daygrid-event.anniversary {
    border-color: #eae8fd !important;
    background-color: #eae8fd !important;
}
.fc-daygrid-event.anniversary .fc-event-main {
    color: #7367f0 !important;
}
/* occasion calendar styles */

/* OCCASION TIMELINE */

.dv-occasions-timeline {
    gap: 1rem;
    width: 100%;
}
.dv-occasions-timeline > .dv-occasions-timeline-date {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 34px;
}

.dv-occasions-timeline > .dv-occasions-timeline-date > *:first-child,
.dv-occasions-timeline > .dv-occasions-timeline-details >*:first-child {
    font-size: 0.9375rem;
    color: var(--clr-black50);
    line-height: 1;
}
.dv-occasions-timeline > .dv-occasions-timeline-date > *:last-child {
    font-size: 1.875rem;
    color: var(--clr-black);
    line-height: 1;
}

.dv-occasions-timeline > .dv-occasions-timeline-details {
    display: flex;
    flex-direction: column;
    flex-grow: 1;

    width: 0;
}

.dv-occasions-timeline > .dv-occasions-timeline-details >*:last-child {
    font-size: 1.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dv-occasions-timeline > *:last-child > .btn {
    flex-shrink: 0;
    
}

@media only screen and (max-width: 650px) {
    .dv-occasions-timeline > *:last-child > .btn {
        font-size: 1rem !important;
        height: 32px;
    }
}

/* occasion timeline */


.dv-custom-box-shop {
    width: calc(16% - 20px) !important;
}

.dv-custom-box-shop .dv-custom-box {
    width: 100% !important;
}

.dv-custom-box-shop .spn-custom-box-text {
    /* transform: translateY(100px); */
}

/* BLEEMS POINTS */

.dv-bleems-points-banner {
    background-color: #A2A2A2;
    border-radius: var(--br-default);

    color: var(--clr-white);

    margin: 1.5rem 0;

    overflow: hidden;
}

.dv-bleems-points-banner-top, .dv-bleems-points-banner-bottom {

}

.dv-bleems-points-banner-top {
    padding: 1.5rem 1rem;

    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.dv-bleems-points-banner-top>* {
    flex-grow: 1;
}

.dv-bleems-points-banner-top>div>div:last-child {
    font-size: 1.5rem;
}

.dv-bleems-points-banner-bottom {
    background-color: #8F8F8F;
    padding: 0.5rem 1rem;

    color: white !important;

    display: flex;
    justify-content: space-between;

}

.dv-bleems-points-banner-bottom .img-bleems-points-tier {
    width: 32px;
    height: 32px;
}


/* Tier colors */
.dv-bleems-points-banner.tier1 {
    background-color: #A2A2A2;
}
.dv-bleems-points-banner.tier1 .dv-bleems-points-banner-bottom {
    background-color: #8F8F8F;
}

.dv-bleems-points-banner.tier2 {
    background-color: #988C2B;
}
.dv-bleems-points-banner.tier2 .dv-bleems-points-banner-bottom {
    background-color: #AD9E30;
}

.dv-bleems-points-banner.tier3 {
    background-color: #41625A;
}
.dv-bleems-points-banner.tier3 .dv-bleems-points-banner-bottom {
    background-color: #3A5850;
}

.dv-bleems-points-banner.tier4 {
    background-color: #CC6256;
}
.dv-bleems-points-banner.tier4 .dv-bleems-points-banner-bottom {
    background-color: #AD5349;
}


.ul-bleems-points .dv-content-list>div>span:not(:first-child) {
    color: var(--clr-black50);
}

@media only screen and (max-width:450px) {
    .ul-bleems-points .dv-content-list>div>span {
        font-size: 0.875rem !important;
        line-height: 1rem !important;
    }
}

/* bleems points */


/* UNIFIED DATE TIME PICKER */

#modalTimeSlots {
    justify-content: center;
}
#modalTimeSlots .modal-dialog {
    justify-content: center;
}

#modalTimeSlots .modal-content {
    max-width: 450px;
}

@media (min-width: 576px) {
    #modalTimeSlots .modal-content {
        max-width: none;
    }
}

#dv-date-select {
}

#dv-date-select .air-datepicker-body--cells.-days- {
    grid-auto-rows: 44px !important;
}

#dv-date-select .air-datepicker-cell.-day- {
    /* background: none; */
    background-color: transparent;
}

#dv-date-select .air-datepicker-cell.-day-.-selected-,
#dv-date-select .air-datepicker-cell.-day-.-focus-.-selected- {
    background-color: var(--clr-btn-primary) !important;
    /* background: var(--clr-btn-primary) !important; */

    color: var(--clr-white) !important;
}

#dv-date-select .air-datepicker-cell {
    border-radius: var(--br-default);
}

#dv-date-select .air-datepicker .-focus-:not(.-disabled-) {
    color: var(--clr-black) !important;
    background-color: transparent !important;
    border: 1px solid var(--clr-black);
}

/* unified date time picker */

/* ADDRESS SELECTOR MODAL V2 */

#locationModalv2 .modal-body > *:not(:last-child) {
    margin-bottom: 24px;
}


.dv-saved-address-list {
    list-style: none;

    
    overflow-y: scroll;
}

@media (min-width: 576px) {
    .dv-saved-address-list {
        max-height: 300px;
    }
    .dv-saved-address-list-home {
        max-height: 277px;
    }
}

.dv-address-list-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    padding: 8px 0;

    color: var(--clr-black);
}

.dv-address-list-content:hover {
    background-color: var(--clr-blush24);
}

.dv-address-list-content .img-address-type {
    align-self: flex-start;
}

.dv-address-list-content .dv-address-list-title {
    font-size: 1.25rem;
    line-height: 24px;
}

.dv-address-list-content .dv-address-list-details {
    flex-grow: 1;
}


.dv-address-list-content .dv-address-list-desc {
    font-size: 1rem;
    color: var(--clr-black50);

    /* white-space: nowrap; */
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dv-address-list-content .dv-address-list-error {
    color: var(--clr-red);

    display: flex;
    align-items: center;
    gap: 4px;
}

.dv-saved-address-list > .dropdown-divider {
    margin: 8px 0 !important;
}

/* address selector modal v2 */



/* SECTION BANNER ADDRESS */
.section-banner-address {
    position: relative;
    margin-bottom: 0;
}

.section-banner-address .dv-banner-address-content {
    width: calc(50% - 16px);
    /* max-width: 490px; */
}

.dv-home-banner-address-content {
    /* max-width: 500px; */
}

@media screen and (min-width: 768px) {
    .section-banner-address .dv-banner-address-content {
        max-width: 490px;
    }

    .dv-home-banner-address-content {
        max-width: 700px;
    }
}

.section-banner-address > img {
    position: absolute;
    right: 0;
    top: 0;

    height: 100%;
    /* width: calc(50% - 16px); */
    width: 50%;

    object-fit: cover;
}

@media only screen and (max-width: 767px) {
    .section-banner-address .dv-banner-address-content {
        width: 100%;
    }

    .section-banner-address > img {
        position: relative;
        width: 100%;
        height: auto;
        max-height: 300px;
    }
}
/* section banner address */

/* SECTION SERVICES */
.section-services .card-img-top {
    height: 130px;
    object-fit: contain;
    object-position: left;
}

.section-services .card {
    height: 100%;
}
/* section services */

/* SECTION DOWNLOAD APP */
.section-download-app {
    background-color: var(--clr-red);
}

.section-download-app > div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.section-download-app > div h1 {
    color: var(--clr-white);
}

.section-download-app > div img {
    height: 72px;
}

@media only screen and (max-width: 767px) {
    .section-download-app > div {
        flex-wrap: wrap;
        justify-content: center;
    }
    .section-download-app > div h1 {
        width: 100%;
        text-align: center;
        flex-grow: 1;
        columns: orange;
    }
}

/* section download app */

.input-custom-icon {
    background: none;
    /* border-right: none; */
}

.input-custom-icon+input {
    /* border-left: none; */
    /* padding-left: 0; */
}

.section-about {

}

.section-about .img-about-banner {
    
}

.minimal-header {

}

.minimal-header .dv-header-bottom {
    display: none !important;
}

.minimal-header .dv-header-top-left .btn.dropdown-toggle {
    display: none
}

.minimal-header .dv-header-top-right #searchButton1 {
    display: none
}

.minimal-header .dv-header-top-right .cart {
    display: none;
}

.minimal-header .dv-header-top {
    /* border-bottom: 1px solid var(--clr-black08); */
}

.dv-saved-address-list-home .dv-address-list-content .dv-address-list-title {
    font-size: 1.125rem;
}

.dv-saved-address-list-home .dv-address-list-content .dv-address-list-desc {
    font-size: 1rem;
    height: 1.1875rem;
}
.dv-saved-address-list-home .dv-address-list-content .img-address-type {
    width: 1.25rem;
    height: 1.25rem;
}

.dv-checkout-address-container > * {
    max-width: 500px;
}

/* OFFCANVAS LOGIN */

.offcanvas .nav-item.li-bottom-section {
    width: calc(100% - var(--bs-offcanvas-padding-x)*2);
    padding-bottom: var(--bs-offcanvas-padding-x);
}

.offcanvas .nav-item.li-bottom-section > *:not(:last-child) {
    margin-bottom: var(--bs-offcanvas-padding-x);
}

/* offcanvas login */


h1, h2, h3, h4, h5, h6 {
    /* color: var(--clr-red) !important; */
}

.pac-container {

}

.pac-item {
    padding: .375rem .75rem !important;
}

.dv-country-chips > a {
    border: 1px solid var(--clr-black24);
    border-radius: 40px;
    padding: .6rem;
    height: 40px;
    color: var(--clr-black);
    background-color: var(--clr-white);
    white-space: nowrap;
    font-size: 1rem;
    line-height: 0;
    vertical-align: middle;
    transition: border-color 300ms;
    /* display: flex;
    flex-direction: row;
    gap: 8px; */
}

.dv-country-chips > a:hover {
    /* color: var(--clr-black50); */
    border-color: var(--clr-black);
}

.dv-country-chips > a > img {
    width: 20px;
}


/* HEADER ADDRESS */

.dv-header-address {
    background-color: navy;
}

/* header address */


.categories-block {

}

.dv-categories-block .dv-categories-card {
    background-color: var(--clr-black04);

    border-radius: var(--br-default);

    display: flex;
    flex-direction: column;
    padding: 2rem;

    margin-bottom: var(--bs-gutter-x);

    background-image: url(/assets/images/bg-banner-card.png);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
}

.dv-categories-block .dv-categories-card a {
    color: var(--clr-black);
}
.dv-categories-block .dv-categories-card a:hover {
    text-decoration: underline;
}


/* SECTION OCCASIONS */

.section-occasions {
    /* background-color: orange; */
    /* margin: 0 40px; */
}

.section-occasions .dv-occasion-card {
    margin-bottom: 2rem;
}

.section-occasions .dv-occasion-card h5,
.section-occasions .dv-occasion-card a {
    font-size: 1.375rem;
    margin: 0;
}

.section-occasions .dv-occasion-card a {
    color: var(--clr-black50);
    text-decoration: underline;
}
.section-occasions .dv-occasion-card a:hover {
    color: var(--clr-black);
}

.dv-occasion-card img {
    border-radius: var(--br-default-extra);
}

/* section occasions */

/* SECTION CATEGORY BANNERS */

.section-category-banners .row {
    margin-bottom: 2rem;
}

.section-category-banners .dv-occasion-card {
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;

    /* padding: 1.5rem 2rem 1.5rem 2.5rem; */

}

.section-category-banners div div:last-child .dv-occasion-card {
    padding: 1.5rem 2rem 1.5rem 2.5rem;
}

@media screen and (max-width: 768px) {
    .section-category-banners .dv-occasion-card {
        gap: 1rem;
    }
    .section-category-banners .dv-occasion-card {
        padding: 0 !important;
    }
    .section-category-banners div div:last-child .dv-occasion-card {
        padding: 2rem 0 !important;
        padding-bottom: 0 !important;
    }
}

.section-category-banners .dv-occasion-card p {
    color: var(--clr-black50);
    margin-bottom: 0;
}

.section-category-banners .dv-occasion-card a {
    font-size: 1.375rem;
    color: var(--clr-black50);
    text-decoration: underline;
}
.section-category-banners .dv-occasion-card a:hover {
    color: var(--clr-black);
}

/* section category banners */