.preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: +2000;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
}

.preloader .container-fluid {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1450px;
    max-height: 700px;
}

.product_custom_options_list_button {
  cursor: pointer;
}

.product_custom_options_list_button.ticked::before {
  content: "\f00c"; /* FontAwesome checkmark icon */
  margin-right: 5px;
}


.spinner {
    top: 50%;
    left: 50%;
    z-index: 1;
    height: 30px;
    width: 30px;
    margin-left: -15px;
    margin-top: -40px;

    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    position: relative;
}

.spinner span {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: block;
    position: absolute;
    opacity: 0.7;
}

.spinner .ball-1 {
    z-index: 4;
    background-color: #815731;
    left: -20px;
    -webkit-transform: translate(50%, 50%) scale(0.5);
    -webkit-animation: animateSway 2s infinite ease-in-out, animateScale 2s infinite ease-in-out;
    animation: animateSway 2s infinite ease-in-out, animateScale 2s infinite ease-in-out;
}

.spinner .ball-2 {
    z-index: 3;
    background-color: #323232;
    left: -20px;
    -webkit-transform: translate(50%, 50%) scale(0.5);
    -webkit-animation: animateSway 2s infinite ease-in-out 500ms, animateScale 2s infinite ease-in-out 500ms;
    animation: animateSway 2s infinite ease-in-out 500ms, animateScale 2s infinite ease-in-out 500ms;
}

.spinner .ball-3 {
    z-index: 2;
    background-color: #d0701f;
    left: -20px;
    -webkit-transform: translate(50%, 50%) scale(0.5);
    -webkit-animation: animateSway 2s infinite ease-in-out 1s, animateScale 2s infinite ease-in-out 1s;
    animation: animateSway 2s infinite ease-in-out 1s, animateScale 2s infinite ease-in-out 1s;
}

.spinner .ball-4 {
    z-index: 1;
    background-color: #d0511f;
    left: -20px;
    -webkit-transform: translate(50%, 50%) scale(0.5);
    -webkit-animation: animateSway 2s infinite ease-in-out 1.5s, animateScale 2s infinite ease-in-out 1.5s;
    animation: animateSway 2s infinite ease-in-out 1.5s, animateScale 2s infinite ease-in-out 1.5s;
}

.heroSliderContent h5.heroSliderItemSubheading {
    font-family: 'Montserrat';
    font-size: 26px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.heroSliderContent h4.heroSliderItemTitle {
    font-family: 'modernline - Personal Use';
    font-size: 50px;
    font-weight: 400;
    line-height: 94px;
    letter-spacing: 0.01em;
    color: #c09a5c;
    margin-bottom: 0px;
    margin-top: -38px;
}

.heroSliderContent h2.heroSliderItemheading {
    font-family: EB Garamond;
    font-size: 60px;
    font-weight: 400;
    line-height: 91px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-top: -10px;
}

/* .heroSliderContent p.heroSliderItemText.text-center {
    max-width: 500px;
    margin-bottom: 0px;
    margin-top: 50px;
    line-height: 22px;
} */

.heroSliderContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* added for collections */
@media screen and (min-width:992px) {
    body:not(.home) .heroBannerContent:after {
        content: '';
        height: 61px;
        display: block;
    }    
}


@-webkit-keyframes animateSway {
    0% {
        left: -20px
    }

    50% {
        left: 20px
    }

    100% {
        left: -20px
    }
}

@keyframes animateSway {
    0% {
        left: -20px
    }

    50% {
        left: 20px
    }

    100% {
        left: -20px
    }
}

@-webkit-keyframes animateScale {
    0% {
        -webkit-transform: translate(50%, 50%) scale(0.5);
        z-index: -1
    }

    25% {
        -webkit-transform: translate(50%, 50%) scale(1);
        z-index: +1
    }

    50% {
        -webkit-transform: translate(50%, 50%) scale(0.5);
        z-index: -1
    }

    75% {
        -webkit-transform: translate(50%, 50%) scale(0.25);
        z-index: -2
    }

    100% {
        -webkit-transform: translate(50%, 50%) scale(0.5);
        z-index: -1
    }
}

@keyframes animateScale {
    0% {
        transform: translate(50%, 50%) scale(0.5);
        z-index: -1
    }

    25% {
        transform: translate(50%, 50%) scale(1);
        z-index: +1
    }

    50% {
        transform: translate(50%, 50%) scale(0.5);
        z-index: -1
    }

    75% {
        transform: translate(50%, 50%) scale(0.25);
        z-index: -2
    }

    100% {
        transform: translate(50%, 50%) scale(0.5);
        z-index: -1
    }
}

/* Disable scrolling when the preloader is displayed */
body {
    overflow: hidden;
}


/*- Header -*/

.topBar .container-fluid {
    padding: 0px 70px;
}

.navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.navbar-nav .dropdown-menu {
    display: none;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Add an animation for the dropdown menu */
.navbar-nav .dropdown-menu {
    animation-duration: 0.3s;
    animation-fill-mode: both;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.navbar-nav .dropdown:hover .dropdown-menu {
    animation-name: fadeInDown;
    z-index: 1060;
}

.container-fluid {
    padding: 10px 70px;
}

.mainHeaderbar {
    padding: 23px 0 11px;
}

.offcanvas-header {
    column-gap: 36px;
    padding: 20px 16px;
    border-bottom: 1px solid #D9D9D9;
}

.mobileMenu .offcanvas-header>div {
    column-gap: 18px;
    display: flex;
    align-items: center;
}

.mobileMenu .offcanvas-header .btn-close {
    column-gap: 18px;
    display: flex;
    align-items: center;
    padding: 0px;
    width: 14px;
    height: 14px;
    color: #333333;
}

.offcanvas-body {
    padding: 0;
}

.offcanvas .nav-tabs .nav-item.show .nav-link,
.offcanvas .nav-tabs .nav-link.active {
    border: none !important;
    border-bottom: 2px solid #A19464 !important;
    color: #A19464 !important;
}

.offcanvas .nav-fill .nav-item .nav-link,
.offcanvas .nav-justified .nav-item .nav-link {
    width: 100%;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #333333;
    padding: 13px 0 13px;
    border-bottom: 2px solid #D9D9D9;
}

.nav-tabs {
    margin-bottom: 0 !important;
}

#myAccordion {
    padding: 0 22px 0 16px;
}

.accordion-item {
    border: none;
    border-bottom: 1px solid #D9D9D99C;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.accordion-button {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0.01em;
    text-align: left;
    padding: 19px 0 21px;
}

.accordion-button:not(.collapsed),
.accordion-button:focus {
    color: #383838;
    box-shadow: none;
    background-color: unset;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0.01em;
}

.accordion-body {
    padding: 0;
}

.mobileMenu .accordion-button::after {
    transform: rotate(-90deg);
    width: 13px;
    height: 14px;
    background-size: contain;
}

.mobileMenu .accordion-button:not(.collapsed)::after {
    transform: rotate(0deg);
}

.subNavTitle {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.03em;
    color: #383838;
}

.subNavItems {
    margin-top: 9px;
    margin-bottom: 19px;
}

#ex2-tabs-2 .subNavItems {
    margin-top: -4px;
    margin-bottom: 19px;
}

#ex2-tabs-2  #collapseTwo .subNavItems {
    margin-top: 0px;
}

#ex2-content #collapseTwo .subNavItems a {
    display: flex;
    align-items: center;
    column-gap: 11px;
}

.subNavItems a {
    display: block;
    text-decoration: none;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    color: #383838;
}

.accordion-item:last-of-type {
    border: none;
}

.quickNav>.accordion-button {
    padding: 18px 0 19px;
    border-bottom: 1px solid rgba(217, 217, 217, 0.61);
    justify-content: space-between;
}

.quickNav>.accordion-button>div {
    width: 30px;
    text-align: center;
}

.quickNav>.accordion-button:last-of-type {
    border-bottom: 0;
}

.quickNav {
    background: #A1946412;
    padding: 0 22px 0 16px;
}

.quickNav>.accordion-button::after {
    display: none;
}

.quickNav>.accordion-button>a {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0.01em;
    color: #A19464;
    text-transform: uppercase;
    text-decoration: none;
}

.menuCards {
    background: #383838;
    padding: 0 22px 0 16px;
}

.menuCard {
    padding: 15px 0 14px;
}

.menuCardContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.menuCardTitle {
    font-family: 'EB Garamond';
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.14em;
    margin-bottom: 19px;
}

button.menuCardBtn {
    font-family: Montserrat;
    font-size: 11px;
    font-weight: 500;
    line-height: 11px;
    letter-spacing: 0.1em;
    background: #C09A5C;
    border-radius: 62px;
    padding: 11px;
    text-transform: uppercase;
    margin-bottom: 12px;
    border-style: hidden;
}

.menuCard>div {
    column-gap: 12px;
}

.menuCard:first-of-type {
    border-bottom: 1px solid#A1946466;
}

input.search_input {
    width: 100%;
}

.bottomHeaderbar .container-fluid {
    padding: 0px 70px;
}

.bottomHeaderbar {
    border-top: 1px solid #D9D9D9;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.03);
}

.text-muted {
    --bs-text-opacity: 1;
    color: #ffffff !important;
    text-decoration: none;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-align: left;
    padding: 12px 0;
}

.text {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: none;
    color: #333333;
}

.profileBar .text:hover {
    color: #c09a5c;
}

.profileBar .text.activeheader {
    color: #c09a5c;
}

li.nav-item {
    color: #333333;
    position: relative;
}

li.nav-item.activeheader {
    color: #c09a5c;
}

li.nav-item:hover {
    color: #c09a5c;
}

.navbar li.has-megamenu.nav-item:has(.dropdown-menu.megamenu)>a::after,
.navbar li.has-megamenu.nav-item.activeheader:has(.dropdown-menu.megamenu)>a::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #c09a5c;
    bottom: -16px;
    left: -2px;
    position: absolute;
    color: #c09a5c;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.navbar li.has-megamenu.nav-item:hover:has(.dropdown-menu.megamenu)>a::after,
.navbar li.has-megamenu.nav-item.activeheader:has(.dropdown-menu.megamenu)>a::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #c09a5c;
    bottom: -16px;
    left: -2px;
    position: absolute;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.accordion-item.activeheader>h2>button {
    color: #c09a5c;
}

.mobileMenu .accordion-item.activeheader .accordion-button::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iZGVlMmU2IiBjb2xvcj0iI2RlZTJlNiI+PHBhdGggZD0iTTEuNjQ2IDQuNjQ2YS41LjUgMCAwIDEgLjcwOCAwTDggMTAuMjkzbDUuNjQ2LTUuNjQ3YS41LjUgMCAwIDEgLjcwOC43MDhsLTYgNmEuNS41IDAgMCAxLS43MDggMGwtNi02YS41LjUgMCAwIDEgMC0uNzA4eiIgZmlsbD0iI2MwOWE1YyIvPjwvc3ZnPg==");
}

a.navText.nav-link.dropdown-toggle {
    position: relative;
}

.navText {
    text-decoration: none;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-align: left;
    color: inherit;
}

.navText:hover {
    color: #C09A5C;
}

.topBarInfoRight {
    column-gap: 40px;
}

.topBarInfoLeft {
    column-gap: 27px;
}

.topBarInfoLeft .btn-group {
    cursor: pointer;
}

.mailtop,
.phoneTop {
    column-gap: 9px;
}

input.search_input {
    background: #EFEFEF;
    border-radius: 60px;
    padding: 10px 12px 10px 19px;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    border: none;
}

.dropdownIcon {
    margin-left: 4px;
}

.dropdown-menu.show {
    transform: none !important;
    inset: 100% 0 auto auto !important;
    margin: auto !important;
    border: 1px solid #D9D9D9;
    border-radius: 0;
    border-top: 0px;
    padding: 0px;
}

.dropdown-menu>li>a {
    font-family: Montserrat !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 15px !important;
    letter-spacing: 0.01em !important;
    padding: 10px 10px;
}

.mainHeaderbarLeft {
    column-gap: 24px;
}

.bottomHeaderbarRight {
    column-gap: 27px;
}

.navbar-expand-lg .navbar-nav {
    column-gap: 27px;
    width: 100%;
}

.navLastItem {
    margin-left: auto;
    column-gap: 7px;
}

.navLastItem>a {
    font-weight: 600;
    color: #C09A5C;
}

li.navLink>a:hover {
    color: #C09A5C;
}

.languageTop {
    column-gap: 7px;
}

hr {
    margin: 0;
    color: inherit;
    border: 1px solid rgba(192, 154, 92, 0.4);
    opacity: 1;
}

.navbar .megamenu {
    padding: 31px 0px 54px !important;
}

.dropdown-menu h6.title {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.03em;
    text-align: left;
    text-transform: uppercase;
}

.navbar .megamenu {
    border-top: 1px solid #D9D9D9 !important;
    border-radius: 0px;
    background: #fff;
    top: 48px !important;
}


li.navLink>a {
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: none;
    color: #383838;
}

.navList {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-gap: 0px;
}

p.menuProductCode {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0.01em;
    margin-top: 21px;
    margin-bottom: 12px;
}

h6.menuProductTitle {
    font-family: 'EB Garamond';
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
}

p.menuProductPrice {
    font-family: EB Garamond;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    color: #A2925D;
}

p.menuProductPrice span {
    font-family: Latin Modern Roman;
}

element.horizontal {
    width: 150px;
    height: 1px;
    background: #A19464;
    border-width: 0;
    margin: 0px 0 15px;
}

/* Extra Small devices */

.offcanvasNavbar {
    padding: 8px 5px;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.03);
}

.navbar {
    padding: 0px;
}


.footerTopMobile {
    padding: 10px 5px 10px 7px;
}

.footerTopMobileInfo {
    padding: 26px 20px 20px 19px;
    background: rgb(255, 255, 255, 0.1);
}

.footerTopMobileInfo h4 {
    font-family: EB Garamond;
    font-size: 22px;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: 0.01em;
    text-align: center;
}

a.footerLink {
    line-height: 34px;
    text-decoration: auto;
}

.footerMenuMobileTop {
    margin-top: 31px;
    margin-bottom: 26px;
}

.footerMenuMobileMid {
    padding: 20px 40px 0px;
}

.footerMenuMobileMid>h6 {
    white-space: nowrap;
    font-family: EB Garamond;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0em;
    margin-left: -4px;
}

.footerMenuMobileMid>p {
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
}

.footerMenuMobileBottom>.footerTitle {
    font-family: EB Garamond;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: center;
}

.footerMenuMobileBottom {
    margin-top: 23px;
}

.footerMenuMobileBottom>p {
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 0;
}

.cabFooter {
    margin-top: 40px;
}

.footerMainMobile {
    padding: 40px 0 35px;
}

.footerNavMobile .footerTitle.active::after {
    content: "";
    background: url('/wp-content/uploads/2023/06/minusIcon.svg') no-repeat;
}

.footerNavMobile .footerTitle::after {
    content: "";
    position: absolute;
    right: 0;
    background: url('/wp-content/uploads/2023/06/plusIcon.svg') no-repeat;
    width: 10px;
    height: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.footerNavMobile {
    row-gap: 45px;
    padding-top: 8px;
}


/*- NavBar-*/

.navbar {
    padding: 0px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0px;
}

.navText.dropdown-toggle::after {
    content: none;
}

.navbar .megamenu {
    padding: 1rem;
}
html[lang="th"] a.navText {
    font-size: 16px;
}

html[lang="th"] .dropdown-menu h6.title {
    font-size: 19px;
}

html[lang="th"] li.navLink>a {
    font-size: 16px;
}
/* === desktop view === */
@media all and (min-width: 992px) {

    .navbar .has-megamenu {
        position: static !important;
        padding: 16px 0 18px;
        cursor: pointer;
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
    }

}

/*- GT Translate -*/

.gt_switcher .gt_selected {
    background: #ffffff00 !important;
    z-index: 1 !important;
    padding: 12px 0;
}

.gt_switcher .gt_selected a:hover {
    background: #f0f0f000 !important;
}

.gt_switcher .gt_selected a {
    border: 0px !important;
    color: #ffffff !important;
    padding: 0 !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
}

.gt_switcher {
    width: 100% !important;
    overflow: inherit !important;
    position: relative !important;
}

.gt_switcher a {
    font-family: Montserrat !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 15px !important;
    letter-spacing: 0.01em !important;
}

.gt_switcher a:hover img {
    opacity: 0.8 !important;
}

.gt_switcher .gt_selected a:after {
    position: relative !important;
    margin-left: 4px !important;
    right: 0px !important;
    background-size: 6px !important;
    height: 5px !important;
    transition: none !important;
    width: 6px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='5' viewBox='0 0 6 5' fill='none'%3E%3Cpath d='M0.5 1L3 3.5L5.5 1' stroke='white'/%3E%3C/svg%3E") !important;
}

.gt_switcher .gt_selected a.open:after {
    transform: rotate(0deg) !important;
}

.gt_switcher a img {
    margin-right: 4px !important;
    width: 18px !important;
    height: 12px !important;
}

.gt_switcher .gt_option {
    border-left: 1px solid #d2b9b9 !important;
    border-right: 1px solid #c6c0c0 !important;
    border-bottom: 1px solid #cec0c0 !important;
    right: 0 !important;
}

.gt_switcher .gt_option {
    width: max-content !important;
    height: auto !important;
    position: absolute !important;
    transition: none !important;
    background-color: #ffffff !important;
}

.gt_switcher .gt_option a {
    padding: 6px 20px;
}


/*- Cart Icon -*/

span.cart-count,
#wishlist-count {
    background: #c09a5c;
    width: 18px;
    height: 18px;
    padding: 5px 1px;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    top: -8px;
    right: 0;
    font-size: 11px;
    line-height: 8px;
    text-align: center;
    font-family: 'Montserrat';
}

.wishList {
    position: relative;
}

a.cart {
    color: #333333;
    text-decoration: none;
    position: relative;
}

#wishlist-count {
    right: -8px;
}

a.cart li {
    list-style: none;
}



element {
    border-width: 1px;
    border-style: solid;
    color: #D9D9D9;
    display: inline-block;
    height: 207px;
    border-radius: 30px;
}

.instagramImages {
    padding: 2px 10px 70px 10px;
    background: rgba(237, 228, 211, 0.5);
}

.instaImages {
    position: relative;
    overflow: hidden;

}

button.btnWhite {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0.14em;
    background: #fff;
    color: #333;
    text-transform: uppercase;
    border-radius: 62px;
    padding: 19px 39px;
    border: 1px solid #333333;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

button.btnWhite:hover {
    background: #ffffff00;
    color: #fff;
    transition: 0.3s ease-in-out;
}

button.btnWhite:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #333;
    transition: all 0.3s;
    border-radius: 10rem;
    z-index: -1;
}

button.btnWhite:hover:before {
    width: 100%;
}

button.btnWhite:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 10rem;
    z-index: -2;
}

button.btnBlack,
a.btnBlack {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0.14em;
    background: #333333;
    color: #fff;
    text-transform: uppercase;
    border-radius: 62px;
    padding: 19px 39px;
    border: 1px solid #333333;
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
}

.checkout-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

button.btnBlack:hover,
a.btnBlack:hover,
.checkout-button:hover {
    background: #ffffff00;
    color: #333333;
    transition: 0.3s ease-in-out;
}

button.btnBlack:before,
a.btnBlack:before,
.checkout-button:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #ffffff;
    transition: all 0.3s;
    border-radius: 10rem;
    z-index: -1;
}

button.btnBlack:hover:before,
a.btnBlack:hover:before,
.checkout-button:hover:before {
    width: 100%;
}

button.btnBlack:after,
a.btnBlack:after,
.checkout-button:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    border-radius: 10rem;
    z-index: -2;
}

i.bi {
    -webkit-text-stroke: 0.5px;
}

.nxt.slick-disabled,
.prv.slick-disabled {
    opacity: 0.9;
}

.nxt:hover,
.prv:hover {
    background: #C09A5C;
    border: 0;
    padding: 16px;
    color: #fff;
    z-index: 1;
    top: 31%;
    border-radius: 50%;
    position: absolute;
}

.nxt,
.prv {
    background: #ffffff;
    border: 0;
    padding: 16px;
    color: #333;
    z-index: 1;
    top: 31%;
    border-radius: 50%;
    position: absolute;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    zoom: 72%;
}

.popularOccasions .nxt,
.popularOccasions .prv {
    top: 36%;
}

.prv {
    left: -24px;
}

.nxt {
    right: 24px
}



/*- HomePage -*/

/* === General === */

/* .slick-list,
	.slick-slider,
	.slick-track {
		overflow: hidden;
	} */

button.btnAdd {
    border: 1px solid #C09A5C;
    border-radius: 63px;
    padding: 5px 17px 5px;
    background: #fff;
    color: #C09A5C;
    right: 0;
    top: 0;
    font-weight: 500;
    position: absolute;
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
}

button.btnAdd:hover {
    padding: 5px 14px 5px 29px;
}

span.addToCart {
    font-size: 0;
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    line-height: 14px;
}

button.btnAdd:hover span.addToCart {
    font-size: 14px;
}

button.btnAdd .bi-plus {
    transition: all 0.5s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -53%);
}

button.btnAdd:hover .bi-plus {
    margin-left: -10px;
    transform: translate(-100%, -53%);
}

.btnAdd .bi-plus::before {
    -webkit-text-stroke: 0.3px;
    scale: 1.4;
}

h2.sectionHeading {
    font-family: EB Garamond;
    font-size: 40px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: 0.01em;
    color: #333333;
}

h2.sectionHeading>i {
    font-weight: 400;
}

h4.sectionSubHeading {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0.01em;
    margin-top: 10px;
    color: #6B6B6B;
}




/* === Hero Section Start === */

.heroSlider .container-fluid {
    padding: 0px !important;
    overflow: hidden;
}

.heroSlider .slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.heroSlider ul.slick-dots {
    bottom: 18px;
    top: auto;
}

.heroSlider .slick-dots li button {
    border: 1px solid #fff;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    background: #fff;
}

.heroSlider .slick-dots li button:before {
    font-size: 0;
}

.heroSlider .slick-dots li.slick-active button {
    border: 1px solid #C09A5C;
    background: transparent;
    position: relative;
}

.heroSlider .slick-dots li.slick-active button:before {
    opacity: 1;
    background: #C09A5C;
    line-height: 0;
    margin: 10%;
    content: "";
    width: 80%;
    height: 80%;
    border-radius: 50%;
}

.heroSlider .slick-dots li button {
    background: #fff;
}

h4.heroSliderItemSubheading {
    font-family: 'modernline - Personal Use', sans-serif;
    font-size: 44px;
    font-weight: 400;
    line-height: 93.85px;
    letter-spacing: 0.01em;
    margin-bottom: -74px;
}

h2.heroSliderItemTitle {
    font-family: EB Garamond;
    font-size: 70px;
    font-weight: 400;
    line-height: 91px;
    letter-spacing: 0.04em;
    margin-top: 35px;
    text-transform: uppercase;
    color: #333333;
}

p.heroSliderItemText {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-align: left;
    margin-bottom: 32px;
    color: #333333;
}

.heroSliderContent {
    margin-left: 182px;
    width: fit-content;
    height: 260px;
}
.heroSliderConatiner, .heroBannerContainer{
    height: 52vh;
}


/* === Features Section Start === */

.collection .featureItem {
    flex-direction: row;
    min-width: fit-content;
}

h5.featureTitle {
    font-family: EB Garamond;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.01em;
    color: #C09A5C;
    margin-bottom: 4px;
}

h5.featureTitle>a {
    color: #C09A5C;
}

p.featureText {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 0;
    margin-top: 0;
}

.featureItemContent {
    margin-left: 20px;
}

.features {
    padding: 10px 0px;
    border-bottom: 1px solid #E4E4E4;
}


/* === Our Clients Starts === */

/* .ourClients {
		padding: 0px 0px;
	}

	.ourClients.collection {
		margin-top: 0px;
	}

	.ourClients .container-fluid {
		padding: 0px !important;
	}

	.ourClientsHeader {
		flex-direction: column;
	}

	.ourClientsHeader h2.sectionHeading {
		font-family: EB Garamond;
		font-size: 26px;
		font-weight: 400;
		line-height: 34px;
		letter-spacing: 0.01em;
		background: #fff;
		padding: 20px 0;
	} */

.clientLogos {
    padding: 19px 0 17px;
    min-height: 99px;
}

.ourClients .ourClientsHeader {
    padding: 40px 0 0;
}

.ourClients .ourClientsHeader h2.sectionHeading {
    padding: 0 0 30px;
}

.ourClients .container-fluid {
    padding: 10px 70px;
}

.clientLogos>div {
    column-gap: 30px;
    overflow: scroll;
}

.clientLogos>div::-webkit-scrollbar {
    display: none;
}

.ourClientsHeader .col-12 {
    width: auto;
    text-align-last: center;
}

.ourClientsHeader h2.sectionHeading {
    font-family: EB Garamond;
    font-size: 40px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: 0.01em;
    background: none;
    padding: 0;
}

.clientLogosTwo>div {
    column-gap: 30px;
    overflow: scroll;
}


/* === ShopCategory Start === */

.shopCategory {
    padding: 30px 0px 10px;
}

.categoryItems {
    margin-top: 40px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 21px;
    row-gap: 28px;
}

.categoryItems a {
    display: block;
}

.categoryItems .col-lg-3 {
    width: 20%;
}

h4.categoryTitle {
    font-family: EB Garamond;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    margin-top: 20px;
    margin-bottom: 10px;
    background: #f2f2f2;
    margin: 0;
    text-transform: uppercase;
    padding: 20px 0;
}

img.categoryImage {
    aspect-ratio: 1/1.14;
    object-fit: cover;
    transition: transform 0.5s ease-in-out;
}
h4.categoryTitle{
    transition: transform 0.5s ease-in-out;
}
.categoryItem:hover a>img.categoryImage, .categoryItem:hover h4.categoryTitle {
    transform: scale(1.1);
    transition: transform 0.5s ease-in-out;
}

.categoryItem:hover>h4.categoryTitle {
    color: #C09A5C;
   
}


/* === GiftHamper Start === */

.giftHamperGrid {
    display: grid;
    grid-template-columns: 55% auto;
    column-gap: 30px;
}

.giftHamperGrid>div:first-child {
    display: grid;
    align-content: space-between;
    row-gap: 30px;
}

.gridTwo {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 30px;
}

img.giftHamperImage {
    aspect-ratio: 1/1.14;
}

.giftHamperImage>img {
    aspect-ratio: 2/2;
}

p.giftHamperNote {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.08em;
    color: #C09A5C;
}

.gifthamperCard element.horizontal {
    width: 50px;
    height: 1px;
    background: #333;
    border-width: 0;
    margin: 44px 0 12px;
}

p.giftHamperNote {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.08em;
    color: #C09A5C;
    margin-bottom: 0px;
    margin-top: 30px;
}

h4.giftHamperTitle {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
    background: #eeaaff !important;
    padding: 20px 0;
}

.gifthamperCard {
    background: #FFFFFFF0;
    padding: 96px 82px;
    center: center;
}

.giftHamper {
    display: flex;
    align-items: center;
    justify-content: center;
}

h3.giftHamersSubHeader {
    font-family: 'modernline - Personal Use', sans-serif;
    font-size: 64px;
    font-weight: 400;
    line-height: 137px;
    letter-spacing: 0.01em;
    margin-bottom: -70px;
    color: #C09A5C;
}

h2.giftHamersTitle {
    color: var(--button, #333);
    font-family: EB Garamond;
    font-size: 70px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 4.2px;
    text-transform: uppercase;
}

p.giftHamersText {
    color: #333;
    text-align: center;
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    width: 244px;
    margin: auto;
}


.giftHampers {
    padding: 40px 0 70px;
}

.giftHamperInfo {
    background: #6fb7ff !important;
    padding: 38px 0 44px;
}

h4.deliveryTitle {
    font-family: Montserrat;
    font-size: 30px;
    font-weight: 700;
    line-height: 37px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

img.deliveryImage {
    margin-bottom: 26px;
}

p.deliveryText {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.02em;
    margin-bottom: 21px;
}

p.deliveryText span {
    display: block;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.02em;
}


/* ===  Starts === */

.callToActionContent {
    display: grid;
    grid-template-columns: minmax(0, 55%) minmax(0, 1fr);
    align-items: center;
}

section.callToAction {
    padding: 50px 0;
}

h3.callToActionSubheader {
    font-family: 'modernline - Personal Use';
    font-size: 34px;
    font-weight: 400;
    line-height: 73px;
    letter-spacing: 0.01em;
    color: #c09a5c;
}

h2.callToActionTitle {
    font-family: EB Garamond;
    font-size: 36px;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: 0.01em;
}

p.callToActionText {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0.01em;
    text-align: center;
    margin-top: 30px;
}

p.callToActionText>span {
    display: block;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0.01em;
    text-align: center;
}

.callToActionContent button.btnBlack {
    margin-top: 18px;
}


.rightdiv {
    width: fit-content;
}


/* === Top Selling Starts === */

.topSellingItems {
    margin-top: 30px;
}

.topSellingInfo {
    margin-top: 1rem;
    position: relative;
}

p.topSellingproductCode {
    margin-bottom: 0.25rem;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #8C8C8C;
}

p.topSellingPrice {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #C09A5C;
}

p.topSellingPrice span.woocommerce-Price-currencySymbol {
    font-family: 'Latin Modern Roman';
}

h4.topSellingTitle {
    margin-bottom: 0.25rem;
    font-family: EB Garamond;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: color 0.15s ease-in-out;
}

h4.topSellingTitle:hover {
    color: #C09A5C;
    transition: color 0.15s ease-in-out;
}

.topSelling {
    padding: 40px 0 40px;
}

.topSellingBottom {
    margin-top: 41px;
}

.topSellingItems .slick-slide {
    margin: 0 17px;
}

.topSellingItems .slick-list {
    margin: 0 -17px;
}

.topSellingItem {
    position: relative;
}

.topSellingImage>a>img {
    aspect-ratio: 1/1.14;
}

.addToWishlist {
    position: absolute;
    top: 10px;
    right: 10px;
}

a.delete_item {
    font-size: 0px;
}


/* === Popular Ocassion Start === */

.popularOccasions .container-fluid {
    padding: 10px 70px;
}

.occasionItems .slick-slide {
    margin: 0 11px;
}

.occasionItems .slick-list {
    margin: 0 -11px;
}

.popularOccasions {
    padding: 50px 0;
}

.occasionItems {
    margin-top: 40px;
  
}

h4.occasionTitle {
    font-family: EB Garamond;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    padding-top: 20px;
    margin-bottom: 10px;
    color: #333333;
    transition: color 0.15s ease-in-out;
}
h4.occasionTitle {
    background: #CBAB7C;
    margin-top: 12px;
    width: auto;
    padding: 5px 40px;
    display: inline-block;
    color: #fff;
    font-size: 16px;
}
h4.occasionTitle:hover {
   
    transition: color 0.15s ease-in-out;
}

.ocassionImage {
    aspect-ratio: 1/1.14;
    object-fit: cover;
    object-position: top;
}


/* === Gifts Start === */

.giftsHeader {
    column-gap: 53px;
    flex-wrap: nowrap;
}

.giftsHeader>div {
    transition: scale 0.5s ease-in-out;
}

.giftsHeader>div:hover {
    scale: 1.1;
}

.gifts {
    padding: 80px 26px;
}


/* === GiftServices Start === */

.giftServicesHeader {
    margin-bottom: 34px;
}

.giftService {
    padding: initial;
    flex: 1;
}

.giftService a {
    margin-bottom: 1px;
}

.giftServicesItems {
    margin: 0 170px;
    column-gap: 87px;
    margin-top: -80px;
}


img.giftServiceImage {
    margin-bottom: 20px;
    width: 155px;
    height: 152px;
}

h4.giftServiceTitle {
    font-family: 'EB Garamond';
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0.02em;
    margin-bottom: 24px;
}

p.giftServiceText {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.01em;
    margin-bottom: 10px;
}

.giftServicesItems .slick-track {
    display: flex !important;
    align-items: stretch;
    justify-content: space-between !important;
}

.giftServicesItems .slick-slide {
    height: inherit !important;
    margin: 0 43.5px;
}

.giftServicesItems.slick-dotted.slick-slider {
    margin-bottom: 30px;
    text-align: -webkit-center;
}

/* === GiftServices End === */

/* === Our Journal Start === */

img.journalImage {
    margin-bottom: 20px;
    aspect-ratio: 1/1;
}

.journals .slick-slide:nth-child(2) img {
    aspect-ratio: 1/1.28;
    object-fit: cover;
}

.journals .slick-list {
    margin: 0 -16px !important;
}

.journals .slick-slide {
    margin: 0 16px !important;
}

p.journalSubHeading {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0.01em;
    text-align: left;
    margin-bottom: 20px;
}

h5.journalSubHeading {
    font-family: EB Garamond;
    font-size: 26px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0.05em;
    text-align: left;
    margin-bottom: 22px;
    transition: color 0.15s ease-in-out;
}

h5.journalSubHeading:hover {
    color: #C09A5C;
    transition: color 0.15s ease-in-out;
}

p.journalText {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #6B6B6B;
}

.ourJournals {
    padding: 60px 0px;
}

.journals {
    column-gap: 33px;
    margin-top: 34px;
}

.journal {
    flex: 1;
}


/* === Testimonial Starts === */

.testimonial .slick-dots li button {
    width: inherit;
    height: inherit;
}

/* === Testimonials === */

.clientTestimonials {
    padding: 40px 31px;
}

.testimonial {
    column-gap: 43px;
    margin-top: 46px;
}

.reviewContent {
    background: #fff;
    padding: 27px 17px;
    position: relative;
}

.startrating {
    margin-bottom: 16px;
    display: flex;
    column-gap: 4px;
}

.reviewContent:after {
    content: '';
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    border-top: solid 10px #ffffff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

.reviewContent p {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #6B6B6B;
    margin-bottom: 0;
}

p.clientname {
    margin-bottom: 0;
    font-family: Garamond Premier Pro;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0.05em;
    text-align: left;
}

img.clientImage {
    border-radius: 50%;
}

.clientProfile {
    column-gap: 11px;
    margin-top: 30px;
}

.clientTestimonialsHeader {
    margin-bottom: 36px;
}

.testimonial ul.slick-dots {
    margin: 10px 0;
}

.testimonial {
    margin-top: 10px;
    overflow: hidden;
}

.testimonial.slick-slider.slick-dotted {
    margin-bottom: 0px;
}

.testimonial .slick-dots li {
    width: 8px;
    height: 8px;
}

.testimonial .slick-dots li button {
    border: 1px solid #c09a5c;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff0;
    padding: 4px !important;
}

.testimonial .slick-slide {
    margin: 0 21.5px;
}

.testimonial .slick-list {
    margin: 0 -21.5px;
}

.testimonial ul.slick-dots {
    margin-top: 30px;
    bottom: 0px;
    position: inherit;
}

.testimonial .slick-dots li button:before {
    content: none;
}

.testimonial .slick-dots li.slick-active button {
    border: 1px solid #C09A5C;
    background: #C09A5C;
}

.testimonial .slick-dots li.slick-active button:before {
    content: none;
}


/* === Why Choose us Start === */

.whyChooseUsFeatures {
    display: flex;
    margin-top: 44px;
    flex-wrap: inherit;
    padding: 18px 0 44px;
    background: #FFFFFF;
    box-shadow: 0px 0px 24px 4px rgba(0, 0, 0, 0.04);
}

.whyChooseUs {
    padding: 58px 31px;
    background: linear-gradient(180deg, #FFf 50%, rgba(237, 228, 211, 0.5) 50%);
}

.whyChooseUsFeature {
    padding: 24px 31px 0px;
}

.whyChooseUsFeature:not(:last-child) {
    padding-bottom: 18px;
}

.whyChooseUs {
    padding: 58px 31px;
    background: linear-gradient(180deg, #FFf 50%, rgba(237, 228, 211, 0.5) 50%);
}

.whyChooseUsFeature {
    padding: 24px 31px 0px;
}

.whyChooseUsFeature img {
    margin-bottom: 22px;
}

.whyChooseUsFeature>h5 {
    font-family: EB Garamond;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 17px;
}

.whyChooseUsFeature>p {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.01em;
    text-align: center;
    margin-bottom: 0;
    color: #6B6B6B;
}

/* === Feature Items === */

.featureItem {
    flex-direction: row;
}


/* === Instaram start === */

.instagramImages>.container-fluid {
    padding: 10px 5px 10px !important;
}

.instaImage,
.instaImage img {
    position: relative;
}

.instaImages .slick-slide {
    margin: 0 8px;
}

.instaImages .slick-list {
    margin: 0 -8px;
}

.instaImage::after {
    content: "";
    background: url(//dsv3kq6i9pnzc.cloudfront.net/wp-content/uploads/2023/06/instaCard.svg) no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    opacity: 0;
    transition: opacity 0.5s ease-in-out, scale 0.5s ease-in-out;
}

.instaImage:hover::after {
    content: "";
    background: url('//dsv3kq6i9pnzc.cloudfront.net/wp-content/uploads/2023/06/instaCard.svg') no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    opacity: 1;
    scale: 1.15;
    transition: opacity 0.5s ease-in-out, scale 0.5s ease-in-out;
}

.instaImage:hover {
    content: "";
    transition: all 0.5s ease 0s;
}

.instaInfo img {
    margin-bottom: 20px;
}

h3.instagramTitle {
    font-family: EB Garamond;
    font-size: 26px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0.01em;
}

p.instagramHandle {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0em;
    margin-bottom: 20px;
    color: #6B6B6B;
}

.yith-wcwl-add-to-wishlist,
.yith-wcwl-add-button {
    position: absolute;
    right: 10px;
    height: fit-content;
    top: 4px;
}

.yith-wcwl-add-to-wishlist a.add_to_wishlist>img,
.yith-wcwl-add-to-wishlist a.delete_item>img,
.yith-wcwl-add-to-wishlist a.move_to_another_wishlist>img,
.addToWishlist>img {
    max-width: 31px;
    display: block;
    margin-right: 0px;
    background: #ffffffCC;
    padding: 6px 8px 4px 8px;
    border-radius: 50%;
    height: 31px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    transition: 0.1s ease-in-out;
}

.yith-wcwl-add-to-wishlist a.add_to_wishlist>img:hover,
.addToWishlist>img:hover {
    background: #f6f1e9;
    scale: 1.2;
    transition: 0.3s ease-in-out;
}

/* Pagination */


.woocommerce nav.woocommerce-pagination {
    margin-top: 50px;
}

.woocommerce .woocommerce-MyAccount-content nav.woocommerce-pagination {
    margin-top: 20px;
}

.woocommerce nav.woocommerce-pagination ul {
    border: 0px;
}

.woocommerce nav.woocommerce-pagination ul li {
    font-family: EB Garamond;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    border-radius: 4px;
}

.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
    display: inline-block;
    margin: 5px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    padding: 11px 12px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #C09A5C;
    color: #fff;
}

.nextPage,
.prevPage {
    display: flex;
    column-gap: 5px;
    align-items: center;
    line-height: 0.9;
}

.nextPage>.bi-chevron-right::before,
.prevPage>.bi-chevron-left::before {
    font-size: 13px;
}

/*-- SHop PAge Css --*/

:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.woof_list>li {
    margin: 0;
}

.woof_list>li input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.woof_list>li label {
    position: relative;
    display: flex !important;
    align-items: center;
}

.woof_list>li label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #33333380;
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    width: 14px;
    height: 14px;
}

.woof_list>li input:checked+label:after {
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' viewBox='0 0 15 11' fill='none'%3E%3Cpath d='M14.1616 1.13862L4.62065 10.5C4.5575 10.562 4.4825 10.6111 4.39996 10.6447C4.31741 10.6782 4.22893 10.6955 4.13957 10.6955C4.05021 10.6955 3.96173 10.6782 3.87918 10.6447C3.79663 10.6111 3.72164 10.562 3.65849 10.5L0.199269 6.19531C0.0716792 6.07023 0 5.90058 0 5.72368C0 5.54678 0.0716792 5.37713 0.199269 5.25205C0.326859 5.12696 0.499908 5.05669 0.680348 5.05669C0.860787 5.05669 1.03384 5.12696 1.16143 5.25205L4.13957 9.08593L13.1994 0.195355C13.327 0.070271 13.5001 -1.31798e-09 13.6805 0C13.8609 1.31798e-09 14.034 0.070271 14.1616 0.195355C14.2892 0.32044 14.3609 0.490091 14.3609 0.666987C14.3609 0.843884 14.2892 1.01354 14.1616 1.13862Z' fill='%23C09A5C'/%3E%3C/svg%3E");
    display: block;
    position: absolute;
    top: 8px;
    left: 3px;
    width: 15px;
    height: 11px;
}

.woof_list>li input:checked+label:before {
    background: #ffffff;
}

.woof_block_html_items ul {
    padding: 0px;
}

.woof_list label {
    position: relative;
    font-family: 'Montserrat';
    font-size: 12px;
}

li.woof_list input[type="radio"] {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

li.woof_list label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #33333380;
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    left: 0;
    top: 0;
    border-radius: 100%;
    background: #fff;
}

.woof_list>li input:checked+label:before {
    background: #ffffff;
}

li.woof_list input[checked]~label:after {
    display: block;
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background: #c09a5c;
    top: 12px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

li.woof_list {
    display: flex;
    align-items: center;
    position: relative;
}

li.woof_list:not(:last-child) {
    margin: 0 3px 19px -3.68px;
}

li.woof_list {
    margin-left: -3.68px;
}

li.woof_list span.woocommerce-Price-amount.amount {
    color: #333333;
    font-size: 16px;
    font-family: EB Garamond;
    font-weight: 400;
    word-wrap: break-word;
}

li.woof_list span.woocommerce-Price-currencySymbol {
    color: #333333;
    font-size: 14px;
    font-family: 'Latin Modern Roman';
    font-weight: 400;
    word-wrap: break-word;
}

.woof_radio_price_reset {
    display: none !important;
}

/* Form Error CSS */

form label.error {
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    border: 1px solid;
    padding: 4px 20px;
    margin-top: 4px;
    width: 100%;
}

.mainHeaderbarMobile {
    column-gap: 20px;
}

/* ==== PopUp Modal ==== */

#personalisedMessage .modal-content,
#personalisedMessageEdit .modal-content {
    border-radius: 0px;
}

#personalisedMessage .modal-header,
#personalisedMessageEdit .modal-header {
    display: block;
    padding: 20px 24px 18px;
}

#personalisedMessage .close,
#personalisedMessageEdit .close {
    text-align: right;
    cursor: pointer;
}

h4#personalisedMessageLabel {
    font-family: EB Garamond;
    font-size: 28px;
    font-weight: 500;
    line-height: 37px;
    letter-spacing: 0em;
}

#personalisedMessage .modal-body,
#personalisedMessageEdit .modal-body {
    padding: 20px 24px 0px;
}

#personalisedMessage .modal-footer,
#personalisedMessageEdit .modal-footer {
    border-top: 0px;
    justify-content: center;
    padding: 0 0 40px;
}

#personalisedMessageEdit .modal-footer {
    padding: 25px 0 40px;
}

p.ocaasionPersonalised,
p.cardMessagePersonalised {
    font-family: EB Garamond;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    margin-bottom: 29px;
}

p.cardMessagePersonalised {
    margin-bottom: 23px;
}

p.salutationPersonalised {
    font-family: EB Garamond;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    margin-bottom: 23px;
}

p.messageBodyPersonalised {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.03em;
    margin-bottom: 24px;
}

p.senderPersonalised {
    font-family: EB Garamond;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    display: block;
    width: min-content;
    float: right;
}

p.senderPersonalised>.senderBodyPersonalised {
    width: 100%;
    display: block;
}

#cardInfo input#edit_card_salutation,
#cardInfo input#edit_card_sender {
    font-family: EB Garamond;
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    border: 0px;
}

#cardInfo textarea#edit_card_text {
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: 0px;
    padding: 0px;
}

p#edit_char_count {
    text-align-last: right;
    color: var(--button, #333);
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 13px;
}

.product-options label {
    font-family: EB Garamond;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    margin-bottom: 15px;
}

#cardInfo {
    border: 1px solid #D9D9D9;
    padding: 15px 0px 0;
}

.cardinfoinside {
    padding: 0 13px;
}

.cardinfoinside:first-child {
    margin-bottom: 29px;
}

.cardinfoinside label {
    margin-bottom: 0;
    font-size: 12px;
}

.cardinfoinside:last-child {
    padding: 15px 13px 20px;
    border-top: 1px solid #D9D9D9;
}

.woocommerce-cart__empty-message {
    padding: 80px 70px;
}

.woocommerce-cart__empty-message img {
    width: 190px;
    height: 150px;
}

.woocommerce-cart__empty-message h5 {
    color: #333;
    font-family: EB Garamond;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 27px;
}

.woocommerce-cart__empty-message p {
    color: #333;
    text-align: center;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    /* 175% */
    letter-spacing: 0.36px;
    margin-top: 20px;
}

button.woocommerce-cart__button.btnBlack {
    margin-top: 20px;
}

/* Notifiers */

.itemRemoved {
    position: absolute;
    top: 0;
    right: 0;
    transition: 1s ease-in-out;
}

.itemRemoved.hide {
    opacity: 0;
    top: 224px;
}

.itemRemoved.show {
    opacity: 1;
    top: 224px;
    animation: slideFromRight 1s ease-in-out;
}

.itemRemoved.show p,
.itemRemoved.hide p {
    color: #C09A5C;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0px;
    border-radius: 70px 0px 0px 70px;
    background: #F4EFE5;
    padding: 12px 14px 12px 20px;
    width: 400px;
    text-align-last: center;
}

#yith-wcwl-popup-message {
    -moz-box-shadow: none;
    box-shadow: none;
    position: fixed;
    top: 20%;
    left: auto;
    right: 0px;
    z-index: 10000;
    color: #C09A5C;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0px;
    border-radius: 70px 0px 0px 70px;
    background: #F4EFE5;
    padding: 12px 44px 12px 50px;
    text-align-last: center;
    animation: slideFromRight 1s ease-in-out;
}
.product_custom_options_list {
  
    margin: 10px 2px;
}

.product_custom_options_list {
    border: 2px solid #fff;
    cursor: pointer;
}

.product_custom_options_list.ticked {
    border: 2px solid #C09A5C;
}
/* Keyframe Animation */
@keyframes slideFromRight {
    from {
        transform: translateX(100px);
        /* Start position: move 100px to the right */
    }

    to {
        transform: translateX(0);
        /* End position: back to the original position (0) */
    }
}


.product-price {
    display: grid;
}

ins {
    text-decoration: none;
    grid-row: 2;
}

del {
    text-decoration: none;
    position: relative;
    width: fit-content;
    justify-self: right;
    grid-row: 1;
}

del:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #8c8c8c;
    position: absolute;
    top: 54%;
    left: 0;
}

del span.woocommerce-Price-amount.amount {
    color: #8c8c8c;
    font-weight: 400;
    font-size: 12px;
}

del span.woocommerce-Price-currencySymbol {
    font-size: 12px;
}

a.showPersonalisedMessage {
    cursor: pointer;
}

.woocommerce span.onsale {
    display: none !important;
}

.wpcf7-not-valid-tip {
    display: block;
    font-size: 10px !important;
    width: fit-content !important;
    background: #f127271c;
    color: #f12727;
    margin: 0px !important;
    border-color: #f127271c !important;
    padding: 2px 10px !important;
    font-weight: 500 !important;
    font-family: 'Montserrat';
}

.wpcf7 form .wpcf7-response-output {
    font-family: 'EB Garamond';
}
.blogcontent-1 p {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-size: 16px;
    margin-bottom: 15px;
}

.blogcontent-1 h2 a {
    font-family: EB Garamond;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    margin: 0;
    padding-bottom: 0;
    margin-bottom: 5px;
    display: inline-block;
}
.single-post .herobanner-content {
    height: 100vh;
    overflow: hidden;
}
.heroBannerContent.heroSliderContent.center {
    margin-left: 0;
}
html{
  overflow-x: hidden !important
}
.heroSliderConatiner  {
    height: 52vh;
}
@media screen and (max-width:1400px){
    h4.heroSliderItemSubheading, h4.heroBannerItemSubheading{
        font-family: 'modernline - Personal Use', sans-serif;
        font-size: calc(15px + 1.7vw) !important;
        font-weight: 400;
        line-height: calc(9px + 1.7vw) !important;
        letter-spacing: 0.01em;
        margin-bottom: 0 !important;
    }
    .heroSliderConatiner    button.btnBlack, .heroSliderConatiner a.btnBlack {
        padding: 15px 25px ;
        margin-bottom: 0;
    }
    h2.heroSliderItemTitle , h2.heroBannerItemTitle{
        font-family: EB Garamond;
        font-size: calc(15px + 3.5vw) !important;
        font-weight: 400;
        line-height: calc(15px + 3.5vw)!important;
        letter-spacing: 0.04em;
        margin-top: 0!important;
        text-transform: uppercase;
        color: #ffffff;
    }
}
@media only screen and (min-width: 1920px) {

    .container-fluid {
        max-width: 1920px;
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    .heroSlider .container-fluid {
        overflow: hidden;
        max-width: 100%;
    }

    .instagramImages>.container-fluid {
        padding: 10px 70px 10px !important;
    }
}

@media only screen and (max-width: 1300px) {
    .heroSliderConatiner, .heroBannerContainer {
        height: 62vh;
    }
    .heroSliderContent {
        height: 188px;
    }
    .navText {
        font-size: 12px;
    }

    .container-fluid {
        padding: 10px 30px !important;
    }

    .bottomHeaderbar .container-fluid {
        padding: 10px 30px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 12px;
    }

    .topBar .container-fluid {
        padding: 0px 30px !important;
    }

    /** Our Clients **/

    /* .clientLogo {
        width: 75%;
    } */

    h4.giftHamperTitle {
        line-height: 26px;
        padding: 20px 20px;
        font-size: 16px;
    }

    .gifthamperCard {
        padding: 70px 30px 90px;
    }

    .popularOccasions .container-fluid {
        padding: 10px 30px;
    }

    .popularOccasions .nxt,
    .popularOccasions .prv {
        top: 23% !important;
    }

    .gifts {
        padding: 50px 26px;
    }

    .giftServicesItems {
        margin: 0 70px;
        margin-top: -80px;
    }

    .instaImage:hover::after {
        background-size: 64%;
    }
}

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

    .heroSliderContent {
        margin-left: 80px;
        width: fit-content;
    }

    .gt_switcher a img {
        width: 21px !important;
        margin-right: 0px !important;
        height: 14px !important;
    }

    .gt_switcher .gt_selected a {
        font-size: 0px !important;
    }

    .gt_switcher .gt_selected a:after {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%2333333'/></svg>") !important;
    }

    .gt_switcher .gt_option {
        top: 56px !important;
    }

    /*****/
    .featuresItems {
        flex-wrap: nowrap;
        row-gap: 24px;
        overflow: scroll;
        column-gap: 40px;
    }

    /* Hide scrollbar for Chrome, Safari and Opera */
    .featuresItems::-webkit-scrollbar {
        display: none;
    }

}
@media only screen and (max-width: 1400px) {
    h4.categoryTitle {
        font-size: 16px;
        padding: 10px 0;
    }
    h4.occasionTitle {
        padding: 2px 20px;
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) {

    section.callToAction {
        padding: 30px 0;
    }

    .callToActionContent button.btnBlack {
        margin-top: 5px;
    }

    .heroSlider .slick-dotted.slick-slider {
        margin-bottom: 0px;
    }

    .heroSlider ul.slick-dots {
        bottom: 18px;
    }

    .heroSlider .slick-dots li button {
        border: 1px solid #fff;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: #fff;
    }

    .heroSlider .slick-dots li button:before {
        font-size: 0;
    }

    .heroSlider .slick-dots li {
        width: 12px;
        height: 12px;
    }

    .heroSlider .slick-dots li.slick-active button {
        border: 1px solid #ffffff;
        background: white;
    }

    .heroSlider ul.slick-dots {
        bottom: 348px;
        top: auto;
    }

    .heroSlider .slick-dots li button {
        background: #fff0;
    }

    .heroSlider .slick-dots li.slick-active button:before {
        font-size: 0px;
        width: 100%;
        height: 100%;
        margin: 0;
        background: #fff;
    }

    .heroSliderContent {
        margin-left: 0;
     
        width: 100%;
        padding: 33px 20px;
  
        margin: 0;
        height: auto;
    }
    .home .heroSliderContent {
        background: #EDD4CF;
        }
    p.heroSliderItemText.text-center {
        margin-top: 10px;
    }

    .navbar.fixed-top .navbar-collapse,
    .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }

    /* For Check */

    .container-fluid {
        padding: 10px 30px !important;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 11px;
    }

    .searchbar {
        flex: initial;
    }

    input.search_input {
        width: 374px;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    .featuresItems {
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .giftHampers>.container-fluid>.row {
        row-gap: 24px !important;
        flex-direction: column-reverse !important;
    }

    .giftHampers>.container-fluid>.row>.col-md-7 {
        width: 100% !important;
        row-gap: 6px !important;
    }

    .giftHampers>.container-fluid>.row>.col-md-5 {
        width: 100% !important;
        padding: 53px 18px !important;
        justify-content: center !important;
    }


    .giftServicesItems {
        margin: 0 30px;
        margin-top: -50px;
    }

    .giftServicesContent {
        padding: 50px 47px 64px;
    }

    .journals .slick-list {
        margin: 0 -13px !important;
    }

    .journals .slick-slide {
        margin: 0 13px !important;
    }


    /*Till Here*/



    h3.giftServicesTopHeader {
        font-family: 'modernline - Personal Use';
        font-size: 20px;
        font-weight: 400;
        line-height: 43px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: -14px;
    }

    h2.giftServicesHeading {
        font-family: EB Garamond;
        font-size: 34px;
        font-weight: 400;
        line-height: 50px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    h4.giftServicesSubHeading {
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 500;
        line-height: 15px;
        letter-spacing: 0.06em;
        margin-bottom: 0px;
    }

    .giftServices .fullWidthImage {
        margin-top: 34px;
    }

    .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
        width: 100%;
    }

    .dgwt-wcas-search-wrapp-mobile input[type=search].dgwt-wcas-search-input {
        font-size: 14px !important;
    }

    svg.dgwt-wcas-ico-magnifier-handler {
        width: 17px;
        height: 17px;
        fill: #333333;
    }

    .ourClients .container-fluid {
        padding: 10px 30px;
    }

    .clientLogosTwo>div {
        column-gap: 30px;
        overflow: scroll;
    }

    .ourClients .ourClientsHeader {
        padding: 20px 0 0;
    }

    .instagramImages {
        padding: 2px 10px 40px 10px;
    }

    .instaImage:hover::after {
        background-size: 64%;
    }

    .instaImages .slick-list {
        margin: 0 -3.5px;
    }

    .instaImages .slick-slide {
        margin: 0 3.5px;
    }

    .instaImages.slick-initialized {
        margin-right: -10px;
    }

    .woocommerce .woocommerce-pagination ul.page-numbers li,
    .woocommerce-page .woocommerce-pagination ul.page-numbers li {
        display: inline-block;
        margin: 2px;
    }

    .woocommerce nav.woocommerce-pagination ul li a,
    .woocommerce nav.woocommerce-pagination ul li span {
        padding: 8px 9px;
    }

    .whyChooseUsFeatures {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .rightdiv {
        place-self: center;
    }

    h3.callToActionSubheader {
        font-size: 24px;
        font-weight: 400;
        line-height: 51px;
        letter-spacing: 0.01em;
    }


    h2.callToActionTitle {
        font-size: 26px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0.01em;
    }

    p.callToActionText {
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
        line-height: 23px;
        letter-spacing: 0.01em;
        text-align: center;
        margin-top: 22px;
    }

    p.callToActionText>span {
        display: block;
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.01em;
        text-align: center;
    }

    button.btnBlack {
        padding: 14px 39px;
    }
    .heroSliderConatiner, .heroBannerContainer {
        height: auto !important;
    }

}

@media only screen and (min-width:560px) and (max-width:990px){

    .heroSliderConatiner img {
        object-fit: cover;
        height: 500px;
           overflow: hidden;
    }
    }
@media only screen and (max-width: 767px) {

    #personalisedMessageEdit .modal-footer {
        padding: 20px 0 20px;
    }


    .callToActionContent {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 50px;
    }

    .callToActionContent>div>img {
        width: 100%;
        height: 100%;
    }

    h3.giftHamersSubHeader {
        font-family: 'modernline - Personal Use', sans-serif;
        margin-bottom: -50px;
        color: #C09A5C;
        font-size: 54px;
        font-weight: 400;
        line-height: 115px;
        letter-spacing: 0.01em;
    }
    .splide__arrows {
        display: none;
    }
    
    h2.giftHamersTitle {
        font-family: EB Garamond;
        font-size: 50px;
        font-weight: 400;
        line-height: 65px;
        letter-spacing: 0.06em;
        text-align: center;
    }

    p.giftHamersText {
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
    }

    .gifthamperCard element.horizontal {
        margin: 32px 0 0px;
    }


    .woocommerce-cart__empty-message {
        padding: 50px 15px;
    }

    .gt_switcher .gt_option a {
        padding: 4px 8px 8px !important;
    }

    .mainHeaderbarMobile {
        column-gap: 20px;
    }

    .mainHeaderbarLeft {
        column-gap: 18px !important;
    }

    .mainHeaderbarLeft .cart img {
        width: 21px;
    }

    span.cart-count,
    #wishlist-count {
        right: -6px !important;
    }


    .giftServicesItems .slick-slide {
        height: inherit !important;
        margin: 0 0px;
    }

    .text-muted {
        padding: 0px;
    }

    button.btnBlack {
        padding: 10px 20px;
        font-size: 12px;
        line-height: 18px;
    }

    .searchbar {
        width: 100%;
        display: flex;
        align-items: center;
        position: relative;
    }

    a.search_icon {
        position: absolute;
        right: 20px;
    }

    h2.sectionHeading {
        font-family: EB Garamond;
        font-size: 26px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0.01em;
    }

    h4.sectionSubHeading {
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        line-height: 15px;
        letter-spacing: 0.01em;
        color: #6B6B6B;
    }

    /* .slick-list,
		.slick-slider,
		.slick-track {
			overflow: hidden;
		} */

    .heroSlider .container-fluid {
        padding: 0px !important;
        overflow: hidden;
    }

    .heroSlider .slick-dotted.slick-slider {
        margin-bottom: 0px;
    }

    .heroSlider ul.slick-dots {
        bottom: 270px;
        top: auto;
    }

    .heroSlider .slick-dots li button {
        background: #fff0;
    }

    .ourClientsHeader .col-12 {
        width: 100%;
        text-align-last: center;
    }

    .categoryItems .col-lg-3 {
        width: 25%;
    }

    .gifthamperCard {
        margin: auto;
    }

    .giftHampers>.container-fluid>.row>.col-md-7>.row>.col-6 {
        width: 49%;
    }

    h4.giftHamperTitle {
        font-size: 15px;
        padding: 18px 41px;
    }

    .giftsHeader .col-md-6 {
        width: 100%;
    }

    .giftServicesItems {
        width: 100%;
        margin: auto;
        margin-top: -34px;
    }

    .testimonial .slick-list {
        margin: 0 -24px;
    }

    .testimonial .slick-slide {
        margin: 0 24px;
    }

    .whyChooseUs {
        padding: 58px 31px;

    }

    .whyChooseUsFeature {
        padding: 32px 56px 0px;
    }

    /* === Hero slider === */

    .heroSlider .container-fluid {
        padding: 0px !important;
        overflow: hidden;
    }



    h4.heroSliderItemSubheading {
        font-family: 'modernline - Personal Use', sans-serif;
        font-size: 21px;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: 0.01em;
        margin-bottom: 0;

    }

    h2.heroSliderItemTitle {
        font-family: EB Garamond;
        font-size: 34px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0.06em;
        margin-bottom: 0;
        text-transform: uppercase;
        margin-top: -1px;
    
    }

    p.heroSliderItemText.text-center {
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 500;
        line-height: 15px;
        letter-spacing: 0.1em;
        margin-bottom: 28px;
        color: #333333;
    }

    /* === Features == */

    .featuresItems::-webkit-scrollbar {
        display: none;
    }

    .features {
        padding: 13px 5px;
        border-bottom: 1px solid #E4E4E4;
    }

    .featuresItems {
        flex-wrap: wrap;
    }

    .featureItem {
        flex-direction: column;
        row-gap: 10px;
    }

    .collection .featureItem {
        flex-direction: column;
        row-gap: 10px;
        min-width: 40%;
        flex: 1;
    }

    .featureItemContent {
        margin-left: 0px;
    }

    h5.featureTitle {
        font-family: EB Garamond;
        font-size: 16px;
        font-weight: 500;
        line-height: 21px;
        letter-spacing: 0em;
        color: #C09A5C;
    }

    p.featureText {
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        letter-spacing: 0em;
        margin-top: 6px;
    }

    .featuresItems {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .collection .featuresItems {
        row-gap: 20px;
        column-gap: 18px;
    }

    /* === Our Clients === */

    .ourClients .container-fluid {
        padding: 0px;
    }

    .clientLogos {
        padding: 7px 15px;
        min-height: 10px;
    }

    .ourClientsHeader h2.sectionHeading {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 0px;
    }

    .ourClients .ourClientsHeader h2.sectionHeading {
        padding: 0 0 20px;
    }

    .clientLogo {
        width: 30%;
        aspect-ratio: 2;
        object-fit: contain;
    }

    .clientLogos>div {
        column-gap: 32px;
    }


    /* === Shop By Category === */

    .shopCategory {
        padding: 40px 5px 0px;
    }

    .categoryItems {
        margin-top: 20px;
        margin-bottom: 20px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        column-gap: 13px;
        row-gap: 9px;
    }

    .categoryItems .col-lg-3 {
        width: 50%;
    }

    h4.categoryTitle {
        font-family: EB Garamond;
        font-size: 20px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0em;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #333333;
    }

    /* === Gift Hamper == */

    .giftHampers {
        padding: 30px 0 40px;
    }

    .giftHamperGrid {
        display: inline-block;
        grid-template-columns: auto;
        row-gap: 15px;
    }

    .giftHamperGrid>div:first-child {
        order: 2;
        row-gap: 15px;
    }

    .giftHamperImage>img {
        aspect-ratio: 2/2.6;
    }

    .gridTwo {
        column-gap: 15px;
    }

    p.giftHamperNote {
        font-size: 14px;
        font-weight: 600;
        line-height: 17px;
        letter-spacing: 0.08em;
    }

    .gifthamperCard {
        background: #FFFFFFF0;
        padding: 47px 130px 47px;
        position: relative;
        top: 0;
        left: 0;
        transform: initial;
        margin: 53px 18px;
    }


    h4.deliveryTitle {
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.05em;
    }

    h4.giftHamperTitle {
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.02em;
        padding: 10px 30px;
        line-height: 14.63px;
        background: #eeaaff !important;
        text-align: center;
        margin-bottom: 0px;
    }

    p.deliveryText span {
        font-size: 12px;
        line-height: 24px;
        letter-spacing: 0.02em;
    }

    p.deliveryText {
        font-family: 'Montserrat';
        font-size: 12px;
        line-height: 24px;
        letter-spacing: 0.02em;
        margin-bottom: 21px;
    }

    .giftHampers>.container-fluid>.row>.col-md-7 {
        width: 100%;
        row-gap: 6px;
    }

    .giftHampers>.container-fluid>.row>.col-md-5 {
        width: 100%;
        padding: 53px 18px;
        justify-content: center;
    }

    .giftHampers>.container-fluid>.row {
        row-gap: 12px;
        flex-direction: column-reverse;
    }

    img.deliveryImage {
        margin-bottom: 24px;
        width: 54px;
    }

    .giftHampers>.container-fluid>.row>.col-md-7>.row>.col-6 {
        width: 48%;
    }

    .giftHamperInfo {
        background: #6fb7ff !important;
        padding: 27px 54px 30px;
    }

    /* === Top Sellings === */

    .btnAdd .bi-plus::before {
        font-size: 15px;
        scale: 1;
    }

    button.btnAdd {
        padding: 2px 13px;
    }

    button.btnAdd i.bi {
        -webkit-text-stroke: 0.1px;
    }

    button.btnAdd:hover {
        padding: 3px 11px 3px 24px;
    }

    .topSellingItems .slick-slide {
        margin: 0 8px;
    }

    .topSellingItems .slick-slide>div {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        column-gap: 15px;
    }

    .topSellingItems .slick-slide>div>div {
        width: 100% !important;
    }


    .topSellingItems .slick-slide>div>div:not(last-item) {
        margin-bottom: 15px;
    }

    .topSellingItems .slick-list {
        margin: 0 -8px;
    }

    .topSelling {
        padding: 50px 5px 50px;
    }

    .topSellingImage {
        width: 100% !important;
        position: relative;
    }

    .topSellingInfo {
        margin-top: 0.5rem;
        width: 100% !important;
        position: relative;
    }

    p.topSellingproductCode {
        margin-top: 0.5rem;
        font-family: Montserrat;
        font-size: 11px;
        font-weight: 400;
        line-height: 13px;
        letter-spacing: 0em;
        text-align: left;
        color: #8C8C8C;
    }

    h4.topSellingTitle {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        font-family: EB Garamond;
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: 0em;
        color: #333333;
    }

    p.topSellingPrice {
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        color: #C09A5C;
    }

    .bi-plus-lg::before {
        content: "\f64d";
        color: #C09A5C;
    }

    .topSellingItems {
        margin-top: 40px;
        position: relative;
    }

    .topSellingBottom {
        margin-top: 14px;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0.01em;
        color: #6B6B6B;
    }

    /* === Popular Occasions === */

    .popularOccasions .container-fluid {
        padding: 10px 0px 10px 10px;
    }

    .occasionItems .slick-list {
        margin: 0 -5px;
    }

    .occasionItems .slick-slide {
        margin: 0 5px;
    }

    .popularOccasions {
        padding: 30px 0px 30px 5px;
    }

    h4.occasionTitle {
        font-family: EB Garamond;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0em;
       
    }

    .occasionItems {
        margin-top: 20px;
        margin-bottom: 30px;
        overflow: hidden;
    }

    /* === Gifts === */

    .giftsHeader {
        flex-wrap: wrap;
        row-gap: 15px;
    }

    .gifts {
        padding: 40px 5px;
    }

    /* ===  Gift Services === */

    .giftServicesItems {
        margin: 0 0px;
        margin-top: -32px;
        flex-wrap: wrap;
    }

    /* .giftServicesItems {
			margin: auto;
			column-gap: 87px;
			margin-top: -80px;
			flex-wrap: inherit;
		} */

    img.giftServiceImage {
        margin-bottom: 20px;
        margin-right: auto;
        margin-left: auto;
        width: 98px;
        height: 98px;
    }

    .giftService button.btnWhite {
        font-size: 12px;
        padding: 14px 16px;
    }

    p.giftServiceText {
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0.01em;
        margin-bottom: 22px;
        color: #333333;
    }

    h4.giftServiceTitle {
        font-family: EB Garamond;
        font-size: 20px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0.02em;
        margin-bottom: 15px;
    }

    .giftService {
        padding: 0 60px;
    }

    .giftServicesItems .giftServicesItems ul.slick-dots {
        margin-top: 30px;
        bottom: 0px;
        position: inherit;
    }

    .giftServicesItems .slick-dots li button {
        border: 1px solid #c09a5c;
        width: inherit;
        height: inherit;
        border-radius: 50%;
        background: #fff0;
    }

    .giftServicesItems .slick-dots li button:before {
        content: none;
    }

    .giftServicesItems .slick-dots li.slick-active button {
        border: 1px solid #C09A5C;
        background: #C09A5C;
    }

    .giftServicesItems .slick-dots li.slick-active button:before {
        content: none;
    }

    .giftServicesItems .nxt {
        right: 5px;
    }

    .giftServicesItems .prv {
        left: 5px;
    }

    .giftServicesItems .nxt,
    .giftServicesItems .prv,
    .giftServicesItems .nxt:hover,
    .giftServicesItems .prv:hover {
        padding: 10px 11px;
        top: 50%;
    }

    .giftServicesContent {
        padding: 17px 47px 45px;
    }

    /* === Our Journal === */
    .ourJournals .container-fluid {
        padding: 10px;
    }

    .journals .slick-slide {
        margin: 0 7.5px;
    }

    .journals .slick-list {
        margin: 0 -7.5px;
    }

    .ourJournals {
        padding: 30px 0px 40px 5px;
        overflow: hidden;
    }

    .ourJournalsContent {
        margin-top: 34px;
    }

    p.journalSubHeading {
        font-size: 12px;
        font-family: Montserrat;
        letter-spacing: 0.12px;
        margin-bottom: 15px;
    }

    h5.journalSubHeading {
        font-size: 24px;
        margin-bottom: 19px;
        line-height: normal;
    }

    p.journalText {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    /* === Testimonials === */

    .clientTestimonials {
        padding: 30px 11px 20px;
    }

    .testimonial {
        column-gap: 43px;
        margin-top: 46px;
    }

    .reviewContent {
        background: #fff;
        padding: 27px 17px;
        position: relative;
    }

    .reviewContent:after {
        content: '';
        position: absolute;
        top: 100%;
        width: 0;
        height: 0;
        border-top: solid 10px #ffffff;
        border-left: solid 10px transparent;
        border-right: solid 10px transparent;
    }

    .reviewContent p {
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0.01em;
        text-align: left;
        color: #6B6B6B;
    }

    p.clientname {
        margin-bottom: 0;
        font-family: Garamond Premier Pro;
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0.05em;
        text-align: left;
    }

    img.clientImage {
        border-radius: 50%;
    }

    .clientProfile {
        column-gap: 11px;
        margin-top: 30px;
    }

    .clientTestimonialsHeader {
        margin-bottom: 20px;
    }

    .testimonial ul.slick-dots {
        margin: 10px 0;

    }

    .testimonial {
        margin-top: 10px;
        overflow: hidden;
    }

    .testimonial.slick-slider.slick-dotted {
        margin-bottom: 0px;
    }

    .testimonial .slick-dots li {
        width: 8px;
        height: 8px;
    }

    .testimonial .slick-dots li button {
        border: 1px solid #c09a5c;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #fff0;
        padding: 4px !important;
    }

    .testimonial .slick-slide {
        margin: 0 21.5px;
    }

    .testimonial .slick-list {
        margin: 0 -21.5px;
    }

    .testimonial ul.slick-dots {
        margin-top: 20px;
        bottom: 0px;
        position: inherit;
    }

    .testimonial .slick-dots li button:before {
        content: none;
    }

    .testimonial .slick-dots li.slick-active button {
        border: 1px solid #C09A5C;
        background: #C09A5C;
    }

    .testimonial .slick-dots li.slick-active button:before {
        content: none;
    }

    /* === Why Choose Us === */

    .whyChooseUs {
        padding: 30px 6px;
        background: linear-gradient(180deg, #FFf 19%, rgba(237, 228, 211, 0.5) 19%);
    }

    .whyChooseUsFeatures {
        margin-top: 20px;
        flex-wrap: wrap;
        padding: 18px 0 40px;
        background: #FFFFFF;
        box-shadow: 0px 0px 24px 4px rgba(0, 0, 0, 0.04);
        display: flex !important;
    }

    .whyChooseUsFeature {
        padding: 12px 26px 0px;
    }

    .whyChooseUsFeature img {
        margin-bottom: 22px;
    }

    .whyChooseUsFeature>h5 {
        font-family: EB Garamond;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 17px;
    }

    .whyChooseUsFeature>p {
        font-family: Montserrat;
        font-size: 11px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.01em;
        text-align: center;
        margin-bottom: 0;
    }

    .journals .slick-slide:nth-child(2) img {
        aspect-ratio: 1/1 !important;
    }

    .popularOccasions .nxt,
    .popularOccasions .prv {
        top: 30% !important;
    }

    .container-fluid {
        padding: 20px 10px !important;
    }

    .topBar {
        padding: 0 5px;
    }

    .gt_switcher .gt_option {
        top: 66px !important;
    }

}

@media only screen and (max-width: 576px) {
    .heroSliderConatiner, .heroBannerContainer {
        height: auto !important;
    }

    .gifthamperCard {
        background: #FFFFFFF0;
        padding: 47px 36px 47px;
        position: relative;
        top: 0;
        left: 0;
        transform: initial;
        margin: 53px 18px;
    }

    .container-fluid {
        padding: 10px 10px !important;
    }

    .gt_switcher .gt_option {
        top: 56px !important;
    }
    h4.categoryTitle {
        font-size: 14px;
        padding: 6px 0;
        margin: 0;
    }
    h4.occasionTitle {
        padding: 5px 10px;
        font-size: 13px;
    }
}
.homepagebannernItem.text-center {
    position: relative;
}
.homepagebannernItem button {
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 18%;
    left: 16%;
    padding: 10px 0;
}
.topSellings {
    margin-top: 40px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 21px;
    row-gap: 28px;
}
.single-product .topSellings {
    margin-top: 40px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 21px;
    row-gap: 28px;
}
button.prv.slick-arrow.slick-disabled, button.nxt.slick-arrow.slick-disabled {
    background: #ddd !important;
    pointer-events: none;
    opacity: .6;
}
.product_custom_options_lists {
    display: inline-block;
    width: 100%;
}

.product_custom_options_list {

    padding: 5px;
    text-align: center;
}
.single_variation_wrap .product_custom_options_lists {
    border-top: 1px solid #D9D9D9;
    padding: 20px 0;
}

.product_custom_options_lists_title {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    color: #333333;
    margin-bottom: 15px;
    font-weight:bold;
}


table.variations label {
    font-weight: bold;
}
.product_custom_options_list {

  
    align-items: center;
    font-family: EB Garamond;
    font-weight: 100;
}


.product_custom_options_list_name {
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    text-transform: capitalize;
    line-height: 18px;
    margin-bottom: 5px;
}

.product_custom_options_list_price {

    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.product_custom_options_list_addoption {
 display:none;
    text-align: right;
    float: right;
}
#personlizedMessage {
    border-top: 1px solid #D9D9D9;
    padding-top: 25px;
    margin-top: 10px !important;
}

.product_custom_options_lists_data {
    max-height: 195px;
    overflow-y: scroll;
    padding-right: 10px;
}
span.product_custom_options_list_button {
    width: 100%;
    height: 100%;
    background-color: #333;
    border-radius: 10rem;
    z-index: -2;
    color: #fff;
    padding: 5px 17px;
    text-transform: capitalize;
    font-size: 12px;
    font-family: 'Montserrat';
    font-weight: 400;
}
.product_custom_options_list_addoption.ticked span {
    background: none;
    border: 1px solid #C09A5C;
    color: #C09A5C;
    font-weight: 500;
}
.options_link a {
    font-family: 'EB Garamond';
    margin-top: 20px;
    display: inline-block;
    margin-bottom: 20px;
    font-weight: bold;
    text-decoration: underline;
}
.product-wise-selected-option span, .minicart-wooden-message-box span, .minicart-personal-image span {
    font-size: 14px;
    font-family: 'EB Garamond';
    font-weight: 500;
    line-height: 16px;
    display: inherit;
}
.minicart-wooden-message-box {
    margin-top: 5px;
    margin-bottom: 5px;
}

.minicart-personal-image {
    margin-bottom: 5px;
}
a.showProductWiseSelectedOption {
    text-decoration: underline;
    margin-top: inherit;
    text-transform: capitalize;
    color: #C09A5C !important;
    cursor: pointer;
}
.product-wise-selected-option span {
    font-family: 'EB Garamond';
    font-weight: 500;
}
div#editProductWiseSelectedOption .close {
    position: absolute;
    right: 10px;
    top: 12px;
    width: 15px;
}

div#editProductWiseSelectedOption .modal-content {
    position: relative;
}

div#editProductWiseSelectedOption .modal-header {
    justify-content: center;
}
div#editProductWiseSelectedOption .product-option p {
    margin-bottom: 0;
}
div#editProductWiseSelectedOption .product-option {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    font-family: 'EB Garamond';
    font-size: 16px !important;
    font-weight: 500;
}

div#editProductWiseSelectedOption .product_custom_options_list_addoption {
    MARGIN-TOP: 36px;
    margin-bottom: 10px;
    display: inline-block;
    width: auto;
}

div#editProductWiseSelectedOption .product-option h3 {
    font-size: 18px;
    width: 160px;
    margin-bottom: 0;
    padding-left: 10px;
}


div#editProductWiseSelectedOption span.product_custom_options_list_button {
    font-family: 'EB Garamond';
    font-size: 15px;
}

h2#headingeigth .nav-link {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0.01em;
    text-align: left;
    padding: 19px 0 21px;
}
@media only screen and (min-width:1500px) {
    .navText{  font-size: 16px;}
}
@media only screen and (max-width:1200px){
    .homepagebannernItem button  {
        padding: 10px 10px;
        font-size: 12px;
        bottom: 11px;
        left: 16%;
        width: 20%;
        width: 18%;
        line-height: 14px;
    }
    .product_custom_options_list_addoption {
        width: 34%;
    }
}
@media only screen and (max-width:1024px){

    span.product_custom_options_list_button {
        font-size: 13px;
        padding: 5px 9px;
    }

}
@media only screen and (max-width:975px){
    .homepagebannernItem button  {
        padding: 4px 10px;
        font-size: 10px;
        bottom: 11px;
        left: 15%;
        width: 20%;
        line-height: 14px;
    }

}
@media only screen and (max-width:768px){
    .product_custom_options_list_name {
        width: 34%;
    }
    .product_custom_options_list_addoption {
        width: 34%;
    }
    .homepagebannernItem button  {
        padding: 10px 10px;
        font-size: 12px;
        bottom: 3%;
        left: 35%;
        width: 30%;
        line-height: 14px;    
    }
    .topSellings{
    margin-top: 20px;
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 13px;
    row-gap: 9px;
    }
    .homepagebannernItem 
 img.homepageImage-mobile {
    display: block !important;
}

.homepagebannernItem 
 img.homepageImage {
    display: none;
}
span.product_custom_options_list_button {
    font-size: 11px;
    padding: 5px 9px;
}
}
@media only screen and (max-width: 565px){
.homepagebannernItem button {
    padding: 6px 10px;
    font-size: 10px;
    bottom: 2%;
    left: 35%;
    width: 30%;
    line-height: 14px;
}
}
@media only screen and (max-width:480px){
    .product_custom_options_list_addoption {
        width: 35%;
    }
    .homepagebannernItem button  {
   
        padding: 5px 10px;
        font-size: 10px;
        left: 30%;
        width: 40%;
        line-height: 12px;
    }
    div#editProductWiseSelectedOption  .product-option img {
        width: 60px;
    }
    
    div#editProductWiseSelectedOption .product-option {font-size: 13px !important;}
    
    div#editProductWiseSelectedOption span.product_custom_options_list_button {
        font-family: 'EB Garamond';
        font-size: 15px;
    }
    
    div#editProductWiseSelectedOption .product-option h3 {
        font-size: 14px;
        width: 100px;
    }
    
    div#editProductWiseSelectedOption  .product_custom_options_list_addoption {
        margin-top: 17px;
    }
    
    div#editProductWiseSelectedOption span.product_custom_options_list_button {
        font-size: 12px;
    }
    .product_custom_options_list_price {
        font-size: 10px;
        line-height: 13px;
    }
    
    .product_custom_options_list_name {
        font-size: 12px;
        line-height: 15px;
    }
    .product_custom_options_lists_title {
        font-size: 14px;
    }
}

@media only screen and (max-width:991px){
    .heroBannerMobile  .heroBannerContent {
        width: 100%;
        padding: 33px 20px;
        margin: 0;
        height: auto;
        margin-left: 0 !important;
        /* background: #d2dda1 !important; */
    }
}

/*
    h4.giftHamperTitle {
        background: #828b28 !important;
    }
	.giftHamperInfo {
    background: #e89401 !important;
    padding: 38px 0 44px;
}

/* Container for Table of Contents */
.table-of-contents {
    position: fixed;
    top: 150px; /* Adjust depending on your header */
    left: 20px; /* Space from the left of the page */
    width: 250px; /* Adjust the width if needed */
    background: #f9f9f9;
    border: 1px solid #ddd;
    padding: 15px;
    z-index: 1000; /* Ensures it stays on top */
    max-height: 80vh; /* Prevents it from growing too large */
    overflow-y: auto; /* Adds a scrollbar if the content is too long */
}

/* Title for TOC */
.table-of-contents .toc-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* List of TOC items */
.table-of-contents ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

/* Each TOC link */
.table-of-contents ul li {
    margin-bottom: 8px;
}

/* Styling the links to match the article's titles */
.table-of-contents ul li a {
    text-decoration: none;
    color: #0073aa;
    font-size: 16px;
}

/* Hover state for links */
.table-of-contents ul li a:hover {
    text-decoration: underline;
    color: #005177;
}

/* Responsive design: Hide the TOC on smaller screens */
@media(max-width: 992px) {
    .table-of-contents {
        display: none; /* Hides TOC on smaller screens */
    }
}

/* Remove all borders from the section */
.gifthampers.collection,
.gifthampers.collection * {
    border: none !important; /* Ensure no borders are applied */
    box-shadow: none !important; /* Remove any box-shadows that might appear like borders */
}

/* Specifically target .element.horizontal if used within the section */
.gifthampers.collection .element.horizontal {
    border: none !important;
}

 /* Kids and Babies category - Targeting only the .giftHamperInfo section */
.term-kids-and-babies .gifthampers .giftHamperInfo {
    background-color: #f4bbd0 !important; /* Forcefully apply your desired background color */
}
.home .heroSlider .heroSliderContent h4.heroSliderItemSubheading,
.home .heroSlider .heroSliderContent h2.heroSliderItemTitle,
.home .heroSlider .heroSliderContent p.heroSliderItemText,
.home .heroSlider .heroSliderContent .btnBlack {
    color: #575757 !important;
}

/*homebanner text colour change*/
/* General button styling */
/* General button styling */
.home .heroSlider .heroSliderContent .btnBlack {
    background-color: transparent !important;
    border: 1px solid white !important; /* Add a visible border */
    color: white; /* Initial text color */
    text-shadow: none !important; /* Ensures no text shadow */
    -webkit-text-stroke: 0 !important; /* Removes any text stroke */
    transition: color 0.3s, background-color 0.3s, border-color 0.3s; /* Smooth transition */
}

/* Hover effect for the button */
.home .heroSlider .heroSliderContent .btnBlack:hover {
    background-color: black !important; /* Changes button background to black */
    color: black !important; /* Changes the text color to black when hovered */
    border: 1px solid black !important; /* Changes border color to match the background */
}

/* Specific rule for buttons that contain links (remove redundant styles) */
.home .btnBlack a {
    color: inherit !important; /* Inherits color from the parent button */
    text-decoration: none; /* Removes underline */
}

/* Remove any stroke or shadow from text */
.home .btnBlack,
.home .btnBlack a,
.home .btnBlack span,
.home .btnBlack p {
    text-shadow: none !important; /* Ensures no text shadow */
    -webkit-text-stroke: 0 !important; /* Removes any text stroke */
}

/* Responsive styling 
@media only screen and (max-width: 991px) {
    .home .heroSliderContent {
        background: #64785f !important; /* Changes background to black */

/* Fruit-baskets banner. Force all hero banner text to be white on all screen sizes */
.term-fruit-baskets .heroBannerContent,
.term-fruit-baskets .heroBannerContent h2.heroBannerItemTitle,
.term-fruit-baskets .heroBannerContent h4.heroBannerItemSubheading,
.term-fruit-baskets .heroBannerContent p.heroBannerItemText {
    color: #ffffff !important;
}

/* Ensure white text on smaller screens */
@media only screen and (max-width: 991px) {
    .term-fruit-baskets .heroBannerContent,
    .term-fruit-baskets .heroBannerContent h2.heroBannerItemTitle,
    .term-fruit-baskets .heroBannerContent h4.heroBannerItemSubheading,
    .term-fruit-baskets .heroBannerContent p.heroBannerItemText {
        color: #ffffff !important;
        background: #e69a22 !important;
    }
}

/* Chinese New Year Gift Baskets - Mobile Styling */
@media only screen and (max-width: 991px) {
    .term-chinese-new-year .heroBannerMobile .heroBannerContent {
        background: #cc9d53 !important; /* Set your desired background color */
    }
}
/* Chinese New Year Gift Baskets - Mobile Styling */
@media only screen and (max-width: 991px) {
    .term-gift-baskets.term-chinese-new-year .heroBannerMobile .heroBannerContent {
        background: #cc9d53 !important; /* Set your desired background color */
    }
}
/* Chinese New Year Gift Baskets - Mobile Styling */
@media only screen and (max-width: 991px) {
    .term-gift-baskets.term-chinese-new-year .heroBannerItemText {
        background: #ffffff !important; /* Set your desired background color */
    }
}
/* Chinese New Year Gift Baskets - Mobile Styling new */
@media only screen and (max-width: 991px) {
    .term-chinese-new-year .heroBannerItemText {
        background: #ffffff !important; /* Set your desired background color */
    }
}
/* CNY - Targeting only the .giftHamperInfo section */
.term-chinese-new-year .heroBannerItemText {
    color: #ffffff !important; /* Change text color to white */
}
/* CNY - Targeting only the .giftHamperInfo section */
.term-gift-baskets-chinese-new-year .heroBannerItemText {
    color: #ffffff !important; /* Change text color to white */
}

/* Target only the 'flower-gifts' category page */
body.tax-product_cat.term-flower-gifts .gifthampers .row {
    display: flex;
    flex-wrap: nowrap; /* Prevents wrapping */
    justify-content: space-between;
    align-items: stretch; /* Ensures equal height */
}

/* Make sure both left and right sections take equal width */
body.tax-product_cat.term-flower-gifts .col-md-6.p-0 {
    flex: 1 1 50%; /* Forces both sides to be 50% width */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

/* Match background section height */
body.tax-product_cat.term-flower-gifts .giftHamper {
    flex: 1 1 50%; /* Ensures it's 50% width */
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

/* Ensure .giftHamperInfo fills its column */
body.tax-product_cat.term-flower-gifts .giftHamperInfo {
    background-color: #9e2e38 !important; /* Valentine's theme */
    color: white !important;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 325px; /* Matches right section */
    padding: 40px;
}
/* colour swatches css display - old code -
.woof_container .woof_color_term {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50%;
    margin: 5px;
}

.woof_container .woof_color_term[data-color] {
    background-color: var(--woof-color);
}

.woof_container .woof_color_term[data-color="red"] {
    background-color: red !important;
}

.woof_container .woof_color_term[data-color="blue"] {
    background-color: blue !important;
}

.woof_container .woof_color_term[data-color="pink"] {
    background-color: pink !important;
}

/* Ensuring it doesn’t default to black 
.woof_container .woof_color_term:not([data-color]) {
    background-color: transparent !important;
    border: 1px solid #ccc !important;
}
*/
  
#province_checkout li {
    display: none;
}

#province_checkout li:first-child {
    display: block;
}