@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    /* COLORS */
    --primary-color: #003743;
    --secondary-color: #0f0f0f;
    --text-color: #141414;
    --text-light: #666666;
    --text-mega-title: #002129;
    --border-light: #cccccc;
    --bg-primary: #ffffff;
    --bg-secondary: #f6f4f1;
    --bg-light: #f7f6f1;
    --bg-chip: #f5f4ef;
    --border-mega: #1b686826;
    /* Font Sizes */

    --fz-12: 12px;
    --fz-13: 13px;
    --fz-14: 14px;
    --fz-15: 15px;
    --fz-16: 16px;
    --fz-17: 17px;
    --fz-18: 18px;
    --fz-19: 19px;
    --fz-20: 20px;
    --fz-21: 21px;
    --fz-22: 22px;
    --fz-23: 23px;
    --fz-24: 24px;
    --fz-26: 26px;
    --fz-28: 28px;
    --fz-32: 32px;
    --fz-34: 34px;
    --fz-38: 38px;
    --fz-42: 42px;
    /* Font Weight */

    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    /* Border Radius */

    --br-2: 2px;
    --br-4: 4px;
    --br-6: 6px;
    --br-8: 8px;
    --br-20: 20px;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

body {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
}

.secondFont {
    font-family: "Source Serif 4", serif;
}

.truncate-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ================================
  CTA'S
================================ */

.primary-cta {
    background-color: var(--bg-secondary);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0509803922);
    border-radius: var(--br-4);
    padding: 10px 24px;
    font-size: var(--fz-16);
    font-weight: var(--fw-700);
    transition: all 0.3s ease-in;
    color: var(--text-color);
    cursor: pointer;
}

    .primary-cta:hover {
        background-color: #f3e9da;
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2509803922);
    }

.secondary-cta {
    background-color: var(--text-mega-title);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0509803922);
    border-radius: var(--br-4);
    padding: 10px 24px;
    font-size: var(--fz-16);
    font-weight: var(--fw-700);
    transition: all 0.3s ease-in;
    color: #fefefe;
    cursor: pointer;
}

    .secondary-cta:hover {
        background-color: #044a59;
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2509803922);
    }

.third-cta {
    background-color: transparent;
    border: 1px solid var(--text-mega-title);
    border-radius: var(--br-4);
    padding: 10px 24px;
    font-weight: var(--fw-700);
    font-size: var(--fz-16);
    color: var(--text-mega-title);
    cursor: pointer;
}

    .third-cta:hover {
        background: rgba(0, 0, 0, 0.0509803922);
    }

.fourth-cta {
    background-color: transparent;
    border: 1px solid var(--bg-secondary);
    border-radius: var(--br-4);
    padding: 10px 24px;
    font-weight: var(--fw-700);
    font-size: var(--fz-16);
    color: var(--bg-secondary);
    cursor: pointer;
}

    .fourth-cta:hover {
        backdrop-filter: blur(31.2999992371px);
    }

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

@media screen and (max-width: 600px) {
    .primary-cta {
        padding: 11px 24px;
        font-size: var(--fz-14);
    }

        .primary-cta:hover {
            background-color: #f3e9da;
        }

    .secondary-cta {
        padding: 11px 24px;
        font-size: var(--fz-14);
        color: #fefefe;
    }

        .secondary-cta:hover {
            background-color: #044a59;
        }

    .third-cta {
        background-color: transparent;
        border: 1px solid var(--text-mega-title);
        border-radius: var(--br-4);
        padding: 10px 24px;
        font-weight: var(--fw-700);
        font-size: var(--fz-14);
    }

        .third-cta:hover {
            background: rgba(0, 0, 0, 0.0509803922);
        }

    .fourth-cta {
        border-radius: var(--br-4);
        padding: 11px 24px;
        font-size: var(--fz-14);
    }

        .fourth-cta:hover {
            backdrop-filter: blur(31.2999992371px);
        }
}

/* ================================
   COLORS 
================================ */
.text-white {
    color: var(--bg-primary);
}

.text-black {
    color: #000000;
}

.text-netural-base-black {
    color: var(--secondary-color);
}

.text-gray-500 {
    color: #6b7280;
}

.bg-white {
    background: var(--bg-primary);
}

.bg-black {
    background: #000000;
}

.bg-gray-100 {
    background: #f3f4f6;
}

.bg-blue-500 {
    background: #3b82f6;
}

/* -------------------------Drawer Styles ----------------------------- */
/* close btn */
.btn-close {
    background: none;
    box-shadow: none;
    opacity: 0;
}

.homeDrawer {
    width: 680px !important;
    z-index: 11111;
}

    .homeDrawer .offcanvas-header {
        padding: 34px 38px 32px;
    }

        .homeDrawer .offcanvas-header .offcanvas-title {
            font-size: var(--fz-32);
            font-weight: var(--fw-500);
            color: var(--primary-color);
        }

        .homeDrawer .offcanvas-header button img {
            background-color: #fff;
            margin-top: -3px;
        }

    .homeDrawer .offcanvas-body {
        padding: 0;
        padding-left: 38px;
    }

    .homeDrawer .drawerDescription {
        font-weight: var(--fw-400);
        font-size: var(--fz-18);
        color: #000000;
    }

.drawerSwiper {
    margin-bottom: 30px;
}

.homeDrawer .offcanvas-header .btn-close:focus {
    box-shadow: none;
}

.drawerSwiper .swiper-slide {
    overflow: hidden;
}

.drawerSwiper img {
    width: 100%;
    height: 359px;
    object-fit: cover;
    border-radius: var(--br-4);
}

.drawerDescription {
    font-size: var(--fz-18);
    line-height: 1.7;
    color: #222;
    margin-top: 20px;
}

/* Arrow styling */
.drawerSwiper .swiper-button-prev img {
    width: 42px;
    height: 42px;
    rotate: 180deg;
}

.drawerSwiper .swiper-button-next img {
    width: 42px;
    height: 42px;
}

.drawerSwiper .swiper-button-prev::after,
.drawerSwiper .swiper-button-next::after {
    font-size: var(--fz-16);
}

@media screen and (max-width: 600px) {
    .homeDrawer {
        width: 100% !important;
        height: 354px !important;
    }

        .homeDrawer .drawerSwiper {
            margin-bottom: 0;
        }

        .homeDrawer .offcanvas-header {
            padding: 19px 18px 18px 22px;
        }

            .homeDrawer .offcanvas-header .offcanvas-title {
                font-size: var(--fz-20);
            }

        .homeDrawer .offcanvas-body {
            padding-left: 24px;
        }

    .drawerSwiper img {
        height: 144px;
    }

    .drawerSwiper .swiper-button-prev,
    .drawerSwiper .swiper-button-next {
        display: none;
    }

    .homeDrawer .drawerDescription {
        margin-top: 18px;
        font-size: var(--fz-14);
    }

    .lookDrawer {
        background-color: #f5f4f0 !important;
        height: 522px !important;
    }

        .lookDrawer .lovedProductsSwiper,
        .lookDrawer .lovedProductsSwiperMobDrawer {
            margin-left: -50px;
        }

        .lookDrawer .swiper-slide-cardContent-button {
            margin-top: 15px;
        }

        .lookDrawer .swiper-slide-cardContent-chip {
            font-size: var(--fz-14);
        }
}

.lookDrawer .lovedProductsSlider-slide {
    background-color: #fff !important;
    padding: 12px !important;
}

.lookDrawer .swiper-slide-cardContent {
    padding-top: 15px;
    padding-bottom: 16px;
}

.lookDrawer .swiper-slide-cardContent-chip {
    background-color: var(--bg-chip);
    padding: 8px 10px;
    width: auto;
    border-radius: var(--br-4);
    border: 1px solid rgba(51, 51, 51, 0.1019607843);
    font-size: var(--fz-16);
    font-weight: var(--fw-500);
}

/* ---------------------------- Top Header Styles ------------------------ */

.luvanshNewPage .sale-box {
    background: var(--primary-color);
    padding: 8px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
}

.luvanshNewPage .code-text {
    font-size: var(--fz-14);
    color: var(--bg-secondary);
    line-height: 100%;
    letter-spacing: 0%;
}

.luvanshNewPage .code-text-mobile {
    font-weight: var(--fw-700);
    font-size: var(--fz-12);
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--bg-secondary);
    display: none;
}

.luvanshNewPage .code-text span {
    font-weight: bold;
}

.luvanshNewPage .timer {
    display: flex;
    gap: 4px;
    align-items: center;
}

    .luvanshNewPage .timer .time-box {
        /* padding: 2.5px 10px; */
        height: 24px;
        width: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.0509803922);
        border: 1px solid rgba(204, 204, 204, 0.2);
        backdrop-filter: blur(50px);
        border-radius: var(--br-2);
    }

        .luvanshNewPage .timer .time-box .countdownValue {
            font-weight: var(--fw-700);
            font-size: var(--fz-14);
            line-height: 122%;
            letter-spacing: -2%;
            text-align: center;
            text-transform: uppercase;
            color: var(--bg-primary);
        }

    .luvanshNewPage .timer .timerSeperator {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 4px;
    }

        .luvanshNewPage .timer .timerSeperator .dot {
            width: 2px;
            height: 2px;
            background: rgba(243, 244, 245, 0.8);
        }

#topHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

.luvanshNewPage #header2 {
    position: fixed;
    top: 47px;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: top 0.4s ease;
    background-color: white;
}

#header.scrolled {
    top: 40px;
    background: white;
}

#header {
    position: fixed;
    top: 56px;
    /* 👈 topHeader ki height ke barabar */
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: background 0.4s ease;
}

.header-fixed #header {
    position: fixed;
    top: 70px;
    /* 👈 topHeader ke niche */
    background: #fff;
    z-index: 998;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

/* .header-fixed #header2 {
  position: fixed;
  top: 60px;
  background: #fff;
  z-index: 998;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
} */

.header-spacer {
    height: 120px;
    /* topHeader + header combined height */
}

/* header 2 reveal for home page */
.luvanshNewPage #header.scrolled header {
    padding: 12px 82px;
    display: flex;
    align-items: center;
    justify-content: space-between !important;
    border-bottom: 1px solid rgba(204, 204, 204, 0.2);
}

    .luvanshNewPage #header.scrolled header ul li {
        list-style: none;
        color: var(--text-color);
        text-transform: uppercase;
        font-weight: var(--fw-400);
        font-size: var(--fz-14);
        transition: color 0.3s ease;
        cursor: pointer;
    }

    .luvanshNewPage #header.scrolled header .searchInput {
        position: relative;
        width: 165px;
        height: 34px;
        padding: 10px;
        border: 1px solid rgba(0, 33, 41, 0.1215686275);
        background: rgba(204, 204, 204, 0.3019607843);
        border-radius: var(--br-20);
        display: flex;
        align-items: center;
        gap: 4px;
    }

        .luvanshNewPage #header.scrolled header .searchInput img {
            position: static;
            width: 14px;
            height: 14px;
        }

        .luvanshNewPage #header.scrolled header .searchInput input {
            width: auto;
            height: unset;
            color: var(--text-mega-title);
            border-radius: 0;
            background-color: transparent;
            border: none;
            padding-left: 0;
        }

            .luvanshNewPage #header.scrolled header .searchInput input::placeholder {
                color: var(--text-mega-title);
            }

.luvanshNewPage .header-container header .logo img,
.luvanshNewPage .footer-desktop .footer-top .footer-left .logo img,
.luvanshNewPage .darkHeaderWrapper header .logo img {
    width: 150px;
    height: 30px;
}

.luvanshNewPage .footer-mobile .mobile-top img {
    width: 118px;
    height: 24px;
}

@media screen and (max-width: 600px) {
    .luvanshNewPage .code-text {
        display: none;
    }

    .luvanshNewPage .sale-box {
        background: var(--primary-color);
        padding: 4px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 10px;
        max-height: 42px;
    }

    .luvanshNewPage .header-container header .logo img,
    .luvanshNewPage .footer-mobile .mobile-top img,
    .luvanshNewPage .darkHeaderWrapper header .logo img {
        width: 118px;
        height: 24px;
    }

    .luvanshNewPage .code-text-mobile {
        display: block;
    }

    .luvanshNewPage .timer {
        gap: 4px;
    }

    .luvanshNewPage .time-box {
        height: 32px;
        width: 32px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 4px;
    }

        .luvanshNewPage .time-box .countdownValue {
            font-weight: var(--fw-500);
            font-size: var(--fz-14);
            line-height: 100%;
            letter-spacing: -2%;
            text-align: center;
            text-transform: uppercase;
        }

        .luvanshNewPage .time-box .countdownTitle {
            font-weight: var(--fw-400);
            font-size: 8px;
            line-height: 100%;
            letter-spacing: -2%;
            text-align: center;
            text-transform: uppercase;
        }
}

/* ------------------------------ Header ----------------------------- */

.luvanshNewPage .header-container {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}

.luvanshNewPage header {
    padding: 14px 70px 14px 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    /* gap: 138px; */
}

    /* .luvanshNewPage .rightPart {
  display: flex;
  align-items: center;
  gap: 138px;
} */
    .luvanshNewPage header ul {
        display: flex;
        align-items: center;
        gap: 12px;
    }

        /* default sab white */
        .luvanshNewPage header ul li {
            list-style: none;
            color: var(--bg-secondary);
            text-transform: uppercase;
            font-weight: var(--fw-400);
            font-size: var(--fz-14);
            transition: color 0.8s ease;
            cursor: pointer;
            width: max-content;
        }

        /* jab ul par hover ho to sab black ho jaye */
        .luvanshNewPage header ul:hover li,
        .luvanshNewPage #header.scrolled header ul:hover li {
            color: #999;
            transition: all 0.3s ease-in;
        }

        /* jis li par hover ho vo white hi rahe */
        .luvanshNewPage header ul li:hover {
            animation: customHeadShake 0.8s ease;
            color: var(--bg-secondary);
            font-weight: var(--fw-600);
        }

.luvanshNewPage #header.scrolled header ul li:hover {
    font-weight: var(--fw-600);
    color: var(--text-color);
}

/* Head Shake Keyframes */
@keyframes customHeadShake {
    0% {
        transform: translateX(0);
    }

    15% {
        transform: translateX(0px) rotateY(-8deg);
    }

    30% {
        transform: translateX(1px) rotateY(6deg);
    }

    45% {
        transform: translateX(-1px) rotateY(-4deg);
    }
    /* 60% {
    transform: translateX(0px) rotateY(3deg);
  }
  75% {
    transform: translateX(2px) rotateY(-2deg);
  } */
    100% {
        transform: translateX(0);
    }
}

.smallBox {
    width: 4px;
    height: 4px;
    background-color: var(--border-light);
    opacity: 40%;
}

.luvanshNewPage header .searchInput {
    position: relative;
}

    .luvanshNewPage header .searchInput img {
        position: absolute;
        left: 10px;
        top: 10px;
        z-index: 1;
        width: 14px;
        height: 14px;
    }

    .luvanshNewPage header .searchInput input {
        width: 165px;
        height: 34px;
        border-radius: var(--br-20);
        background-color: rgba(255, 255, 255, 0.1019607843);
        border: 1px solid rgba(204, 204, 204, 0.1215686275);
        padding-left: 28px;
        color: var(--border-light);
        font-size: 10px;
    }

        .luvanshNewPage header .searchInput input::placeholder {
            color: var(--border-light);
        }

        .luvanshNewPage header .searchInput input:focus {
            outline: none;
        }

.luvanshNewPage header .iconsSection {
    display: flex;
    align-items: center;
    gap: 14px;
}

#header.scrolled {
    border: 1px solid rgba(204, 204, 204, 0.2);
}

.luvanshNewPage #header.scrolled .smallBox,
.luvanshNewPage #header2 .smallBox {
    opacity: 100%;
    background-color: #ccc;
}

.luvanshNewPage #header2 header {
    padding: 12px 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(204, 204, 204, 0.2);
}

    .luvanshNewPage #header2 header ul li {
        list-style: none;
        color: var(--text-color);
        text-transform: uppercase;
        font-weight: var(--fw-400);
        font-size: var(--fz-14);
        transition: color 0.8s ease;
        cursor: pointer;
        width: max-content;
    }

    /*  */

    /* jab ul par hover ho to sab black ho jaye */
    .luvanshNewPage #header2 header ul:hover li,
    .luvanshNewPage #header2.active header ul:hover li {
        color: #999;
        transition: all 0.3s ease-in;
    }

    /* jis li par hover ho vo white hi rahe */
    .luvanshNewPage #header2 header ul li:hover {
        animation: customHeadShake 0.8s ease;
        color: var(--text-color);
        font-weight: var(--fw-600);
    }

.luvanshNewPage #header2.active header ul li:hover {
    font-weight: var(--fw-600);
    color: var(--text-color);
}

.luvanshNewPage #header2 header .searchInput {
    position: relative;
    width: 165px;
    height: 34px;
    padding: 10px;
    border: 1px solid rgba(0, 33, 41, 0.1215686275);
    background: rgba(204, 204, 204, 0.3019607843);
    border-radius: var(--br-20);
    display: flex;
    align-items: center;
    gap: 4px;
}

    .luvanshNewPage #header2 header .searchInput input::placeholder {
        color: var(--text-mega-title);
    }

    .luvanshNewPage #header2 header .searchInput img {
        position: static;
        width: 14px;
        height: 14px;
    }

    .luvanshNewPage #header2 header .searchInput input {
        width: auto;
        height: unset;
        color: var(--text-mega-title);
        border-radius: 0;
        background-color: transparent;
        border: none;
        padding-left: 0;
    }

.luvanshNewPage .iconsSection .desktopVisibleIcon {
    display: block;
    cursor: pointer;
}

.luvanshNewPage .iconsSection .mobileVisibleIcon {
    display: none;
}

.luvanshNewPage .mobileVisibleIconSearch {
    display: none;
}

.luvanshNewPage .searchIcon {
    display: none;
}

.luvanshNewPage .iconsSection .cart-container {
    position: relative;
    cursor: pointer;
}

.luvanshNewPage .iconsSection .cart-container-white {
    position: relative;
}

    .luvanshNewPage .iconsSection .cart-container-white .cart-count {
        position: absolute;
        top: -5px;
        right: -12px;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        background: #002129;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-weight: var(--fw-700);
        font-size: 10px;
        line-height: 100%;
    }

.luvanshNewPage .iconsSection .cart-container .cart-count {
    position: absolute;
    top: -5px;
    right: -12px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: var(--text-mega-title);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bg-primary);
    font-weight: var(--fw-700);
    font-size: 10px;
    line-height: 100%;
}

.luvanshNewPage .iconsSection .mobileCartIcon,
.luvanshNewPage .iconsSection .mobileUserIcon {
    width: 24px;
    cursor: pointer;
}

@media screen and (max-width: 1024px) {
    .luvanshNewPage .iconsSection .desktopVisibleIcon {
        display: none;
    }

    .luvanshNewPage .iconsSection .mobileVisibleIcon {
        display: block;
        width: 24px;
    }

    .luvanshNewPage .iconsSection .mobileCartIcon,
    .luvanshNewPage .iconsSection .mobileUserIcon {
        width: 24px;
    }

    .luvanshNewPage .mobileVisibleIconSearch {
        display: none;
    }

    .luvanshNewPage .searchIcon {
        display: block;
    }

        .luvanshNewPage .searchIcon img {
            width: 22px;
        }

    .luvanshNewPage header {
        padding: 16px 60px;
        gap: 0;
    }

        .luvanshNewPage header ul {
            display: none;
        }

        .luvanshNewPage header .searchInput {
            display: none;
        }

    .luvanshNewPage .smallBox {
        display: none;
    }

    .luvanshNewPage #header {
        top: 53px;
    }

        .luvanshNewPage #header.scrolled {
            top: 40px;
        }

            .luvanshNewPage #header.scrolled header {
                padding: 12px 60px;
            }

    .luvanshNewPage .logo img {
        height: 24px;
    }

    .luvanshNewPage #header2 {
        top: 40px;
    }

        .luvanshNewPage #header2 header {
            padding: 12px 20px;
            gap: 0;
            backdrop-filter: blur(32px);
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.0784313725);
            border: 1px solid rgba(204, 204, 204, 0.1019607843);
        }

            .luvanshNewPage #header2 header .searchInput {
                display: none;
            }

    .luvanshNewPage #header.scrolled header .searchInput {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .luvanshNewPage header {
        padding: 0px 20px;
    }

    .luvanshNewPage #header.scrolled header {
        padding: 12px 20px;
        backdrop-filter: blur(32px);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.0784313725);
        border: 1px solid rgba(204, 204, 204, 0.1019607843);
    }

    .luvanshNewPage #header.scrolled {
        top: 40px;
    }

    .luvanshNewPage #header2 {
        top: 32px;
    }

    .luvanshNewPage .iconsSection .cart-container .cart-count {
        position: absolute;
        top: 0px;
        right: -2px;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        background: var(--text-mega-title);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--bg-primary);
        font-weight: var(--fw-700);
        font-size: 8px;
        line-height: 100%;
    }

    .luvanshNewPage .iconsSection .cart-container-white .cart-count {
        position: absolute;
        top: 0px;
        right: -2px;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        background: var(--bg-primary);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--text-mega-title);
        font-weight: var(--fw-700);
        font-size: 8px;
        line-height: 100%;
    }
}

/* mega menu  transparent */

/* MEGA MENU WRAPPER */
.megaMenu {
    position: absolute;
    left: 0;
    top: 70px;
    width: 100%;
    background: var(--bg-primary);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-30px);
    /*transition: all 0.3s ease; */
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease;
    z-index: 9999;
}

    /* ACTIVE STATE */
    .megaMenu.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: transform 0.35s ease, opacity 0.35s ease;
    }

/* INNER CONTENT */
.megaMenuContent {
    display: none;
    /* padding: 48px 78px; */
}

    /* SHOW SELECTED */
    .megaMenuContent.active {
        display: block;
    }

/* Active menu item */
.luvanshNewPage header ul li.activeMenu {
    color: var(--bg-secondary);
    font-weight: var(--fw-600);
}

/* When mega menu is open → fade others */
.luvanshNewPage header ul.menuOpen li {
    color: #999;
}

    .luvanshNewPage header ul.menuOpen li.activeMenu {
        color: var(--bg-secondary);
        font-weight: var(--fw-600);
    }

/* blur effect */

.pageContent {
    transition: 0.3s ease;
}

    .pageContent.blurActive {
        filter: blur(8px);
        color: rgba(0, 0, 0, 0.2);
        pointer-events: none;
    }

/* Prevent body scroll */
body.noScroll {
    overflow: hidden;
    height: 100vh;
}

/* mega menu white */

.luvanshNewPage .darkHeaderWrapper {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}

.darkHeaderWrapper .megaMenuWhite {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: var(--bg-primary);
    border-width: 1px, 0px, 1px, 0px;
    border-style: solid;
    border-color: var(--border-mega);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-30px);
    /* transition: 0.3s ease; */
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease;
    z-index: 999;
}

    .darkHeaderWrapper .megaMenuWhite.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: transform 0.35s ease, opacity 0.35s ease;
    }

.darkHeaderWrapper .megaMenuContentWhite {
    display: none;
    /* padding: 48px 78px; */
}

    .darkHeaderWrapper .megaMenuContentWhite.active {
        display: block;
    }

@media (max-width: 1024px) {
    .megaMenu {
        display: none;
    }
}

/* ====================jewelry mega menu css==================== */

.luvanshNewPage .mega-jewelry-container {
    width: 100%;
    display: flex;
    align-items: start;
    /* justify-content: center; */
    /* gap: 12px; */
    padding: 24px 80px 84px 80px;
    max-width: 1440px;
    margin: 0 auto;
}

@media (max-width: 1439px) {
    .luvanshNewPage .mega-jewelry-container {
        flex-wrap: nowrap;
        justify-content: space-between;
    }

        .luvanshNewPage .mega-jewelry-container .jewelry-container .jewelry-items > p {
            font-size: var(--fz-12) !important;
        }
}

.luvanshNewPage .mega-jewelry-container .jewelry-container {
    /* width: 132px; */
    position: relative;
    flex: 1;
    height: 112px;
    /* flex: 0 0 auto; */
}

    .luvanshNewPage .mega-jewelry-container .jewelry-container .image-div {
        width: 100%;
        height: 100%;
        display: block;
    }

    .luvanshNewPage .mega-jewelry-container .jewelry-container .title-jewelry {
        color: var(--text-mega-title);
        font-weight: var(--fw-700);
        font-size: var(--fz-14);
        line-height: 120%;
        letter-spacing: 2%;
        padding-top: 12px;
        padding-bottom: 20px;
    }

    .luvanshNewPage .mega-jewelry-container .jewelry-container .jewelry-items {
        display: flex;
        align-items: start;
        gap: 20px;
        flex-direction: column;
    }

        .luvanshNewPage .mega-jewelry-container .jewelry-container .jewelry-items > a {
            color: var(--primary-color);
            font-weight: var(--fw-500);
            font-size: var(--fz-14);
            line-height: 120%;
            letter-spacing: 2%;
            cursor: pointer;
            transition: all 0.3s ease;
        }

            /* Optional: Only color change instead of font-weight */
            .luvanshNewPage .mega-jewelry-container .jewelry-container .jewelry-items > a:hover {
                color: var(--primary-color);
                font-weight: var(--fw-700);
            }

.luvanshNewPage .mega-jewelry-container .image-container-line {
    background: var(--border-mega);
    width: 1px;
    height: 498px;
    margin: 0px 17px;
}

/* ====================bespoke mega menu css==================== */

.luvanshNewPage .mega-bespoke-container {
    width: 100%;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    /* gap: 12px; */
    padding: 48px 80px 48px 80px;
    max-width: 1440px;
    margin: 0 auto;
}

@media (max-width: 1439px) {
    .luvanshNewPage .mega-bespoke-container {
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}

.luvanshNewPage .mega-bespoke-container .image-container {
    position: relative;
    flex: 1;
    /* width: 302px; */
    /* width: 25%; */
    height: 192px;
    /* flex: 0 0 auto; */
    cursor: pointer;
}

    .luvanshNewPage .mega-bespoke-container .image-container .image-div {
        width: 100%;
        height: 100%;
        display: block;
    }

    .luvanshNewPage .mega-bespoke-container .image-container .image-div-content {
        position: absolute;
        bottom: 12px;
        left: 12px;
        color: var(--bg-primary);
        font-weight: var(--fw-700);
        font-size: var(--fz-20);
        line-height: 120%;
        letter-spacing: 2%;
    }

.luvanshNewPage .mega-bespoke-container .image-container-line {
    background: var(--border-mega);
    width: 1px;
    height: 192px;
    margin: 0px 12px;
}

/* ====================about mega menu css==================== */

.luvanshNewPage .mega-about-container {
    width: 100%;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    /* gap: 12px; */
    padding: 48px 80px 48px 80px;
    max-width: 1440px;
    margin: 0 auto;
}

@media (max-width: 1439px) {
    .luvanshNewPage .mega-about-container {
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}

.luvanshNewPage .mega-about-container .image-container {
    position: relative;
    /* width: 193px; */
    flex: 1;
    height: 192px;
    /* flex: 0 0 auto; */
    cursor: pointer;
}

    .luvanshNewPage .mega-about-container .image-container .image-div {
        width: 100%;
        height: 100%;
        display: block;
    }

    .luvanshNewPage .mega-about-container .image-container .image-div-content {
        position: absolute;
        bottom: 12px;
        left: 12px;
        color: var(--bg-primary);
        font-weight: var(--fw-700);
        font-size: var(--fz-20);
        line-height: 120%;
        letter-spacing: 2%;
    }

.luvanshNewPage .mega-about-container .image-container-line {
    background: var(--border-mega);
    width: 1px;
    height: 192px;
    margin: 0px 12px;
}

/* ====================diamond mega menu css======================== */

.luvanshNewPage .mega-diamond-container {
    width: 100%;
    display: flex;
    align-items: start;
    padding-left: 80px;
    padding-right: 80px;
    max-width: 1440px;
    margin: 0 auto;
}

    .luvanshNewPage .mega-diamond-container > * {
        /* flex-shrink: 0; */
        flex: 1;
    }

@media (min-width: 1441px) {
    .luvanshNewPage .mega-diamond-container > *:nth-child(1) {
        flex: 0 0 45%;
    }

    .luvanshNewPage .mega-diamond-container > *:nth-child(2) {
        flex: 0 0 25%;
    }

    .luvanshNewPage .mega-diamond-container > *:nth-child(3) {
        flex: 0 0 30%;
    }

    .luvanshNewPage .mega-diamond-container .diamond-deal-container .diamond-deal-image-container {
        width: 100%;
    }

        .luvanshNewPage .mega-diamond-container .diamond-deal-container .diamond-deal-image-container > img {
            width: 100%;
        }
}

@media (max-width: 1439px) {
    .luvanshNewPage .mega-diamond-container > *:nth-child(1) {
        flex: 0 0 45%;
    }

    .luvanshNewPage .mega-diamond-container > *:nth-child(2) {
        flex: 0 0 25%;
    }

    .luvanshNewPage .mega-diamond-container > *:nth-child(3) {
        flex: 0 0 30%;
    }

    .luvanshNewPage .mega-diamond-container .diamond-deal-container .diamond-deal-image-container {
        width: 100%;
    }

        .luvanshNewPage .mega-diamond-container .diamond-deal-container .diamond-deal-image-container > img {
            width: 100%;
        }
}

/* ========diamond shape container======= */

.luvanshNewPage .mega-diamond-container .diampond-shape-container {
    border-right: 1px solid var(--border-mega);
}

    /* regular shape */
    .luvanshNewPage .mega-diamond-container .diampond-shape-container .diamond-regular-container {
        padding: 35px 0px 0px 0px;
    }

        .luvanshNewPage .mega-diamond-container .diampond-shape-container .diamond-regular-container .diamond-regular-title {
            color: var(--text-mega-title);
            font-size: var(--fz-14);
            font-weight: var(--fw-700);
            line-height: 120%;
            letter-spacing: 2%;
            padding-bottom: 24px;
            text-transform: uppercase;
        }

        .luvanshNewPage .mega-diamond-container .diampond-shape-container .diamond-regular-container .diamond-regular-content {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 24px;
            border-bottom: 1px solid var(--border-mega);
            padding-bottom: 34px;
            padding-right: 61px;
            justify-items: start;
        }

            .luvanshNewPage .mega-diamond-container .diampond-shape-container .diamond-regular-container .diamond-regular-content .diamond-item {
                display: flex;
                align-items: center;
                flex-direction: column;
                gap: 8px;
                cursor: pointer;
                transition: all 0.5s ease-in-out;
            }

                .luvanshNewPage .mega-diamond-container .diampond-shape-container .diamond-regular-container .diamond-regular-content .diamond-item:hover {
                    transition: all 0.5s ease-in-out;
                    transform: scale(1.1);
                }

    .luvanshNewPage .mega-diamond-container .diampond-shape-container .diamond-special-container .diamond-special-content .diamond-item:hover {
        transition: all 0.5s ease-in-out;
        transform: scale(1.1);
    }

.diamond-item > img {
    transform: scale(1);
    transition: transform 0.3s ease;
    width: 60px;
    height: 62px;
}

.luvanshNewPage .mega-diamond-container .diampond-shape-container .diamond-regular-container .diamond-regular-content .diamond-item > p {
    color: var(--primary-color);
    font-size: var(--fz-12);
    font-weight: var(--fw-500);
    line-height: 120%;
    transition: all 0.3s ease;
}

.luvanshNewPage .mega-diamond-container .diampond-shape-container .diamond-regular-container .diamond-regular-content .diamond-item:hover > img {
    transform: scale(1.1);
}

/* increase font on hover */
.luvanshNewPage .mega-diamond-container .diampond-shape-container .diamond-regular-container .diamond-regular-content .diamond-item:hover > p {
    font-weight: var(--fw-700);
}

/* special shape */
.luvanshNewPage .mega-diamond-container .diampond-shape-container .diamond-special-container {
    padding: 38px 61px 60px 0px;
}

    .luvanshNewPage .mega-diamond-container .diampond-shape-container .diamond-special-container .diamond-special-title {
        color: var(--text-mega-title);
        font-size: var(--fz-14);
        font-weight: var(--fw-700);
        line-height: 120%;
        letter-spacing: 2%;
        padding-bottom: 24px;
        text-transform: uppercase;
    }

    .luvanshNewPage .mega-diamond-container .diampond-shape-container .diamond-special-container .diamond-special-content {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 24px;
    }

        .luvanshNewPage .mega-diamond-container .diampond-shape-container .diamond-special-container .diamond-special-content .diamond-item {
            display: flex;
            align-items: center;
            flex-direction: column;
            gap: 8px;
            width: 60px;
            cursor: pointer;
        }

            .luvanshNewPage .mega-diamond-container .diampond-shape-container .diamond-special-container .diamond-special-content .diamond-item:last-child {
                justify-content: flex-end;
            }

            .luvanshNewPage .mega-diamond-container .diampond-shape-container .diamond-special-container .diamond-special-content .diamond-item > p {
                color: var(--primary-color);
                font-size: var(--fz-12);
                font-weight: var(--fw-500);
                line-height: 120%;
                text-align: center;
                transition: all 0.3s ease;
            }

            .luvanshNewPage .mega-diamond-container .diampond-shape-container .diamond-special-container .diamond-special-content .diamond-item:hover > img {
                transform: scale(1.1);
            }

            /* increase font on hover */
            .luvanshNewPage .mega-diamond-container .diampond-shape-container .diamond-special-container .diamond-special-content .diamond-item:hover > p {
                font-weight: var(--fw-700);
            }

            .luvanshNewPage .mega-diamond-container .diampond-shape-container .diamond-special-container .diamond-special-content .diamond-item .viewAll {
                border-bottom: 1.5px solid var(--text-mega-title);
                transition: all 0.3s ease-in;
                cursor: pointer;
                font-weight: var(--fw-700);
                padding: 7px 6px;
                font-size: var(--fz-12);
                color: #002129;
            }

                .luvanshNewPage .mega-diamond-container .diampond-shape-container .diamond-special-container .diamond-special-content .diamond-item .viewAll:hover {
                    background: linear-gradient(180deg, rgba(0, 33, 41, 0) 0%, rgba(0, 115, 143, 0.1) 100%);
                    transition: all 0.3s ease-in;
                }

/* ========diamond type container======= */
.luvanshNewPage .mega-diamond-container .diamond-type-container {
    border-right: 1px solid var(--border-mega);
    padding: 35px 76px 60px 31px;
    display: flex;
    align-items: start;
    flex-direction: column;
    /* gap: 72px; */
    justify-content: space-between;
    height: 583px;
}

    .luvanshNewPage .mega-diamond-container .diamond-type-container .diamond-carat-container .diamond-carat-title,
    .luvanshNewPage .mega-diamond-container .diamond-type-container .diamond-color-container .diamond-color-title,
    .luvanshNewPage .mega-diamond-container .diamond-type-container .diamond-origin-container .diamond-origin-title {
        color: var(--text-mega-title);
        font-size: var(--fz-14);
        font-weight: var(--fw-700);
        line-height: 120%;
        letter-spacing: 2%;
        padding-bottom: 24px;
        text-transform: uppercase;
    }

    .luvanshNewPage .mega-diamond-container .diamond-type-container .diamond-carat-container .diamond-items,
    .luvanshNewPage .mega-diamond-container .diamond-type-container .diamond-color-container .diamond-items,
    .luvanshNewPage .mega-diamond-container .diamond-type-container .diamond-origin-container .diamond-items {
        display: flex;
        align-items: start;
        gap: 20px;
        flex-direction: column;
    }

        .luvanshNewPage .mega-diamond-container .diamond-type-container .diamond-carat-container .diamond-items > a,
        .luvanshNewPage .mega-diamond-container .diamond-type-container .diamond-color-container .diamond-items > a,
        .luvanshNewPage .mega-diamond-container .diamond-type-container .diamond-origin-container .diamond-items > a {
            color: #444444;
            font-weight: var(--fw-500);
            font-size: var(--fz-14);
            line-height: 120%;
            letter-spacing: 2%;
            cursor: pointer;
            transition: all 0.3s ease;
        }

            .luvanshNewPage .mega-diamond-container .diamond-type-container .diamond-carat-container .diamond-items > a:hover,
            .luvanshNewPage .mega-diamond-container .diamond-type-container .diamond-color-container .diamond-items > a:hover,
            .luvanshNewPage .mega-diamond-container .diamond-type-container .diamond-origin-container .diamond-items > a:hover {
                font-weight: var(--fw-700);
            }

/* ========diamond deal container======= */
.luvanshNewPage .mega-diamond-container .diamond-deal-container {
    padding: 35px 0px 60px 40px;
    display: flex;
    align-items: start;
    flex-direction: column;
    /* gap: 41px; */
    height: 583px;
    justify-content: space-between;
}

    .luvanshNewPage .mega-diamond-container .diamond-deal-container .diamond-deal-content-container {
        display: flex;
        align-items: start;
        flex-direction: column;
        gap: 16px;
    }

    .luvanshNewPage .mega-diamond-container .diamond-deal-container .diamond-deal-items-container {
        display: flex;
        align-items: center;
        gap: 12px;
        cursor: pointer;
    }

        .luvanshNewPage .mega-diamond-container .diamond-deal-container .diamond-deal-items-container .diamond-deal-items-image {
            display: flex;
            align-items: center;
            width: 28px;
            height: 28px;
            border-radius: var(--br-2);
            justify-content: center;
            background: var(--bg-secondary);
            border: 1px solid rgba(204, 204, 204, 0.3019607843);
        }

        .luvanshNewPage .mega-diamond-container .diamond-deal-container .diamond-deal-items-container .diamond-deal-items-title {
            color: var(--text-mega-title);
            font-weight: var(--fw-700);
            font-size: var(--fz-14);
            line-height: 120%;
            letter-spacing: 2%;
            text-transform: uppercase;
        }

    .luvanshNewPage .mega-diamond-container .diamond-deal-container .diamond-deal-image-container {
        position: relative;
    }

        .luvanshNewPage .mega-diamond-container .diamond-deal-container .diamond-deal-image-container .diamond-deal-image-content-container {
            position: absolute;
            inset: 0;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 12px;
            width: 100%;
        }

            .luvanshNewPage .mega-diamond-container .diamond-deal-container .diamond-deal-image-container .diamond-deal-image-content-container .diamond-deal-image-content {
                font-size: var(--fz-16);
                font-weight: var(--fw-500);
                color: var(--primary-color);
                width: 175px;
                line-height: 120%;
            }

            .luvanshNewPage .mega-diamond-container .diamond-deal-container .diamond-deal-image-container .diamond-deal-image-content-container .firstCta {
                background-color: var(--bg-secondary);
                border-radius: var(--br-4);
                font-size: var(--fz-14);
                font-weight: var(--fw-700);
                color: var(--text-color);
                border: none;
                transition: all 0.3s ease-in;
                height: 32px;
                width: 123px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

        .luvanshNewPage .mega-diamond-container .diamond-deal-container .diamond-deal-image-container .firstCta:hover {
            background-color: #f3e9da;
        }

/* ======================== mobile mega menu =================== */
.header-drawer.offcanvas.offcanvas-end {
    height: 100vh;
    width: 100% !important;
    padding: 20px;
    z-index: 99999 !important;
}

.header-drawer .offcanvas-header {
    padding: 0px;
}

.header-drawer .close-button-div {
    width: 100%;
    display: flex;
    justify-content: end;
    /*padding-bottom: 17px;*/
}

    .header-drawer .close-button-div > img {
        cursor: pointer;
    }

.header-drawer .btn-close {
    background: none;
    box-shadow: none;
    opacity: 1;
}

.header-drawer .search-container .searchInput {
    position: relative;
    width: 100%;
    height: 42px;
    padding: 0 10px;
    border: 1px solid rgba(204, 204, 204, 0.3019607843);
    background: #f0f0f0;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0509803922);
    display: flex;
    align-items: center;
    gap: 4px;
}

    .header-drawer .search-container .searchInput img {
        position: static;
        width: 17px;
        height: 17px;
        margin-left: 10px;
    }

    .header-drawer .search-container .searchInput input {
        flex: 1;
        width: 100%;
        height: 100%;
        /* height: unset; */
        color: #444444;
        border-radius: 0;
        background-color: transparent;
        border: none;
        padding-left: 10px;
        font-size: 16px;
        font-weight: var(--fw-500);
        letter-spacing: 2%;
        line-height: 120%;
        outline: none;
    }

        .header-drawer .search-container .searchInput input::placeholder {
            color: #444444;
            font-size: var(--fz-14);
            font-weight: var(--fw-500);
            letter-spacing: 2%;
            line-height: 120%;
        }

.header-drawer .mega-menu-items {
    padding: 17px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 22.33px;
    border-bottom: 1px solid var(--border-mega);
}

/* below 500px */
@media (max-width: 500px) {
    .header-drawer .mega-menu-items {
        justify-content: space-between;
        gap: 0;
    }
}

.header-drawer .mega-menu-items .mega-menu-items-title {
    font-weight: var(--fw-500);
    font-size: var(--fz-16);
    letter-spacing: 2%;
    line-height: 120%;
    text-transform: uppercase;
    color: rgba(0, 55, 67, 0.3019607843);
}

    .header-drawer .mega-menu-items .mega-menu-items-title.active,
    .header-drawer .mega-menu-items .mega-menu-items-title:hover {
        color: var(--primary-color);
        font-weight: var(--fw-700);
    }

.header-drawer .main-content-container {
    padding-top: 17px;
}

    .header-drawer .main-content-container.animate-slide {
        animation: slideInRight 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    }

@keyframes slideInRight {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

.header-drawer .main-content-container .main-content-title {
    color: var(--primary-color);
    font-weight: var(--fw-700);
    font-size: var(--fz-20);
    letter-spacing: 2%;
    line-height: 120%;
    text-transform: uppercase;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--primary-color);
    width: fit-content;
}

.header-drawer .main-content-container .items-content-body {
    padding-top: 32px;
}

    .header-drawer .main-content-container .items-content-body .menu-content {
        display: none;
    }

        .header-drawer .main-content-container .items-content-body .menu-content.active {
            display: block;
        }

        /* jewelry dropdown css */

        .header-drawer .main-content-container .items-content-body .menu-content .jewelry-menu {
            display: flex;
            align-items: start;
            gap: 32px;
        }

            .header-drawer .main-content-container .items-content-body .menu-content .jewelry-menu .jewelry-left {
                min-width: 144px;
            }

                .header-drawer .main-content-container .items-content-body .menu-content .jewelry-menu .jewelry-left .jewelry-category {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    cursor: pointer;
                    padding-bottom: 28px;
                }

                    .header-drawer .main-content-container .items-content-body .menu-content .jewelry-menu .jewelry-left .jewelry-category.active > p {
                        color: var(--text-mega-title);
                        font-weight: var(--fw-500);
                        font-size: var(--fz-14);
                        line-height: 120%;
                        letter-spacing: 2%;
                    }

                    .header-drawer .main-content-container .items-content-body .menu-content .jewelry-menu .jewelry-left .jewelry-category > p {
                        color: rgba(0, 55, 67, 0.3019607843);
                        font-weight: var(--fw-500);
                        font-size: var(--fz-14);
                        line-height: 120%;
                        letter-spacing: 2%;
                    }

                    .header-drawer .main-content-container .items-content-body .menu-content .jewelry-menu .jewelry-left .jewelry-category .arrow {
                        display: none;
                    }

                    .header-drawer .main-content-container .items-content-body .menu-content .jewelry-menu .jewelry-left .jewelry-category.active .arrow {
                        display: block;
                    }

            .header-drawer .main-content-container .items-content-body .menu-content .jewelry-menu .jewelry-right .category-items {
                display: none;
            }

                .header-drawer .main-content-container .items-content-body .menu-content .jewelry-menu .jewelry-right .category-items.active {
                    display: block;
                }

            .header-drawer .main-content-container .items-content-body .menu-content .jewelry-menu .jewelry-right .category-items {
                display: flex;
                align-items: start;
                flex-direction: column;
                gap: 32px;
                cursor: pointer;
            }

                .header-drawer .main-content-container .items-content-body .menu-content .jewelry-menu .jewelry-right .category-items > a {
                    color: var(--primary-color);
                    font-weight: var(--fw-500);
                    font-size: var(--fz-12);
                    line-height: 130%;
                    letter-spacing: 2%;
                }

            .header-drawer .main-content-container .items-content-body .menu-content .jewelry-menu .jewelry-right .category-items {
                display: none;
            }

                .header-drawer .main-content-container .items-content-body .menu-content .jewelry-menu .jewelry-right .category-items.active {
                    display: flex;
                }

        /* diamond dropdown css */

        .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu {
            display: flex;
            align-items: start;
            gap: 32px;
        }

            .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-left {
                min-width: 180px;
            }

                .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-left .diamond-category {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    cursor: pointer;
                    padding-bottom: 28px;
                }

                    .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-left .diamond-category.active > p {
                        color: var(--text-mega-title);
                        font-weight: var(--fw-500);
                        font-size: var(--fz-14);
                        line-height: 120%;
                        letter-spacing: 2%;
                    }

                    .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-left .diamond-category > p {
                        color: rgba(0, 55, 67, 0.3019607843);
                        font-weight: var(--fw-500);
                        font-size: var(--fz-14);
                        line-height: 120%;
                        letter-spacing: 2%;
                    }

                    .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-left .diamond-category .arrow {
                        display: none;
                    }

                    .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-left .diamond-category.active .arrow {
                        display: block;
                    }

            .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond {
                display: none;
            }

                .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond.active {
                    display: block;
                }

            .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond {
                display: flex;
                align-items: start;
                flex-direction: column;
                gap: 24px;
                cursor: pointer;
                max-height: 600px;
                overflow-y: auto;
            }

@media screen and (max-height: 400px) {
    .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond {
        max-height: 400px;
        overflow-y: auto;
    }
}

.header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .special-diamond-gap {
    gap: 0px !important;
}

    .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .special-diamond-gap .category-items-special-diamond {
        display: flex;
        align-items: start;
        flex-direction: column;
        gap: 24px;
        cursor: pointer;
        margin-bottom: 13px;
    }

.header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .carat-gap {
    gap: 20px !important;
}

.header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .daimond-type-gap {
    gap: 20px !important;
}

.header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .diamondorigin-gap {
    gap: 29px !important;
}

@media screen and (max-height: 750px) {
    .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond {
        max-height: 400px;
        overflow-y: auto;
    }

    .header-drawer .main-content-container {
        padding-top: 17px;
        overflow: scroll !important;
    }

    /* Hide scrollbar (Chrome, Safari) */
    .header-drawer .category-items-diamond::-webkit-scrollbar {
        display: none;
    }

    /* Firefox */
    .header-drawer .category-items-diamond {
        scrollbar-width: none;
    }

    /* IE / Edge */
    .header-drawer .category-items-diamond {
        -ms-overflow-style: none;
    }
}

.header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond .regular-shape-container {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

    .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond .regular-shape-container .image-container {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
    }

    .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond .regular-shape-container > p {
        color: var(--primary-color);
        font-weight: var(--fw-500);
        font-size: var(--fz-12);
        line-height: 130%;
        letter-spacing: 2%;
    }

/* Hide items after 9 ONLY when show-all is not present */
.header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond:not(.show-all) .special-shape-container:nth-child(n + 10) {
    display: none;
}

/* Show them when show-all is active */
.header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond.show-all .special-shape-container:nth-child(n + 10) {
    display: flex !important;
}

.header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond::-webkit-scrollbar {
    display: none;
}

.header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond .special-shape-container {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

    .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond .special-shape-container .image-container {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        flex-shrink: 0;
    }

    .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond .special-shape-container > a {
        color: var(--primary-color);
        font-weight: var(--fw-500);
        font-size: var(--fz-12);
        line-height: 130%;
        letter-spacing: 2%;
    }

.header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond {
    display: none;
}

    .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond.active {
        display: flex;
    }

    .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond .btn-container {
        margin: 0px auto;
    }

        .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond .btn-container .view-all-btn {
            border-bottom: 1.5px solid #002129;
            transition: all 0.3s ease-in;
            cursor: pointer;
            font-weight: var(--fw-700);
            padding: 16px 6px;
            font-size: var(--fz-14);
            color: #002129;
        }

            .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond .btn-container .view-all-btn.active {
                background: linear-gradient(180deg, rgba(0, 33, 41, 0) 0%, rgba(0, 115, 143, 0.1) 100%);
                transition: all 0.3s ease-in;
            }

    .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond .carat-container {
        display: flex;
        align-items: center;
        gap: 6px;
        cursor: pointer;
    }

        .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond .carat-container > a {
            color: var(--primary-color);
            font-weight: var(--fw-500);
            font-size: var(--fz-12);
            line-height: 130%;
            margin-top: 5px;
        }

    .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond .diamondtype-container {
        display: flex;
        align-items: center;
        cursor: pointer;
        gap: 1px;
    }

        .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu .diamond-right .category-items-diamond .diamondtype-container > a {
            color: var(--primary-color);
            font-weight: var(--fw-500);
            font-size: var(--fz-12);
            line-height: 130%;
            letter-spacing: 2%;
        }

/* bespoke  dropdown css */

.header-drawer .main-content-container .items-content-body .menu-content .bespoke-container-mobile {
    display: flex;
    flex-direction: column;
}

@media screen and (max-height: 700px) {
    .header-drawer .main-content-container .items-content-body .menu-content .bespoke-container-mobile {
        max-height: 400px;
        overflow-y: auto;
    }

        .header-drawer .main-content-container .items-content-body .menu-content .bespoke-container-mobile .image-container {
            position: relative;
            width: 100%;
            height: 120px;
            flex: 0 0 auto;
            cursor: pointer;
        }

        /* Hide scrollbar (Chrome, Safari) */
        .header-drawer .main-content-container .items-content-body .menu-content .bespoke-container-mobile::-webkit-scrollbar {
            display: none;
        }

    /* Firefox */
    .header-drawer .main-content-container .items-content-body .menu-content .bespoke-container-mobile {
        scrollbar-width: none;
    }

    /* IE / Edge */
    .header-drawer .main-content-container .items-content-body .menu-content .bespoke-container-mobile {
        -ms-overflow-style: none;
    }
}

.header-drawer .main-content-container .items-content-body .menu-content .bespoke-container-mobile .image-container {
    position: relative;
    width: 100%;
    height: 120px;
    flex: 0 0 auto;
    cursor: pointer;
}

@media (min-width: 600px) {
    .header-drawer .main-content-container .items-content-body .menu-content .bespoke-container-mobile .image-container {
        height: 170px;
    }
}

@media (min-width:601px) and (max-width:1025px) {
    .header-drawer .main-content-container .items-content-body .menu-content .bespoke-container-mobile .image-container .image-div {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        border-radius: 4px;
    }

    .header-drawer .main-content-container .items-content-body .menu-content .about-container-mobile .main-image-container-about .image-container-about .image-div {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        border-radius: 4px;
    }
}

.header-drawer .main-content-container .items-content-body .menu-content .bespoke-container-mobile .image-container .image-div {
    width: 100%;
    height: 100%;
    display: block;
}

.header-drawer .main-content-container .items-content-body .menu-content .bespoke-container-mobile .image-container .image-div-content {
    position: absolute;
    bottom: 12px;
    left: 12px;
    color: var(--bg-primary);
    font-weight: var(--fw-600);
    font-size: var(--fz-16);
    line-height: 120%;
    letter-spacing: 2%;
    width: 125px;
}

.header-drawer .main-content-container .items-content-body .menu-content .bespoke-container-mobile .image-container-line {
    background: var(--border-mega);
    width: 100%;
    height: 1px;
    margin: 6px 0px;
}

/* about  dropdown css */

.header-drawer .main-content-container .items-content-body .menu-content .about-container-mobile {
    display: flex;
    width: 100%;
    flex-direction: column;
}

    .header-drawer .main-content-container .items-content-body .menu-content .about-container-mobile .main-image-container-about {
        display: flex;
        align-items: center;
    }

@media screen and (max-height: 700px) {
    .header-drawer .main-content-container .items-content-body .menu-content .about-container-mobile {
        max-height: 400px;
        overflow-y: auto;
    }

        .header-drawer .main-content-container .items-content-body .menu-content .about-container-mobile .main-image-container-about .image-container {
            position: relative;
            /* width: 50%; */
            height: 168px;
            flex: 0 0 auto;
            cursor: pointer;
            overflow: hidden;
        }

        /* Hide scrollbar (Chrome, Safari) */
        .header-drawer .main-content-container .items-content-body .menu-content .about-container-mobile::-webkit-scrollbar {
            display: none;
        }

    /* Firefox */
    .header-drawer .main-content-container .items-content-body .menu-content .about-container-mobile {
        scrollbar-width: none;
    }

    /* IE / Edge */
    .header-drawer .main-content-container .items-content-body .menu-content .about-container-mobile {
        -ms-overflow-style: none;
    }
}

.header-drawer .main-content-container .items-content-body .menu-content .about-container-mobile .main-image-container-about .image-container-about {
    position: relative;
    width: calc(50% - 7px);
    height: 168px;
    flex: 0 0 auto;
    cursor: pointer;
    overflow: hidden;
}

@media (min-width: 600px) {
    .header-drawer .main-content-container .items-content-body .menu-content .about-container-mobile .main-image-container-about .image-container-about {
        height: 170px;
    }

    .header-drawer .main-content-container .items-content-body .menu-content .about-container-mobile .main-image-container-about .image-container-line-middle {
        background: var(--border-mega);
        width: 1px;
        height: 170px;
        margin: 0px 6px;
        flex: 0 0 1px;
    }
}

.header-drawer .main-content-container .items-content-body .menu-content .about-container-mobile .main-image-container-about .image-container-about .image-div {
    width: 100%;
    height: 100%;
    display: block;
}

.header-drawer .main-content-container .items-content-body .menu-content .about-container-mobile .main-image-container-about .image-container-about .image-div-content {
    position: absolute;
    bottom: 12px;
    left: 12px;
    color: var(--bg-primary);
    font-weight: var(--fw-600);
    font-size: var(--fz-16);
    line-height: 120%;
    letter-spacing: 2%;
    width: 105px;
}

.header-drawer .main-content-container .items-content-body .menu-content .about-container-mobile .main-image-container-about .image-container-line-middle {
    background: var(--border-mega);
    width: 1px;
    height: 168px;
    margin: 0px 6px;
    flex: 0 0 1px;
}

.header-drawer .main-content-container .items-content-body .menu-content .about-container-mobile .image-container-line {
    background: var(--border-mega);
    width: 100%;
    height: 1px;
    margin: 6px 0px;
}

/* ----------------------------- Hero Section ------------------------ */
.luvanshNewPage .heroSec {
    background-image: url("../images/banners/Mothers_Day_Sale/desktop-banner-mothers-day.webp");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100vh;
    position: relative;
}

.luvanshNewPage .heroSec-content {
    position: absolute;
    left: 80px;
    bottom: 80px;
}

    .luvanshNewPage .heroSec-content .hero-title {
        font-weight: var(--fw-600);
        font-size: 23px;
        line-height: 100%;
        color: var(--bg-secondary);
        letter-spacing: 0%;
        text-transform: uppercase;
    }

    .luvanshNewPage .heroSec-content .hero-description {
        font-weight: var(--fw-400);
        font-size: 99px;
        line-height: 107%;
        color: var(--bg-secondary);
        letter-spacing: -5%;
    }

    .luvanshNewPage .heroSec-content .hero-subheading {
        font-weight: var(--fw-400);
        font-size: 18px;
        line-height: 100%;
        color: var(--bg-secondary);
        letter-spacing: 0%;
    }

    .luvanshNewPage .heroSec-content .timer-container {
        padding: 16px;
        border-radius: var(--br-6);
        /*background: rgba(0, 0, 0, 0.1490196078);
        border: 1px solid rgba(204, 204, 204, 0.1019607843);
        backdrop-filter: blur(32px);*/ /* by hiral */
        width: fit-content;
        margin: 16px 0px;
    }

        .luvanshNewPage .heroSec-content .timer-container .code {
            font-weight: var(--fw-400);
            font-size: 16px;
            line-height: 100%;
            color: var(--bg-primary);
            letter-spacing: -2%;
            padding-bottom: 6px;
        }

            .luvanshNewPage .heroSec-content .timer-container .code .dot {
                font-weight: var(--fw-500);
            }

            .luvanshNewPage .heroSec-content .timer-container .code .april {
                font-weight: var(--fw-700);
            }

        .luvanshNewPage .heroSec-content .timer-container .timer {
            display: flex;
            gap: 5.76px;
            align-items: center;
        }

            .luvanshNewPage .heroSec-content .timer-container .timer .time-item {
                display: flex;
                flex-direction: column;
                align-items: center;
            }

                .luvanshNewPage .heroSec-content .timer-container .timer .time-item .time-box {
                    /* padding: 19.74px 12.24px; */
                    height: 60.48px;
                    width: 60.48px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background: #25231d;
                    border: 1.44px solid rgba(204, 204, 204, 0.3019607843);
                    backdrop-filter: blur(72px);
                    border-radius: var(--br-2);
                }

                    .luvanshNewPage .heroSec-content .timer-container .timer .time-item .time-box .countdownValue {
                        font-weight: var(--fw-700);
                        font-size: var(--fz-28);
                        line-height: 100%;
                        letter-spacing: -2%;
                        text-align: center;
                        text-transform: uppercase;
                        color: var(--bg-primary);
                    }

                .luvanshNewPage .heroSec-content .timer-container .timer .time-item .time-label {
                    font-weight: var(--fw-400);
                    font-size: var(--fz-14);
                    line-height: 100%;
                    letter-spacing: -2%;
                    text-align: center;
                    color: var(--bg-primary);
                    padding-top: 8px;
                }

            .luvanshNewPage .heroSec-content .timer-container .timer .timerSeperator {
                display: flex;
                align-items: center;
                flex-direction: column;
                gap: 8.64px;
                margin-top: -20px;
            }

                .luvanshNewPage .heroSec-content .timer-container .timer .timerSeperator .dot {
                    width: 5.76px;
                    height: 5.76px;
                    background: rgba(243, 244, 245, 0.8);
                }

.luvanshNewPage .heroCta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 645px; /* by virali */
    gap: 13px;
}

    .luvanshNewPage .heroCta .firstCta {
        background-color: var(--bg-secondary);
        border-radius: var(--br-4);
        font-size: var(--fz-16);
        font-weight: var(--fw-500);
        color: var(--text-color);
        border: none;
        transition: all 0.3s ease-in;
        font-weight: var(--fw-700);
        height: 42px;
        width: 195px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .luvanshNewPage .heroCta .firstCta:hover {
            background-color: #f3e9da;
        }

    .luvanshNewPage .heroCta .secondCta {
        border: 1px solid var(--bg-secondary);
        border-radius: var(--br-4);
        font-size: var(--fz-16);
        font-weight: var(--fw-700);
        color: var(--bg-secondary);
        transition: all 0.3s ease-in;
        background-color: transparent;
        height: 42px;
        width: 195px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .luvanshNewPage .heroCta .secondCta:hover {
            background: rgba(0, 0, 0, 0.2);
            backdrop-filter: blur(31.2999992371px);
            border: 1px solid var(--bg-secondary);
        }

@media screen and (max-width: 1024px) {
    .luvanshNewPage .heroSec-content {
        position: absolute;
        left: 60px;
    }
}

@media screen and (max-width: 600px) {
    .luvanshNewPage .heroSec {
        background-image: url("../images/banners/Mothers_Day_Sale/mobile-banner-mothers-day.webp");
    }

    .luvanshNewPage .heroSec {
        height: 100vh;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: end;
        padding: 20px;
    }

    .luvanshNewPage .heroSec-content {
        position: static;
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

        .luvanshNewPage .heroSec-content .hero-title {
            font-weight: var(--fw-600);
            font-size: 18px;
            line-height: 100%;
            color: var(--bg-secondary);
            letter-spacing: 0%;
            text-transform: uppercase;
        }

        .luvanshNewPage .heroSec-content .hero-description {
            font-weight: var(--fw-400);
            font-size: 42px;
            line-height: 120%;
            color: var(--bg-secondary);
            letter-spacing: -5%;
        }

        .luvanshNewPage .heroSec-content .hero-subheading {
            font-weight: var(--fw-400);
            font-size: 12px;
            line-height: 100%;
            color: var(--bg-secondary);
            letter-spacing: 0%;
        }

        .luvanshNewPage .heroSec-content .timer-container {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            padding: 6px 10px;
            border-radius: var(--br-6);
            /*background: rgba(0, 0, 0, 0.1490196078);
            border: 1px solid rgba(204, 204, 204, 0.1019607843);
            backdrop-filter: blur(32px);*/ /* by hiral */
            width: 100%;
            margin: 12px 0px;
        }

            .luvanshNewPage .heroSec-content .timer-container .code {
                font-weight: var(--fw-400);
                font-size: 14px;
                line-height: 100%;
                color: var(--bg-primary);
                letter-spacing: -2%;
                padding-bottom: 4px;
            }

                .luvanshNewPage .heroSec-content .timer-container .code .dot {
                    font-weight: var(--fw-500);
                }

                .luvanshNewPage .heroSec-content .timer-container .code .april {
                    font-weight: var(--fw-700);
                }

            .luvanshNewPage .heroSec-content .timer-container .timer {
                display: flex;
                gap: 4px;
                align-items: center;
            }

                .luvanshNewPage .heroSec-content .timer-container .timer .time-item {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                }

                    .luvanshNewPage .heroSec-content .timer-container .timer .time-item .time-box {
                        /* padding: 14px 8.5px; */
                        height: 42px;
                        width: 42px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background: #25231d;
                        border: 1px solid rgba(204, 204, 204, 0.3019607843);
                        backdrop-filter: blur(50px);
                        border-radius: var(--br-2);
                    }

                        .luvanshNewPage .heroSec-content .timer-container .timer .time-item .time-box .countdownValue {
                            font-weight: var(--fw-700);
                            font-size: var(--fz-20);
                            line-height: 100%;
                            letter-spacing: -2%;
                            text-align: center;
                            text-transform: uppercase;
                            color: var(--bg-primary);
                        }

                    .luvanshNewPage .heroSec-content .timer-container .timer .time-item .time-label {
                        font-weight: var(--fw-400);
                        font-size: 10px;
                        line-height: 100%;
                        letter-spacing: -2%;
                        text-align: center;
                        color: var(--bg-primary);
                        padding-top: 5px;
                    }

                .luvanshNewPage .heroSec-content .timer-container .timer .timerSeperator {
                    display: flex;
                    align-items: center;
                    flex-direction: column;
                    gap: 6px;
                    margin-top: -15px;
                }

                    .luvanshNewPage .heroSec-content .timer-container .timer .timerSeperator .dot {
                        width: 4px;
                        height: 4px;
                        background: rgba(243, 244, 245, 0.8);
                    }

    .luvanshNewPage .heroCta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 530px; /* by virali */
        gap: 13px;
    }

    .luvanshNewPage .heroCta {
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }

        .luvanshNewPage .heroCta button {
            width: 100%;
        }

        .luvanshNewPage .heroCta .firstCta,
        .luvanshNewPage .heroCta .secondCta {
            padding: 16px auto;
            width: 100%;
            font-weight: var(--fw-700);
            font-size: var(--fz-14);
            line-height: 100%;
            letter-spacing: 0%;
            text-align: center;
        }
}

/* ----------------------------- Second Section ---------------------- */

.luvanshNewPage .secondSection {
    background: radial-gradient(41.86% 166.38% at 27.42% 48.2%, var(--text-mega-title) 0%, var(--primary-color) 100%);
    padding: 42px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.luvanshNewPage .secondSectionBoxes {
    display: flex;
    align-items: center;
    gap: 17px;
}

    .luvanshNewPage .secondSectionBoxes .secondSectionBoxes-box {
        /* width: 222px;*/
        width: 253px; /* ----neha----*/
        height: 88px;
        background-color: rgba(245, 244, 239, 0.031372549);
        padding: 8px;
        border-radius: var(--br-4);
        display: flex;
        align-items: center;
        gap: 8px;
    }

        .luvanshNewPage .secondSectionBoxes .secondSectionBoxes-box img {
            width: 72px;
            height: 72px;
        }

        .luvanshNewPage .secondSectionBoxes .secondSectionBoxes-box p {
            font-weight: var(--fw-600);
            font-size: var(--fz-18); /*---neha----*/
            color: white;
            padding-right: 8px;
            line-height: 130%;
        }

@media screen and (max-width: 600px) {
    .luvanshNewPage .secondSection {
        padding: 20px;
    }

    .luvanshNewPage .secondSectionBoxes {
        gap: 20px;
    }

        .luvanshNewPage .secondSectionBoxes .secondSectionBoxes-box {
            width: 70px;
            height: auto;
            background-color: transparent;
            flex-direction: column;
            padding: 0;
        }

            .luvanshNewPage .secondSectionBoxes .secondSectionBoxes-box img {
                width: 42px;
                height: 42px;
                border: 1px solid rgba(204, 204, 204, 0.1490196078);
            }

            .luvanshNewPage .secondSectionBoxes .secondSectionBoxes-box p {
                font-weight: var(--fw-400);
                font-size: var(--fz-12);
                line-height: 140%;
                letter-spacing: 0%;
                text-align: center;
                padding-right: 0px;
            }
}

@media screen and (max-width: 1024px) {
    .luvanshNewPage .secondSectionBoxes {
        display: flex;
        align-items: start;
        gap: 17px;
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* ----------------------------- Deal Slider Swiper css ----------------------- */

.luvanshNewPage .dealSliderSection {
    background-color: var(--bg-secondary);
    padding-top: 61px;
    padding-bottom: 36px;
    position: relative;
    overflow: hidden;
}

    .luvanshNewPage .dealSliderSection .dealSliderContent {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

        .luvanshNewPage .dealSliderSection .dealSliderContent h3 {
            font-size: var(--fz-32);
            font-weight: var(--fw-700);
            text-align: center;
            text-transform: uppercase;
            color: var(--primary-color);
            line-height: 120%;
            letter-spacing: 4%;
            padding-bottom: 12px;
        }

            .luvanshNewPage .dealSliderSection .dealSliderContent h3 span {
                font-weight: 400;
            }

        .luvanshNewPage .dealSliderSection .dealSliderContent p {
            font-weight: var(--fw-400);
            text-align: center;
            padding-bottom: 20px;
            font-size: var(--fz-16);
            text-align: center;
            color: var(--primary-color);
            line-height: 120%;
            letter-spacing: 4%;
            width: 550px;
        }

@media (max-width: 1024px) {
    .luvanshNewPage .dealSliderSection .dealSliderContent {
        padding: 0px 20px;
    }

        .luvanshNewPage .dealSliderSection .dealSliderContent h3 {
            font-size: var(--fz-22);
            font-weight: var(--fw-700);
            text-align: center;
            text-transform: uppercase;
            color: var(--primary-color);
            line-height: 120%;
        }

            .luvanshNewPage .dealSliderSection .dealSliderContent h3 span {
                font-weight: 400;
            }

        .luvanshNewPage .dealSliderSection .dealSliderContent p {
            font-weight: var(--fw-400);
            text-align: center;
            padding-bottom: 20px;
            font-size: var(--fz-16);
            text-align: center;
            color: var(--primary-color);
            width: 100%;
        }
}

.luvanshNewPage .dealSliderSection .luvanshNewPage .swiper {
    width: 100%;
    height: 100%;
}

/* .luvanshNewPage .dealSwiper {
  position: relative;
  max-width: 1760px;
  margin: 0 auto;
} */

.luvanshNewPage .dealSliderSection .slider-arrows .dealPrev {
    position: absolute;
    left: 30px;
    top: 50%;
    z-index: 1;
    rotate: 180deg;
}

.luvanshNewPage .dealSliderSection .slider-arrows .dealNext {
    position: absolute;
    right: 30px;
    top: 50%;
    z-index: 1;
}

.dealPrev.swiper-button-disabled,
.dealNext.swiper-button-disabled {
    opacity: 0.3;
    pointer-events: none;
    cursor: default;
}

/* Default bullet */
.swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    background-color: var(--primary-color) !important;
    border-radius: 0px !important;
}

    /* First & Last — only when NOT active */
    .swiper-pagination-bullet:first-child:not(.swiper-pagination-bullet-active) {
        background: linear-gradient(50.2deg, rgba(246, 244, 241, 0) 1.03%, #7e7d7d 91.26%) !important;
    }

    .swiper-pagination-bullet:last-child:not(.swiper-pagination-bullet-active) {
        background: linear-gradient(250.2deg, rgba(246, 244, 241, 0) 1.03%, #7e7d7d 91.26%) !important;
    }

.luvanshNewPage .shopAllProductText {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-bottom: 1px solid var(--text-mega-title);
    padding-bottom: 6px;
    width: 172px; /* By neha */
    margin: 65px auto 0;
    transition: all 0.3s ease-in;
    cursor: pointer;
    font-weight: var(--fw-600);
    padding: 6px;
}

    .luvanshNewPage .shopAllProductText:hover {
        background: linear-gradient(180deg, rgba(0, 33, 41, 0) 0%, rgba(0, 115, 143, 0.1) 100%);
        transition: all 0.3s ease-in;
    }

    .luvanshNewPage .shopAllProductText span {
        font-size: var(--fz-16);
        color: var(--text-mega-title);
    }

        .luvanshNewPage .shopAllProductText span:first-child {
            font-size: var(--fz-24);
        }

.luvanshNewPage .dealSliderSection .swiper-pagination {
    bottom: 100px !important;
}

@media screen and (max-width: 600px) {
    .luvanshNewPage .dealSliderSection {
        padding-top: 42px;
        padding-bottom: 20px;
    }


        .luvanshNewPage .dealSliderSection .slider-arrows {
            display: none;
        }

    .luvanshNewPage .shopAllProductText {
        font-size: var(--fz-14);
    }

    .luvanshNewPage .dealSliderSection .swiper-pagination {
        bottom: 95px !important;
    }
}

@media screen and (min-width: 768px) {
    .luvanshNewPage .dealSwiper {
        position: relative;
        max-width: 650px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 820px) {
    .luvanshNewPage .dealSwiper {
        position: relative;
        max-width: 700px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 912px) {
    .luvanshNewPage .dealSwiper {
        position: relative;
        max-width: 790px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1024px) {
    .luvanshNewPage .dealSwiper {
        position: relative;
        max-width: 900px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1280px) {
    .luvanshNewPage .dealSwiper {
        position: relative;
        max-width: 1110px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1366px) {
    .luvanshNewPage .dealSwiper {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1440px) {
    .luvanshNewPage .dealSwiper {
        position: relative;
        max-width: 1280px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1536px) {
    .luvanshNewPage .dealSwiper {
        position: relative;
        max-width: 1375px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1600px) {
    .luvanshNewPage .dealSwiper {
        position: relative;
        max-width: 1435px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1680px) {
    .luvanshNewPage .dealSwiper {
        position: relative;
        max-width: 1515px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1728px) {
    .luvanshNewPage .dealSwiper {
        position: relative;
        max-width: 1565px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1792px) {
    .luvanshNewPage .dealSwiper {
        position: relative;
        max-width: 1625px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1920px) {
    .luvanshNewPage .dealSwiper {
        position: relative;
        max-width: 1760px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 2220px) {
    .luvanshNewPage .dealSwiper {
        position: relative;
        max-width: 2060px;
        margin: 0 auto;
    }
}

/* -------------------------- Shape Slider Styles ------------------------ */

.luvanshNewPage .shapeSlider {
    background-color: #fff;
    padding-top: 69px;
    padding-bottom: 32px;
    position: relative;
}

    .luvanshNewPage .shapeSlider .shapeSliderContent {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
        margin-bottom: 53px;
        padding: 0px 24px;
        overflow: hidden;
    }

    .luvanshNewPage .shapeSlider h3 {
        font-size: var(--fz-32);
        font-weight: var(--fw-400);
        text-align: center;
        text-transform: uppercase;
        color: var(--primary-color);
        line-height: 120%;
        margin-bottom: 20px;
        letter-spacing: 4%;
    }

    .luvanshNewPage .shapeSlider p {
        font-size: var(--fz-16);
        font-weight: var(--fw-400);
        text-align: center;
        color: var(--primary-color);
        width: 100%;
    }

/* Apply 744px only on screens above 1200px */
@media (min-width: 600px) {
    .luvanshNewPage .shapeSlider p {
        width: 590px;
    }
}

.luvanshNewPage .shapeSlider h3 span {
    font-weight: var(--fw-700);
}

.luvanshNewPage .shapeSlider .slider-arrows .shapePrev {
    position: absolute;
    left: 50px;
    top: 48%;
    rotate: 180deg;
    z-index: 1;
}

.luvanshNewPage .shapeSlider .slider-arrows .shapeNext {
    position: absolute;
    right: 50px;
    top: 48%;
    z-index: 1;
}

/* .shapePrev.swiper-button-disabled,
.shapeNext.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
} */

/* .luvanshNewPage .shapeSwiper {
  max-width: 1215px;
  margin: 0 auto;
  position: relative;
} */

.luvanshNewPage .shapeSlider-slide {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* Image wrapper to control scaling */
.imageWrapper {
    overflow: hidden;
    display: inline-block;
    width: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    /* Image transition */
    .imageWrapper img {
        width: 100px;
        height: 100px;
        transition: all 0.1s ease-in;
    }

/* Only image scale */
.shapeSlider-slide:hover .imageWrapper img {
    transform: scale(1.06);
}

/* Title stable */
.shapeSlider-content h4 {
    color: var(--primary-color);
    font-size: var(--fz-18);
    text-align: center;
    transition: all 0.3s ease;
    margin-top: 28px;
    line-height: 130%;
}

/* Optional: Only color change instead of font-weight */
.shapeSlider-slide:hover h4 {
    color: var(--primary-color);
    font-weight: var(--fw-700);
}

.shapeSlider-content p {
    color: #444444;
    font-size: var(--fz-12);
    text-align: center;
    margin-top: 10px;
}

.luvanshNewPage .shapeSlider .shapeSlider-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 63px;
    margin-bottom: 30px;
}

.luvanshNewPage .shopAllDiamondCta {
    display: flex;
    /* inline-flex hatao */
    width: fit-content;
    /* content ke according width */
    margin: 0 auto;
    /* center */
    align-items: center;
    justify-content: center;
    border-radius: var(--br-4);
    background-color: var(--text-mega-title);
    padding: 11px 24px;
    font-weight: var(--fw-500);
    color: var(--bg-secondary);
    border: none;
    transition: all 0.4s ease-in;
    text-decoration: none;
    cursor: pointer;
}

    .luvanshNewPage .shopAllDiamondCta:hover {
        background-color: #044a59;
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0509803922);
    }

@media screen and (max-width: 600px) {
    .shapeSlider-content img {
        width: 51px;
        height: 54px;
    }

    .luvanshNewPage .shapeSlider .shapeSliderContent {
        margin-bottom: 0px;
    }

    .shapeSlider-content h4 {
        font-size: var(--fz-16);
        font-weight: var(--fw-400);
    }

    .luvanshNewPage .shapeSlider-content img {
        width: 51px;
        height: 54px;
    }

    .luvanshNewPage .shapeSlider-content {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    /* Title stable */
    .shapeSlider-content h4 {
        margin-top: 12px;
    }

    .luvanshNewPage .shapeSlider .slider-arrows {
        display: none;
    }

    .luvanshNewPage .shapeSlider {
        padding-top: 35px;
        padding-bottom: 35px;
    }

        .luvanshNewPage .shapeSlider h3 {
            font-size: var(--fz-22);
            margin-bottom: 11px;
        }

        .luvanshNewPage .shapeSlider p {
            font-size: var(--fz-16);
            margin-bottom: 33px;
        }

        .luvanshNewPage .shapeSlider .shapeSlider-pagination {
            margin-top: 30px;
            margin-bottom: 30px;
        }

    .luvanshNewPage .shopAllDiamondCta {
        width: 90%;
    }
}

@media screen and (min-width: 768px) {
    .luvanshNewPage .shapeSwiper {
        position: relative;
        max-width: 650px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 820px) {
    .luvanshNewPage .shapeSwiper {
        position: relative;
        max-width: 700px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 912px) {
    .luvanshNewPage .shapeSwiper {
        position: relative;
        max-width: 790px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1024px) {
    .luvanshNewPage .shapeSwiper {
        position: relative;
        max-width: 900px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1280px) {
    .luvanshNewPage .shapeSwiper {
        position: relative;
        max-width: 1110px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1366px) {
    .luvanshNewPage .shapeSwiper {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1440px) {
    .luvanshNewPage .shapeSwiper {
        position: relative;
        max-width: 1280px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1536px) {
    .luvanshNewPage .shapeSwiper {
        position: relative;
        max-width: 1375px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1600px) {
    .luvanshNewPage .shapeSwiper {
        position: relative;
        max-width: 1435px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1680px) {
    .luvanshNewPage .shapeSwiper {
        position: relative;
        max-width: 1515px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1728px) {
    .luvanshNewPage .shapeSwiper {
        position: relative;
        max-width: 1565px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1792px) {
    .luvanshNewPage .shapeSwiper {
        position: relative;
        max-width: 1625px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1920px) {
    .luvanshNewPage .shapeSwiper {
        position: relative;
        max-width: 1760px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 2220px) {
    .luvanshNewPage .shapeSwiper {
        position: relative;
        max-width: 2060px;
        margin: 0 auto;
    }
}

/* ------------------------------- Design Section Styles -------------------------- */
.design-video {
    position: relative;
    width: 100%;
    height: 550px;
    overflow: hidden;
}

    .design-video picture img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .design-video video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .design-video::after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
    }

.design-video-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    color: #fff;
    padding: 20px;
}

    .design-video-overlay .title-vision {
        font-size: var(--fz-42);
        text-align: center;
        /* margin-bottom: 52px; */
        color: var(--bg-secondary);
        line-height: 100%;
        font-weight: var(--fw-400);
        width: 800px;
    }

    .design-video-overlay .uppercase-title {
        text-transform: uppercase;
    }

.design-video-cta-btn {
    display: inline-block;
    background: var(--bg-secondary);
    color: var(--text-color);
    text-decoration: none;
    border-radius: var(--br-4);
    font-weight: var(--fw-500);
    transition: all 0.3s ease;
    font-size: var(--fz-16);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0509803922);
    font-weight: var(--fw-700);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    width: 186px;
    margin: 0 auto;
    margin-top: 52px;
}

    .design-video-cta-btn:hover {
        background-color: #f3e9da;
    }

@media screen and (max-width: 1200px) {
    .design-video-overlay .title-vision {
        font-size: var(--fz-38);
    }
}

@media screen and (max-width: 1100px) {
    .design-video-overlay .title-vision {
        font-size: var(--fz-34);
    }

    .design-video video {
        object-fit: none;
    }
}

@media screen and (max-width: 1000px) {
    .design-video-overlay .title-vision {
        font-size: var(--fz-24);
    }

    .design-video video {
        object-fit: none;
    }
}

@media screen and (max-width: 600px) {
    .design-video {
        height: 327px;
    }

        .design-video video {
            object-fit: none;
        }

    .design-video-overlay {
        top: 27px;
        bottom: 25px;
        left: 12px;
        right: 12px;
        transform: none;
        padding: 0;
    }

        .design-video-overlay .title-vision {
            font-weight: var(--fw-400);
            font-size: var(--fz-24);
            line-height: 117%;
            letter-spacing: 0%;
            text-align: center;
            width: 100%;
        }

    .design-video-cta-btn {
        width: 100%;
        font-weight: var(--fw-700);
        font-style: Bold;
        font-size: var(--fz-16);
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: 24px;
    }
}

@media screen and (max-width: 370px) {
    .design-video-overlay h2 {
        font-size: var(--fz-22);
    }
}

/* --------------------------- Special Shape Slider Styles ---------------------------*/

/* .luvanshNewPage .specialShapeSwiper {
  max-width: 1215px;
  margin: 0 auto;
  position: relative;
} */

.luvanshNewPage .specialShapeSlider {
    background-color: #fff;
    padding-top: 69px;
    padding-bottom: 32px;
    position: relative;
}

    .luvanshNewPage .specialShapeSlider h3 {
        font-size: var(--fz-32);
        font-weight: var(--fw-700);
        text-align: center;
        text-transform: uppercase;
        color: var(--primary-color);
        line-height: 120%;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }

    .luvanshNewPage .specialShapeSlider p {
        font-size: var(--fz-16);
        font-weight: var(--fw-400);
        text-align: center;
        color: var(--primary-color);
        margin-bottom: 53px;
    }

    .luvanshNewPage .specialShapeSlider h3 span {
        font-weight: var(--fw-400);
    }

    .luvanshNewPage .specialShapeSlider .slider-arrows .shapePrev {
        position: absolute;
        left: 50px;
        top: 45%;
        rotate: 180deg;
        z-index: 1;
    }

    .luvanshNewPage .specialShapeSlider .slider-arrows .shapeNext {
        position: absolute;
        right: 50px;
        top: 45%;
        z-index: 1;
    }

/* .shapePrev.swiper-button-disabled,
.shapeNext.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
} */

/* .luvanshNewPage .specialShapeSlider-slide {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.luvanshNewPage .specialShapeSlider-slide:hover {
  transform: scale(1.04);
  transition: all 0.2s ease-in;
  font-weight: var(--fw-700);
}

.luvanshNewPage .specialShapeSlider-content img {
  width: 95px;
  height: 100px;
}
.luvanshNewPage .specialShapeSlider-content h4 {
  color: var(--primary-color);
  font-size: var(--fz-18);
  text-align: center;
  margin-top: 6px;
}
.specialShapeSlider-content:hover h4 {
  font-weight: var(--fw-700);
  transition: all 0.4s ease-in;
} */

.luvanshNewPage .specialShapeSlider-slide {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* Image wrapper to control scaling */
.imageWrapper {
    overflow: hidden;
    display: inline-block;
    width: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    /* Image transition */
    .imageWrapper img {
        width: 100px;
        height: 100px;
        transition: all 0.1s ease-in;
    }

/* Only image scale */
.specialShapeSlider-slide:hover .imageWrapper img {
    transform: scale(1.06);
}

/* Title stable */
.specialShapeSlider-content h4 {
    color: var(--primary-color);
    font-size: var(--fz-18);
    text-align: center;
    transition: all 0.3s ease;
    margin-top: 25px;
}

/* Optional: Only color change instead of font-weight */
.specialShapeSlider-slide:hover h4 {
    color: var(--primary-color);
    font-weight: var(--fw-700);
}

.specialShapeSlider-content p {
    color: #444444;
    font-size: var(--fz-12);
    text-align: center;
    margin-top: 10px;
}

.luvanshNewPage .specialShapeSlider .specialShapeSlider-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 63px;
    margin-bottom: 30px;
}

/* .luvanshNewPage .shopAllDiamondCta {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px auto;
  border-radius: var(--br-4);
  background-color: var(--text-mega-title);
  padding: 10px 24px;
  font-weight: var(--fw-500);
  color: var(--bg-secondary);
  border: none;
} */

@media screen and (max-width: 600px) {
    .luvanshNewPage .specialShapeSlider {
        padding-top: 35px;
    }

    .specialShapeSlider-content h4 {
        margin-top: 12px;
    }

    .luvanshNewPage .specialShapeSlider h3 {
        font-size: var(--fz-22);
        margin-bottom: 11px;
    }

    .luvanshNewPage .specialShapeSlider p {
        font-size: var(--fz-16);
        margin-bottom: 33px !important;
        width: 206px;
        text-align: center;
        margin: 0 auto;
    }

    .luvanshNewPage .specialShapeSlider-content img {
        width: 51px;
        height: 54px;
    }

    .luvanshNewPage .specialShapeSlider-content {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

        .luvanshNewPage .specialShapeSlider-content h4 {
            font-size: var(--fz-16);
        }

    .luvanshNewPage .specialShapeSlider .slider-arrows {
        display: none;
    }

    .luvanshNewPage .specialShapeSlider .specialShapeSlider-pagination {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 768px) {
    .luvanshNewPage .specialShapeSwiper {
        position: relative;
        max-width: 650px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 820px) {
    .luvanshNewPage .specialShapeSwiper {
        position: relative;
        max-width: 700px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 912px) {
    .luvanshNewPage .specialShapeSwiper {
        position: relative;
        max-width: 790px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1024px) {
    .luvanshNewPage .specialShapeSwiper {
        position: relative;
        max-width: 900px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1280px) {
    .luvanshNewPage .specialShapeSwiper {
        position: relative;
        max-width: 1110px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1366px) {
    .luvanshNewPage .specialShapeSwiper {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1440px) {
    .luvanshNewPage .specialShapeSwiper {
        position: relative;
        max-width: 1280px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1536px) {
    .luvanshNewPage .specialShapeSwiper {
        position: relative;
        max-width: 1375px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1600px) {
    .luvanshNewPage .specialShapeSwiper {
        position: relative;
        max-width: 1435px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1680px) {
    .luvanshNewPage .specialShapeSwiper {
        position: relative;
        max-width: 1515px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1728px) {
    .luvanshNewPage .specialShapeSwiper {
        position: relative;
        max-width: 1565px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1792px) {
    .luvanshNewPage .specialShapeSwiper {
        position: relative;
        max-width: 1625px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1920px) {
    .luvanshNewPage .specialShapeSwiper {
        position: relative;
        max-width: 1760px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 2220px) {
    .luvanshNewPage .specialShapeSwiper {
        position: relative;
        max-width: 2060px;
        margin: 0 auto;
    }
}

/* ------------------------ Gifting styles ------------------------- */

.luvanshNewPage .gifting-section {
    background-color: var(--text-mega-title);
    padding: 62px 120px 65px;
}

    .luvanshNewPage .gifting-section h3 {
        text-transform: uppercase;
        font-size: var(--fz-32);
        padding-bottom: 42px;
        font-weight: var(--fw-700);
        text-align: center;
        color: var(--bg-primary);
        letter-spacing: 2px;
    }

        .luvanshNewPage .gifting-section h3 span {
            font-weight: var(--fw-400);
        }

.luvanshNewPage .gifting-boxes {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.luvanshNewPage .gift-box {
    background-color: var(--bg-secondary);
    border-radius: var(--br-4);
    width: 285px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in;
    cursor: pointer;
}

    .luvanshNewPage .gift-box:hover {
        background-color: var(--primary-color);
        border: 1.5px solid var(--bg-secondary) 4d;
    }

        .luvanshNewPage .gift-box:hover p,
        .luvanshNewPage .gift-box:hover p span {
            color: white;
        }

    .luvanshNewPage .gift-box p {
        text-transform: uppercase;
        text-align: center;
        font-weight: var(--fw-400);
        font-size: var(--fz-20);
        color: var(--primary-color);
        transition: all 0.3s ease-in;
    }

        .luvanshNewPage .gift-box p span {
            font-weight: var(--fw-700);
            transition: all 0.3s ease-in;
        }

@media screen and (max-width: 600px) {
    .luvanshNewPage .gifting-section {
        padding: 42px 20px;
    }

    .luvanshNewPage .gift-box:hover {
        background-color: var(--bg-secondary);
        color: var(--primary-color);
        border: none;
    }

        .luvanshNewPage .gift-box:hover p,
        .luvanshNewPage .gift-box:hover p span {
            color: var(--primary-color);
        }

    .luvanshNewPage .gifting-section h3 {
        width: 245px;
        margin: auto;
        padding-bottom: 32px;
        font-weight: var(--fw-700);
        font-size: var(--fz-22);
        line-height: 120%;
        letter-spacing: 4%;
        text-align: center;
        text-transform: uppercase;
    }

    .luvanshNewPage .gifting-boxes {
        gap: 12px;
        flex-wrap: wrap;
    }

    .luvanshNewPage .gift-box {
        width: 48%;
    }
}

@media screen and (max-width: 1024px) {
    .luvanshNewPage .gifting-boxes {
        flex-wrap: wrap;
    }
}

/* ---------------------------- Loved Products Slider Styles ------------------------------ */

.luvanshNewPage .lovedProductsSliderSection {
    background-color: var(--bg-secondary);
    padding-top: 61px;
    position: relative;
}

    .luvanshNewPage .lovedProductsSliderSection h3 {
        font-size: var(--fz-32);
        font-weight: var(--fw-700);
        text-align: center;
        text-transform: uppercase;
        color: var(--primary-color);
        line-height: 120%;
        margin-bottom: 42px;
        letter-spacing: 1px;
    }

        .luvanshNewPage .lovedProductsSliderSection h3 span {
            font-weight: var(--fw-400);
        }

.luvanshNewPage .swiper {
    width: 100%;
    height: 100%;
}

/* .luvanshNewPage .lovedProductsSwiper {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
} */

.luvanshNewPage .lovedProductsSliderSection .slider-arrows .lovedProductsSliderPrev {
    position: absolute;
    left: 30px;
    top: 50%;
    z-index: 1;
    rotate: 180deg;
}

.luvanshNewPage .lovedProductsSliderSection .slider-arrows .lovedProductsSliderNext {
    position: absolute;
    right: 30px;
    top: 50%;
    z-index: 1;
}

/* .lovedProductsSliderPrev.swiper-button-disabled,
.lovedProductsSliderNext.swiper-button-disabled {
    opacity: 0.3;
    pointer-events: none;
    cursor: default;
} */

/* Loved dots: stay in normal flow (Swiper’s .swiper-pagination is absolute by default) */
.luvanshNewPage .lovedProductsSliderSection .swiper-pagination.lovedProductsSlider-pagination,
.luvanshNewPage .lovedProductsSlider-pagination {
    position: relative !important;
    inset: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    transform: none !important;
    margin-top: 72px;
    margin-bottom: 0;
    z-index: 1;
}

    .luvanshNewPage .lovedProductsSliderSection .swiper-pagination.lovedProductsSlider-pagination .swiper-pagination-bullet {
        position: relative;
        margin: 0 5px !important;
        flex-shrink: 0;
    }

.lovedProductsSlider-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    background-color: var(--primary-color) !important;
    border-radius: 0px !important;
}

.luvanshNewPage .lovedProductsSliderSection .shopAllProductText {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-bottom: 1px solid var(--text-mega-title);
    padding-bottom: 6px;
    width: 170px;
    margin: 12px auto 0;
}

.luvanshNewPage .shopAllProductText span {
    font-size: var(--fz-16);
    color: var(--text-mega-title);
}

    .luvanshNewPage .shopAllProductText span:first-child {
        font-size: var(--fz-24);
    }

@media screen and (max-width: 600px) {
    .luvanshNewPage .dealSliderSection .swiper-slide-content img {
        width: 100%;
        height: 234px;
    }

    .luvanshNewPage .lovedProductsSliderSection {
        padding-top: 42px;
        overflow: hidden;
    }

        .luvanshNewPage .lovedProductsSliderSection h3 {
            font-size: var(--fz-22) !important;
            max-width: 205px;
            margin: 0 auto;
            margin-bottom: 32px;
        }

        .luvanshNewPage .lovedProductsSliderSection .slider-arrows {
            display: none;
        }

        .luvanshNewPage .lovedProductsSliderSection .swiper-pagination.lovedProductsSlider-pagination,
        .luvanshNewPage .lovedProductsSlider-pagination {
            margin-top: 40px;
        }
}

@media screen and (min-width: 768px) {
    .luvanshNewPage .lovedProductsSwiper {
        position: relative;
        max-width: 650px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 820px) {
    .luvanshNewPage .lovedProductsSwiper {
        position: relative;
        max-width: 700px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 912px) {
    .luvanshNewPage .lovedProductsSwiper {
        position: relative;
        max-width: 790px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1024px) {
    .luvanshNewPage .lovedProductsSwiper {
        position: relative;
        max-width: 900px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1280px) {
    .luvanshNewPage .lovedProductsSwiper {
        position: relative;
        max-width: 1110px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1366px) {
    .luvanshNewPage .lovedProductsSwiper {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1440px) {
    .luvanshNewPage .lovedProductsSwiper {
        position: relative;
        max-width: 1280px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1536px) {
    .luvanshNewPage .lovedProductsSwiper {
        position: relative;
        max-width: 1375px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1600px) {
    .luvanshNewPage .lovedProductsSwiper {
        position: relative;
        max-width: 1435px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1680px) {
    .luvanshNewPage .lovedProductsSwiper {
        position: relative;
        max-width: 1515px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1728px) {
    .luvanshNewPage .lovedProductsSwiper {
        position: relative;
        max-width: 1565px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1792px) {
    .luvanshNewPage .lovedProductsSwiper {
        position: relative;
        max-width: 1625px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1920px) {
    .luvanshNewPage .lovedProductsSwiper {
        position: relative;
        max-width: 1760px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 2220px) {
    .luvanshNewPage .lovedProductsSwiper {
        position: relative;
        max-width: 2060px;
        margin: 0 auto;
    }
}


/* ------------------------------ Why Choose Section ---------------------------- */
.luvanshNewPage .whyChooseSection {
    background-image: url("/v2/images/homepage/whychooseus-desktop.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .luvanshNewPage .whyChooseSection {
        background-position: right;
        background-size: cover;
    }
}


.luvanshNewPage .whyChooseSection-content {
    padding-left: 80px;
    padding-top: 46px;
    padding-bottom: 45px;
    width: 60%;
    display: flex;
    flex-direction: column;
}

    .luvanshNewPage .whyChooseSection-content .whyChooseSection-title {
        text-transform: uppercase;
        font-weight: var(--fw-400);
        font-size: 48px;
        padding-bottom: 32px;
        color: var(--bg-primary);
        letter-spacing: 4%;
        line-height: 120%;
    }

    .luvanshNewPage .whyChooseSection-content .whyChooseSection-description {
        font-size: var(--fz-28);
        font-weight: var(--fw-500);
        color: var(--bg-primary);
        padding-bottom: 32px;
        line-height: 120%;
    }

    .luvanshNewPage .whyChooseSection-content .whyChooseCtaContainer {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
    }

        .luvanshNewPage .whyChooseSection-content .whyChooseCtaContainer .btn-container {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px;
            border-radius: var(--br-4);
            background: #F5F4EF08;
            border: 1px solid #FFFFFF05;
            box-shadow: 0px 4px 4px 0px #0000001A;
        }

            .luvanshNewPage .whyChooseSection-content .whyChooseCtaContainer .btn-container .btn-container-title {
                font-size: var(--fz-20);
                font-weight: var(--fw-600);
                color: var(--bg-primary);
                line-height: 100%;
            }


@media screen and (max-width: 1025px) {
    .luvanshNewPage .whyChooseSection {
        background-image: url("/v2/images/homepage/whychooseus-mobile.webp");
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        position: relative;
        min-height: 695px;
    }



    .luvanshNewPage .whyChooseSection-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 32px 16px 36px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

        .luvanshNewPage .whyChooseSection-content .whyChooseSection-title {
            text-transform: uppercase;
            font-weight: var(--fw-400);
            font-size: 26px;
            padding-bottom: 23px;
            color: var(--bg-primary);
            letter-spacing: 4%;
            line-height: 120%;
            text-align: center;
        }

        .luvanshNewPage .whyChooseSection-content .whyChooseSection-description {
            font-size: var(--fz-18);
            font-weight: var(--fw-400);
            color: #F6F4F1;
            line-height: 120%;
            padding-bottom: 23px;
            line-height: 120%;
            text-align: center;
            max-width: 800px;
        }

        .luvanshNewPage .whyChooseSection-content .whyChooseCtaContainer {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 14px;
        }

            .luvanshNewPage .whyChooseSection-content .whyChooseCtaContainer .btn-container {
                display: flex;
                align-items: center;
                flex-direction: column;
                gap: 10px;
                width: 75px;
                background: transparent;
                border: none;
                box-shadow: 0px;
                padding: 0px;
            }

                .luvanshNewPage .whyChooseSection-content .whyChooseCtaContainer .btn-container .btn-container-title {
                    font-size: var(--fz-12);
                    font-weight: var(--fw-400);
                    color: var(--bg-primary);
                    line-height: 100%;
                    text-align: center;
                    letter-spacing: 0%;
                    width: 100%;
                }
}

.mobile-text {
    display: none;
}

/* mobile */
@media (max-width:1100px) {
    .desktop-text {
        display: none;
    }

    .mobile-text {
        display: block;
    }
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
    .luvanshNewPage .whyChooseSection {
        height: 600px;
        background-position: center 20%;
    }
}

/* gaurenteee section */

.luvanshNewPage .guaranteeSection {
    background-image: url("/v2/images/homepage/gaurenteebg.webp?v=10");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
}


.luvanshNewPage .guaranteeSection-content {
    padding: 62px 0px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .luvanshNewPage .guaranteeSection-content .guaranteeSection-title {
        text-transform: uppercase;
        font-weight: var(--fw-400);
        font-size: 32px;
        padding-bottom: 32px;
        color: var(--primary-color);
        letter-spacing: 4%;
        line-height: 120%;
        text-align: center;
    }

        .luvanshNewPage .guaranteeSection-content .guaranteeSection-title span {
            font-weight: var(--fw-700);
        }

    .luvanshNewPage .guaranteeSection-content .guaranteeSection-description {
        font-size: var(--fz-20);
        font-weight: var(--fw-500);
        color: var(--text-mega-title);
        line-height: 120%;
        text-align: center;
        width: 664px;
    }

@media screen and (max-width: 800px) {
    .luvanshNewPage .guaranteeSection-content {
        padding: 62px 20px;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .luvanshNewPage .guaranteeSection-content .guaranteeSection-title {
            text-transform: uppercase;
            font-weight: var(--fw-400);
            font-size: 24px;
            padding-bottom: 32px;
            color: var(--primary-color);
            letter-spacing: 4%;
            line-height: 120%;
            text-align: center;
        }

            .luvanshNewPage .guaranteeSection-content .guaranteeSection-title span {
                font-weight: var(--fw-700);
            }

        .luvanshNewPage .guaranteeSection-content .guaranteeSection-description {
            font-size: var(--fz-18);
            font-weight: var(--fw-500);
            color: var(--text-mega-title);
            line-height: 120%;
            align-items: center;
            width: 100%;
            text-align: center;
        }
}


/* ------------------------------ NYC Section ---------------------------- */

.luvanshNewPage .nycParent {
    padding: 20px;
}

.luvanshNewPage .nycSection {
    background-image: url("../images/nycBg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 443px;
    position: relative;
    border: 3px solid rgba(204, 204, 204, 0.3019607843);
    border-radius: var(--br-8);
}

.luvanshNewPage .nycSection-content {
    padding-left: 100px;
    padding-top: 101px;
}

    .luvanshNewPage .nycSection-content h3 {
        text-transform: uppercase;
        font-weight: var(--fw-700);
        font-size: var(--fz-32);
        padding-bottom: 27px;
        color: var(--primary-color);
        letter-spacing: 2px;
        line-height: 120%;
    }

        .luvanshNewPage .nycSection-content h3 span {
            font-weight: var(--fw-400);
        }

    .luvanshNewPage .nycSection-content p {
        font-size: var(--fz-18);
        font-weight: var(--fw-400);
        color: var(--primary-color);
        padding-bottom: 27px;
        max-width: 310px;
        line-height: 28px;
    }

    .luvanshNewPage .nycSection-content a {
        border: none;
        border-radius: var(--br-4);
        padding: 10px 24px;
        color: var(--bg-primary);
        font-weight: var(--fw-500);
        font-size: var(--fz-16);
        background-color: var(--text-mega-title);
        transition: all 0.3s ease-in;
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2509803922);
    }

        .luvanshNewPage .nycSection-content a:hover {
            background-color: #044a59;
        }

@media screen and (max-width: 600px) {
    .luvanshNewPage .nycParent {
        padding: 10px;
    }

    .luvanshNewPage .nycSection {
        background-image: url("../images/nycBgMob.png");
        border-top: 1px solid rgba(204, 204, 204, 0.2);
        border: none;
        border-radius: var(--br-4);
        height: 515px;
        background-size: cover;
    }

    .luvanshNewPage .nycSection-content {
        padding: 12px;
        padding-top: 40px;
    }

        .luvanshNewPage .nycSection-content h3 {
            font-weight: var(--fw-700);
            font-size: var(--fz-22);
            line-height: 120%;
            letter-spacing: 4%;
            text-align: center;
            text-transform: uppercase;
            padding-bottom: 16px;
        }

        .luvanshNewPage .nycSection-content p {
            font-weight: var(--fw-400);
            font-size: var(--fz-14);
            line-height: 120%;
            letter-spacing: 0%;
            text-align: center;
            width: 223px;
            margin: auto;
            padding-bottom: 316px;
        }

        .luvanshNewPage .nycSection-content a {
            font-weight: var(--fw-700);
            font-size: var(--fz-16);
            line-height: 100%;
            letter-spacing: 0%;
            text-align: center;
            padding: 11.5px 24px;
            display: inline-block;
            width: 100%;
            background-color: var(--bg-primary);
            color: var(--text-color);
        }

            .luvanshNewPage .nycSection-content a:hover {
                background-color: #f3e9da;
            }
}

@media screen and (max-width: 400px) {
    .luvanshNewPage .nycSection {
        background-image: url("../images/nycBgMob.png");
        border-top: 1px solid rgba(204, 204, 204, 0.2);
        border: none;
        border-radius: var(--br-4);
        height: 515px;
        background-size: contain;
    }
}

@media screen and (max-width: 375px) {
    .luvanshNewPage .nycSection {
        background-size: cover;
    }
}

/* ----------------------------- Customer Slider Swiper css ----------------------- */

.luvanshNewPage .customerSliderSection {
    background-color: var(--bg-secondary);
    padding-top: 79px;
    padding-bottom: 25px; /* by neha */
    position: relative;
    overflow: hidden;
}

    .luvanshNewPage .customerSliderSection h3 {
        font-size: var(--fz-32);
        font-weight: var(--fw-400);
        text-align: center;
        text-transform: uppercase;
        color: var(--primary-color);
        line-height: 120%;
        margin-bottom: 42px;
        letter-spacing: 1px;
    }

        .luvanshNewPage .customerSliderSection h3 span {
            font-weight: var(--fw-700);
        }

.luvanshNewPage .swiper {
    width: 100%;
    height: 100%;
}

.luvanshNewPage .customerSwiper {
    padding: 0 80px;
    box-sizing: border-box;
    position: relative;
}

.luvanshNewPage .customerSlider-slide {
    background: #fff;
    padding: 20px;
    border-radius: var(--br-8);
    height: 191px;
}

.luvanshNewPage .customerSliderSection .slider-arrows .customerPrev {
    position: absolute;
    left: 30px;
    top: 55%;
    z-index: 1;
    rotate: 180deg;
}

.luvanshNewPage .customerSliderSection .slider-arrows .customerNext {
    position: absolute;
    right: 30px;
    top: 55%;
    z-index: 1;
}

.customerPrev.swiper-button-disabled,
.customerNext.swiper-button-disabled {
    opacity: 0.3;
    pointer-events: none;
    cursor: default;
}

.luvanshNewPage .customerSliderSection .customer-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 36px;
    padding-bottom: 24px;
}

.luvanshNewPage .customerSliderSection .customerSlider-content img {
    width: 100%;
    height: 162px;
}

.luvanshNewPage .customerSliderSection .customerSlider-contentImg {
    display: flex;
    align-items: center;
    gap: 4px;
    overflow: hidden;
    /* padding-top: 20px; */
}

.luvanshNewPage .customerSliderSection .customerSlider-content .cardTitle {
    color: var(--primary-color);
    font-weight: var(--fw-500);
    font-size: var(--fz-22);
    line-height: 140%;
    padding: 16px 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.luvanshNewPage .customerSliderSection .customerSlider-content .cardPara {
    font-size: var(--fz-16);
    font-weight: var(--fw-400);
    color: var(--primary-color);
    line-height: 160%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-top: 10px;
}

@media (max-width:600px) {
    .luvanshNewPage .customerSliderSection .customerSlider-content .cardTitle {
        font-size: var(--fz-14);
        line-height: 120%;
        padding: 10px 0 0;
    }

    .luvanshNewPage .customerSliderSection .customerSlider-content .cardPara {
        font-size: var(--fz-12);
        line-height: 160%;
        padding-top: 6px;
    }
}

.luvanshNewPage .customerSliderSection .customerSlider-content .date-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .luvanshNewPage .customerSliderSection .customerSlider-content .date-container .date {
        font-size: var(--fz-14) !important;
        font-weight: var(--fw-400);
        color: var(--text-light);
        line-height: 160%;
        padding-top: 6px;
    }

    .luvanshNewPage .customerSliderSection .customerSlider-content .date-container .orangeIcon {
        /* position: absolute;
    right: 20px;
  bottom: 20px; */
    }

        .luvanshNewPage .customerSliderSection .customerSlider-content .date-container .orangeIcon img {
            width: 52px;
            height: 52px;
            cursor: pointer;
        }

@media screen and (min-width: 1024px) {
    .luvanshNewPage .customerSliderSection .customerSlider-content .date-container .date {
        font-size: var(--fz-14);
        font-weight: var(--fw-400);
        color: var(--text-light);
        line-height: 160%;
        margin-top: -36px;
        padding-top: 0px;
    }

    .luvanshNewPage .customerSliderSection .customerSlider-content .date-container .orangeIcon {
        padding-top: 10px;
    }
}

@media screen and (max-width: 600px) {
    .luvanshNewPage .customerSwiper {
        margin: 0;
    }

    .luvanshNewPage .customerSliderSection .slider-arrows {
        display: none;
    }

    .luvanshNewPage .customerSliderSection {
        overflow: visible;
    }

    .luvanshNewPage .customerSwiperWrapper {
        margin-left: -25px;
    }

    .luvanshNewPage .customerSwiper {
        margin: 0;
        padding-left: 0px;
        padding-right: 0px;
    }

    .customerSwiper .swiper-slide {
        display: flex;
        justify-content: center;
    }

    .luvanshNewPage .customerSliderSection h3 {
        font-size: var(--fz-22);
        margin-bottom: 30px;
        line-height: 130%;
    }

    .luvanshNewPage .customerSliderSection {
        padding-top: 42px;
    }

        .luvanshNewPage .customerSliderSection .customerSlider-content img {
            height: 94px;
        }

    .luvanshNewPage .customerSlider-slide {
        padding: 16px;
        padding-top: 20px;
        height: 159px;
    }
}

.luvanshNewPage .customerSliderSection .customerSlider-content .date-container .date {
    font-size: 10px;
}

/* .luvanshNewPage .customerSliderSection .customerSlider-content .date-container .orangeIcon {
        right: 6px;
        bottom: 6px;
  } */

@media screen and (max-width: 380px) {
    .luvanshNewPage .customerSliderSection .customerSlider-content img {
        height: 85px;
    }
}

/* ------------------------------ Category Section Styles ---------------------------- */

.luvanshNewPage .category-section {
    display: flex;
    align-items: center;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff; /* by hiral */
}

    .luvanshNewPage .category-section .left {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }

    .luvanshNewPage .category-section .small-title {
        font-size: var(--fz-18);
        letter-spacing: 1px;
        margin-bottom: 20px;
        font-weight: var(--fw-400);
        color: black;
    }

    .luvanshNewPage .category-section .category-list {
        list-style: none;
    }

        .luvanshNewPage .category-section .category-list li {
            font-size: var(--fz-42);
            cursor: pointer;
            color: var(--primary-color);
            /* default color */
            transition: color 0.3s;
            text-transform: uppercase;
            letter-spacing: 1px;
            line-height: 57px;
        }

            .luvanshNewPage .category-section .category-list li a.category-link {
                color: inherit;
                text-decoration: none;
                display: inline-block;
                width: 100%;
            }

        /* jab ul hover ho aur koi li hover NA ho */
        .luvanshNewPage .category-section .category-list:hover li {
            color: rgba(0, 55, 67, 0.2);
        }

        /* jo li hover ho rahi hai wo default color me rahe */
        .luvanshNewPage .category-section .category-list li:hover {
            color: var(--primary-color);
        }

    .luvanshNewPage .category-section .view-all {
        display: inline-block;
        margin-top: 89px;
        color: #fefefe;
        font-size: var(--fz-16);
        font-weight: var(--fw-700);
        background-color: var(--text-mega-title);
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0509803922);
        border-radius: var(--br-4);
        text-decoration: none;
        transition: all 0.3s ease-in;
        height: 42px;
        width: 174px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .luvanshNewPage .category-section .view-all:hover {
            background-color: #044a59;
        }

    .luvanshNewPage .category-section .right {
        width: 50%;
        position: relative;
    }

        .luvanshNewPage .category-section .right img {
            width: 100%;
            height: auto;
            display: block;
        }

.luvanshNewPage #categoryImage {
    transition: opacity 1.2s ease;
    opacity: 1;
}

    .luvanshNewPage #categoryImage.fade-out {
        transition: opacity 1s ease;
        opacity: 0;
    }

.luvanshNewPage .mob-category-section {
    display: none;
}

@media screen and (max-width: 1200px) {
    .luvanshNewPage .category-section .category-list li {
        font-size: var(--fz-28);
    }

    .luvanshNewPage .category-section .view-all {
        margin-top: 20px;
    }
}

@media screen and (max-width: 600px) {
    .luvanshNewPage .category-section {
        display: none;
    }

    .luvanshNewPage .mob-category-section {
        padding: 38px 0px 25px 0px; /*---neha----*/
        background: #f5f5f5;
        text-align: center;
        overflow: hidden;
        display: block;
    }

        .luvanshNewPage .mob-category-section .category-subtitle {
            font-size: var(--fz-16);
            letter-spacing: 2px;
            margin-bottom: 25px;
            font-weight: var(--fw-500);
            text-transform: uppercase;
            color: #000000;
        }

        /* ===== TITLE SWIPER ===== */

        .luvanshNewPage .mob-category-section .category-title-swiper {
            margin-bottom: 25px;
        }

            .luvanshNewPage .mob-category-section .category-title-swiper .swiper-slide {
                width: auto !important;
                opacity: 0.4;
                transition: 0.3s;
                margin-right: 0 !important;
                /* reset */
            }

                .luvanshNewPage .mob-category-section .category-title-swiper .swiper-slide:last-child {
                    padding-left: 30px;
                }

            .luvanshNewPage .mob-category-section .category-title-swiper .swiper-slide-active {
                opacity: 1;
            }

        .luvanshNewPage .mob-category-section .category-main-title {
            font-size: var(--fz-20);
            font-weight: var(--fw-400);
            color: var(--primary-color);
            transition: 0.3s ease;
            margin-top: 2px;
            letter-spacing: 1px;
        }

        .luvanshNewPage .mob-category-section .category-main-title {
            font-size: var(--fz-32);
            /* keep same for all */
            font-weight: var(--fw-400);
            color: var(--primary-color);
            margin-top: 0;
            transform: scale(0.5);
            transition: transform 0.4s ease, opacity 0.4s ease;
        }

        .luvanshNewPage .mob-category-section .category-title-swiper .swiper-slide-active .category-main-title {
            transform: scale(0.9);
            /* padding-right: 20px;
    padding-left: 10px; */
        }

    /* ===== IMAGE SWIPER ===== */

    .category-swiper {
        padding-bottom: 30px;
    }

        .category-swiper .category-slide-inner {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .category-swiper .swiper-slide {
            transform: scale(0.8);
            opacity: 0.6;
            transition: 0.4s ease;
        }

        .category-swiper .swiper-slide-active {
            transform: scale(1);
            opacity: 1;
        }

            .category-swiper .swiper-slide-active img {
                min-height: 385px;
                margin-top: 0px;
            }

        .category-swiper img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            display: block;
            margin-top: 50px;
        }

        /* One Shop Now per slide: only the active slide shows its CTA */
        .category-swiper .swiper-slide:not(.swiper-slide-active) .category-btn {
            visibility: hidden;
            opacity: 0;
            pointer-events: none;
            height: 0;
            min-height: 0;
            margin: 0;
            padding: 0;
            overflow: hidden;
            border: none;
        }

        .category-swiper .swiper-slide-active .category-btn {
            visibility: visible;
            opacity: 1;
            pointer-events: auto;
        }

    /* Button */
    .category-btn {
        margin: 25px auto;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #002f2f;
        color: #fefefe;
        border: none;
        border-radius: var(--br-4);
        font-size: var(--fz-16);
        cursor: pointer;
        height: 42px;
        width: 126px;
        font-weight: var(--fw-700);
        text-decoration: none;
        box-sizing: border-box;
    }

        .category-btn:hover {
            background-color: #044a59;
            box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0509803922);
        }

    .swiper-pagination-bullet-active {
        background: #002f2f;
    }

    .category-view-all {
        display: inline-block;
        margin-top: 21px; /* -----neha-----*/
        font-size: var(--fz-16);
        text-decoration: none;
        color: var(--text-mega-title);
        border-bottom: 1px solid var(--text-mega-title);
        font-weight: var(--fw-700);
        padding: 6px 10px;
    }

        .category-view-all:hover {
            background: linear-gradient(180deg, rgba(0, 33, 41, 0) 0%, rgba(0, 115, 143, 0.1) 100%);
            transition: all 0.3s ease-in;
        }
}

/* ----------------------------- Look Slider --------------------------- */
.luvanshNewPage .lookSlider {
    background-color: var(--bg-secondary);
    position: relative;
    overflow: hidden;
}

    .luvanshNewPage .lookSlider h3 {
        color: var(--primary-color);
        font-size: var(--fz-32);
        font-weight: var(--fw-700);
        text-transform: uppercase;
        padding-top: 64px;
        padding-bottom: 52px;
        text-align: center;
        letter-spacing: 1px;
    }

        .luvanshNewPage .lookSlider h3 span {
            font-weight: var(--fw-400);
        }

.luvanshNewPage .lookSwiper {
    margin-left: 20px;
    margin-bottom: 42px;
}

.luvanshNewPage .image-wrapper {
    position: relative;
    overflow: hidden;
}

.luvanshNewPage .main-img {
    width: 100%;
    display: block;
    height: 560px;
}

/* Dark Overlay */
.luvanshNewPage .image-overlay {
    position: absolute;
    inset: 0;
    /* background: rgba(0, 0, 0, 0.4); */
    transition: opacity 0.4s ease;
    z-index: 1;
}

/* Highlight Area (350x230) */
/* Highlight Area */
.luvanshNewPage .highlight-area {
    position: absolute;
    width: 300px;
    /* final size */
    height: 200px;
    /* final size */
    background: transparent;
    z-index: 2;
    pointer-events: none;
    transform: translateX(-20%) scale(0);
    opacity: 0;
    /* transform: scale(0); */
    /* start from 0 */
    transform-origin: center;
    /* grow from center */

    transition: transform 0.65s ease, opacity 0.35s ease;
}

    /* ACTIVE STATE */
    .luvanshNewPage .highlight-area.active {
        opacity: 1;
        /* transform: scale(1); */
        transform: translateX(14%) scale(1);
        /* animate to full size */
        box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.5);
    }

.luvanshNewPage .highlight-area-innerDiv {
    height: 100%;
    width: 100%;
    position: relative;
}

    .luvanshNewPage .highlight-area-innerDiv .highlight-area-title {
        font-family: Manrope;
        font-weight: var(--fw-500);
        font-style: Medium;
        font-size: var(--fz-18);
        line-height: 120%;
        letter-spacing: 0px;
        color: white;
        position: absolute;
        left: 0;
        top: -26px;
    }

    .luvanshNewPage .highlight-area-innerDiv .highlight-area-price {
        font-family: Manrope;
        font-weight: var(--fw-500);
        font-style: Medium;
        font-size: var(--fz-18);
        line-height: 120%;
        letter-spacing: 0px;
        color: white;
        position: absolute;
        right: 0;
        bottom: -26px;
    }

.luvanshNewPage .highlight-area-title,
.luvanshNewPage .highlight-area-price {
    opacity: 0;
    /* transform: translateY(8px); */
    transition: opacity 0.35s ease;
    /* transform 0.35s ease; */

    transition-delay: 0s;
}

.luvanshNewPage .highlight-area.active .highlight-area-title,
.luvanshNewPage .highlight-area.active .highlight-area-price {
    opacity: 1;
    /* transform: translateY(0); */

    transition-delay: 0.65s;
}

/* Plus */
.luvanshNewPage .hotspot {
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(17.1000003815px);
    font-size: var(--fz-24);
    cursor: pointer;
    z-index: 3;
    transition: 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--fw-400);
    color: #000000 !important;
}

    .luvanshNewPage .hotspot.hide {
        opacity: 0;
        transform: scale(0.7);
        pointer-events: none;
    }

.luvanshNewPage .lookSlider .slider-arrows .lookPrev {
    position: absolute;
    left: 30px;
    top: 55%;
    z-index: 1;
    rotate: 180deg;
}

.luvanshNewPage .lookSlider .slider-arrows .lookNext {
    position: absolute;
    right: 30px;
    top: 55%;
    z-index: 1;
}

.lookPrev.swiper-button-disabled,
.lookNext.swiper-button-disabled {
    opacity: 0.3;
    pointer-events: none;
    cursor: default;
}

.luvanshNewPage .lookSlider .look-pagination {
    display: none;
}

@media screen and (max-width: 600px) {
    .luvanshNewPage .main-img {
        height: 560px;
        object-fit: fill;
    }

    .luvanshNewPage .lookSwiper {
        margin-left: -12px !important;
    }

    .luvanshNewPage .lookSlider .slider-arrows {
        display: none;
    }

    .luvanshNewPage .lookSlider h3 {
        font-size: var(--fz-22);
        padding-top: 42px;
        padding-bottom: 32px;
    }

    .shopLookSliderContent {
        padding-top: 20px !important;
    }

    .shopLookSliderHeader {
        padding-right: 20px !important;
    }

    .lookDrawer .offcanvas-header button img {
        margin-top: -13px !important;
        margin-right: 20px !important;
    }

    .luvanshNewPage .lookSlider .look-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 32px;
    }
}

/* ---------------------------- Footer --------------------------- */
.luvanshNewPage .footer-desktop {
    display: block;
}

.luvanshNewPage .footer-mobile {
    display: none;
}

.luvanshNewPage .footer {
    background: var(--bg-secondary);
    color: #0e2c2c;
}

/* ========== TOP SECTION ========== */

.luvanshNewPage .footer-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid #cfd6d3;
    border-top: 1px solid #cfd6d3;
}

/* LEFT */

.luvanshNewPage .footer .footer-left {
    padding: 68px 115px 24px 80px;
    border-right: 1px solid #cfd6d3;
}

.luvanshNewPage .footer .logo {
    width: 150px;
    height: 30px;
    margin-bottom: 117px;
}

.luvanshNewPage .footer .footer-left h2 {
    font-size: var(--fz-32);
    font-weight: var(--fw-500);
    line-height: 140%;
    margin-bottom: 32px;
    color: var(--text-mega-title);
}

.luvanshNewPage .footer .invite {
    font-size: var(--fz-16);
    color: var(--text-light);
    margin-bottom: 12px;
    font-weight: var(--fw-400);
}

.luvanshNewPage .footer .newsletter {
    display: flex;
    gap: 10px;
    margin-bottom: 189px;
}

    .luvanshNewPage .footer .newsletter input {
        flex: 1;
        padding: 14px;
        border: 1px solid rgba(0, 33, 41, 0.3019607843);
        background: #fff;
        border-radius: var(--br-4);
        max-height: 42px;
        font-size: var(--fz-16);
    }

        .luvanshNewPage .footer .newsletter input:focus-visible {
            outline: none;
        }

        .luvanshNewPage .footer .newsletter input::placeholder {
            font-size: var(--fz-16);
            color: rgba(0, 33, 41, 0.5019607843);
        }

    .luvanshNewPage .footer .newsletter a {
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        background: var(--text-mega-title);
        color: #fefefe;
        cursor: pointer;
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0509803922);
        font-weight: var(--fw-700);
        font-size: var(--fz-16);
        border-radius: var(--br-4);
        max-height: 42px;
        width: 108px;
        transition: all 0.3s ease-in-out;
    }

        .luvanshNewPage .footer .newsletter a:hover {
            background: #044a59;
            box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2509803922);
        }

.luvanshNewPage .footer .socials {
    display: flex;
    gap: 32px;
}

    .luvanshNewPage .footer .socials img {
        width: 24px;
        height: 24px;
        cursor: pointer;
    }

/* RIGHT */

/* .luvanshNewPage .footer .footer-right {
  display: flex;
  flex-direction: column;
} */

.luvanshNewPage .footer .links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid #cfd6d3;
}

    .luvanshNewPage .footer .links ul {
        list-style: none;
        padding: 58px 120px 60px 102px;
    }

        .luvanshNewPage .footer .links ul:first-child {
            border-right: 1px solid rgba(27, 104, 104, 0.3019607843);
            padding: 58px 98px 60px 120px;
        }

    .luvanshNewPage .footer .links li {
        margin-bottom: 12px;
        font-size: var(--fz-14);
        letter-spacing: 2%;
        line-height: 120%;
        cursor: pointer;
        text-transform: uppercase;
        color: var(--text-color);
        width: max-content;
    }

/* IMAGE SECTION */

.luvanshNewPage .footer .footer-image {
    position: relative;
    /* min-height: 334px;
  max-height: 334px; */
}

    .luvanshNewPage .footer .footer-image img {
        width: 100%;
        height: 100%;
        overflow: hidden;
        padding: 16px;
        /* object-fit: cover; */
        height: 400px;
    }

.luvanshNewPage .footer .image-text {
    position: absolute;
    bottom: 10px;
    left: 30px;
    font-size: 120px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: var(--fw-500);
}

/* ========== BOTTOM BAR ========== */

.luvanshNewPage .footer .footer-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 20px 60px;
    font-size: var(--fz-13);
    align-items: center;
}

.luvanshNewPage .footer .left-bottom {
    color: #66625e;
    font-size: var(--fz-14);
    text-transform: uppercase;
}

    .luvanshNewPage .footer .left-bottom a {
        color: #66625e;
        font-size: var(--fz-14);
        text-decoration: none;
    }

.luvanshNewPage .footer .center-bottom {
    text-align: center;
    font-size: var(--fz-14);
}

.luvanshNewPage .footer .right-bottom {
    text-align: right;
    color: #66625e;
    font-size: 10px;
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: end;
}

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

@media screen and (max-width: 1300px) {
    /* .luvanshNewPage .footer .footer-image img {
    width: 100%;
    height: 400px;
  } */

    .luvanshNewPage .footer .links ul {
        padding: 58px 50px 60px 50px;
    }
}

@media screen and (max-width: 1100px) {
    .luvanshNewPage .footer-desktop {
        display: none;
    }

    .luvanshNewPage .footer-mobile {
        display: block;
        border-top: 1px solid #ccc;
    }

    /* =========================
   MOBILE FOOTER STYLES
========================= */

    .footer-mobile {
        background: #f3f3f3;
        padding: 40px 0px 0px;
    }

    /* ---------------- TOP SECTION ---------------- */

    .mobile-top {
        padding: 0 20px;
    }

        .mobile-top h2 {
            font-size: var(--fz-20);
            /* line-height: 130%; */
            margin: 20px 0;
            font-weight: var(--fw-400);
            color: var(--text-mega-title);
            width: 306px;
        }

        .mobile-top p {
            font-size: var(--fz-14);
            color: #666;
        }

    .mobile-newsletter {
        display: flex;
        gap: 10px;
        margin-top: 8px;
        margin-bottom: 18px;
        width: 100%;
    }

        .mobile-newsletter input {
            padding: 14px;
            border: 1px solid #c8d1d1;
            border-radius: var(--br-4);
            width: 70%;
            max-height: 42px;
            font-size: var(--fz-12);
        }

            .mobile-newsletter input::placeholder {
                font-size: var(--fz-12);
            }

        .mobile-newsletter a {
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--text-mega-title);
            color: #fefefe;
            border: none;
            border-radius: var(--br-4);
            width: 30%;
            max-height: 42px;
            font-weight: var(--fw-700);
        }

    /* ---------------- LINKS SECTION ---------------- */

    .mobile-links {
        display: flex;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        position: relative;
    }

        /* Perfect center divider */
        .mobile-links::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            width: 1px;
            background-color: var(--border-mega);
        }

        .mobile-links > div {
            width: 50%;
            padding: 46px 20px 48px;
        }

        .mobile-links p {
            margin-bottom: 14px;
            font-size: var(--fz-14);
        }

    /* ---------------- SOCIAL + LANGUAGE ---------------- */

    .mobile-social-lang {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #ddd;
        position: relative;
    }

        /* Divider */
        .mobile-social-lang::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            width: 1px;
            background-color: var(--border-mega);
        }

    .mobile-socials,
    .mobile-lang {
        width: 50%;
        padding: 20px;
    }

    .mobile-socials {
        display: flex;
        align-items: center;
        gap: 23px;
        justify-content: center;
    }

    .mobile-lang {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
    }

        .mobile-lang p {
            margin: 0;
        }

    /* ---------------- BOTTOM SECTION ---------------- */

    .mobile-bottom {
        display: flex;
        align-items: center;
        position: relative;
        font-size: 10px;
        color: #777;
    }

        /* Divider */
        .mobile-bottom::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            width: 1px;
            background-color: var(--border-mega);
        }

        .mobile-bottom > div,
        .mobile-bottom > p {
            width: 50%;
            padding: 15px 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .mobile-bottom p {
            margin-bottom: 10px;
        }

    .craftedText {
        padding-right: 20px;
    }
}

@media screen and (max-width: 1100px) and (max-width: 600px) {
    .craftedText img {
        margin-top: -3px;
    }

    .mobile-lang img {
        margin-right: 10px;
    }

    .mobile-lang {
        padding-left: 30px;
        padding-right: 54px;
    }

    .mobile-top p {
        font-size: var(--fz-12);
        color: #666;
        font-weight: var(--fw-400);
    }

    .mobile-bottom > div,
    .mobile-bottom > p {
        width: 50%;
        padding: 15px 20px;
        display: block;
        /* align-items: center;
    justify-content: center; */
    }
}

@media screen and (max-width: 1100px) and (max-width: 390px) {
    .craftedText img {
        margin-top: -3px;
    }

    .mobile-lang img {
        margin-right: 10px;
    }

    .mobile-lang {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1100px) {
    /* ---------------- FOOTER IMAGE ---------------- */

    .mobFooter img {
        width: 100%;
        height: auto;
        display: block;
    }
}

/* ---------------------------- Cart Band --------------------------- */

.luvanshNewPage .spaceDiv {
    min-height: 100px;
}

.luvanshNewPage .cartBand-container-Desktop {
    display: block;
}

.luvanshNewPage .cartBand-container-Mobile {
    display: none;
}

.luvanshNewPage .cartBand-container-Desktop {
    width: 100%;
    background: white;
    position: fixed;
    bottom: 0;
    padding: 0px 100px;
    z-index: 9999;
    display: flex;
    box-shadow: 0px -4px 20px 0px rgba(0, 0, 0, 0.1019607843);
    align-items: center;
    justify-content: center;
}

    .luvanshNewPage .cartBand-container-Desktop .cartImage {
        width: 100px;
        height: 100px;
    }

    .luvanshNewPage .cartBand-container-Desktop .cartDetail {
        padding-left: 20px;
        width: 300px;
    }

    .luvanshNewPage .cartBand-container-Desktop .cartTitle {
        font-weight: var(--fw-500);
        font-size: var(--fz-20);
        color: var(--primary-color);
        letter-spacing: 2%;
        line-height: 130%;
    }

    .luvanshNewPage .cartBand-container-Desktop .cartDate {
        font-weight: var(--fw-400);
        padding-top: 11px;
        font-size: var(--fz-14);
        color: var(--text-light);
        letter-spacing: 2%;
        line-height: 130%;
    }

        .luvanshNewPage .cartBand-container-Desktop .cartDate span {
            font-weight: var(--fw-700);
        }

    .luvanshNewPage .cartBand-container-Desktop .cartPrice {
        padding-left: 96px;
        padding-right: 30px;
        font-size: var(--fz-32);
        color: var(--primary-color);
        font-weight: var(--fw-500);
        letter-spacing: -5%;
    }

        .luvanshNewPage .cartBand-container-Desktop .cartPrice del {
            color: #999999;
            font-size: var(--fz-18);
            margin-right: 8px;
        }

    .luvanshNewPage .cartBand-container-Desktop .buyButtonContainer {
        display: flex;
        gap: 10px;
    }

    .luvanshNewPage .cartBand-container-Desktop .quntityBtn {
        background: #f3f4f5;
        border: 1px solid rgba(204, 204, 204, 0.2);
        border-radius: var(--br-4);
        padding: 4px;
        display: flex;
        gap: 10px;
        align-items: center;
        color: #000000;
    }

    .luvanshNewPage .cartBand-container-Desktop .actionBtn {
        height: 34px;
        width: 34px;
        background-color: white;
        border-radius: var(--br-4);
        border: 1px solid rgba(204, 204, 204, 0.2);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }


        .luvanshNewPage .cartBand-container-Desktop .actionBtn.disabled {
            opacity: 0.4;
            cursor: not-allowed;
            pointer-events: none;
        }

    .luvanshNewPage .cartBand-container-Desktop .quntityText {
        font-weight: var(--fw-500);
        font-style: Medium;
        font-size: var(--fz-16);
        line-height: 28px;
        letter-spacing: 0px;
        width: 40px;
        text-align: center;
        border: none;
        background: transparent;
        outline: none;
    }

    .luvanshNewPage .cartBand-container-Desktop .quntityBtn input.quntityText::-webkit-outer-spin-button,
    .luvanshNewPage .cartBand-container-Desktop .quntityBtn input.quntityText::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .luvanshNewPage .cartBand-container-Desktop .buyBtndiv {
        width: 100%;
        display: flex;
        gap: 10px;
    }

    .luvanshNewPage .cartBand-container-Desktop .addButton {
        width: 100%;
        border: 1px solid var(--text-mega-title);
        padding: 10px 0px;
        background-color: white;
        min-width: 190px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--br-4);
        color: var(--text-mega-title);
        font-weight: var(--fw-500);
        font-size: var(--fz-16);
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
    }

        .luvanshNewPage .cartBand-container-Desktop .addButton:hover {
            background-color: #f3f4f5;
        }

    .luvanshNewPage .cartBand-container-Desktop .buyButton {
        width: 100%;
        border: 1px solid var(--text-mega-title);
        padding: 10px 0px;
        min-width: 190px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--text-mega-title);
        border-radius: var(--br-4);
        font-weight: var(--fw-500);
        font-size: var(--fz-16);
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: white;
    }

        .luvanshNewPage .cartBand-container-Desktop .buyButton:hover {
            background-color: #044a59;
            box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0509803922);
        }

@media screen and (max-width: 1400px) {
    .luvanshNewPage .cartBand-container-Desktop .cartTitle {
        font-size: var(--fz-16);
    }

    .luvanshNewPage .cartBand-container-Desktop .cartDate {
        font-size: var(--fz-12);
    }

    .luvanshNewPage .cartBand-container-Desktop .cartPrice {
        padding-left: 45px;
        padding-right: 30px;
        font-size: var(--fz-24);
        color: var(--primary-color);
        font-weight: var(--fw-500);
    }
}

@media screen and (max-width: 1024px) {
    .luvanshNewPage .cartBand-container-Desktop {
        padding: 10px 24px;
    }
}

@media screen and (max-width: 1024px) {
    .luvanshNewPage .cartBand-container-Desktop {
        display: none;
    }

    .luvanshNewPage .cartBand-container-Mobile {
        display: block;
    }

    /* =========================
   MOBILE CART BAND STYLES
========================= */

    .luvanshNewPage .spaceDiv {
        min-height: 106px;
    }

    .luvanshNewPage .cartBand-container-Mobile {
        width: 100%;
        background: white;
        position: fixed;
        bottom: 0;
        padding: 8px 20px;
        z-index: 9998;
        box-shadow: 0px -4px 20px 0px rgba(0, 0, 0, 0.1019607843);
    }

        .luvanshNewPage .cartBand-container-Mobile .selectionDiv {
            display: flex;
            align-items: center;
            justify-content: space-between;
            /* gap: 11px; */
        }

            .luvanshNewPage .cartBand-container-Mobile .selectionDiv .cartTitle {
                font-weight: var(--fw-500);
                font-size: var(--fz-12);
                color: var(--primary-color);
                letter-spacing: 2%;
                line-height: 130%;
                max-width: 219px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .luvanshNewPage .cartBand-container-Mobile .selectionDiv .cartDate {
                font-weight: var(--fw-400);
                padding-top: 5px;
                font-size: var(--fz-12);
                color: var(--text-light);
                letter-spacing: 2%;
                line-height: 130%;
            }

                .luvanshNewPage .cartBand-container-Mobile .selectionDiv .cartDate span {
                    font-weight: var(--fw-700);
                }

            .luvanshNewPage .cartBand-container-Mobile .selectionDiv .quntityBtn {
                background: #f3f4f5;
                border: 1px solid rgba(204, 204, 204, 0.2);
                border-radius: var(--br-4);
                padding: 4px;
                display: flex;
                gap: 10px;
                align-items: center;
            }

            .luvanshNewPage .cartBand-container-Mobile .selectionDiv .actionBtn {
                height: 28px;
                width: 28px;
                background-color: white;
                border-radius: var(--br-4);
                border: 1px solid rgba(204, 204, 204, 0.2);
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
            }

            .luvanshNewPage .cartBand-container-Mobile .selectionDiv .quntityText {
                font-weight: var(--fw-500);
                font-style: Medium;
                font-size: var(--fz-16);
                line-height: 28px;
                letter-spacing: 0px;
            }

        .luvanshNewPage .cartBand-container-Mobile .priceDiv {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-top: 16px;
        }

            .luvanshNewPage .cartBand-container-Mobile .priceDiv .cartPrice {
                font-size: var(--fz-24);
                color: var(--primary-color);
                font-weight: var(--fw-500);
                letter-spacing: -5%;
            }

            .luvanshNewPage .cartBand-container-Mobile .priceDiv .buyBtndiv {
                width: 100%;
                display: flex;
                gap: 10px;
            }

            .luvanshNewPage .cartBand-container-Mobile .priceDiv .addButton {
                width: 100%;
                border: 1px solid var(--text-mega-title);
                /* padding: 10px 24px; */
                min-width: 123px;
                background-color: white;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: var(--br-4);
                color: var(--text-mega-title);
                font-weight: var(--fw-500);
                font-size: var(--fz-14);
                line-height: 100%;
                letter-spacing: 0%;
                text-align: center;
            }

                .luvanshNewPage .cartBand-container-Mobile .priceDiv .addButton:hover {
                    background-color: #f3f4f5;
                }

            .luvanshNewPage .cartBand-container-Mobile .priceDiv .buyButton {
                width: 100%;
                border: 1px solid var(--text-mega-title);
                padding: 10px 23px;
                min-width: 123px;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: var(--text-mega-title);
                border-radius: var(--br-4);
                font-weight: var(--fw-500);
                font-size: var(--fz-14);
                line-height: 100%;
                letter-spacing: 0%;
                text-align: center;
                color: white;
            }

                .luvanshNewPage .cartBand-container-Mobile .priceDiv .buyButton:hover {
                    /* background-color: #f3f4f5; */
                    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0509803922);
                }
}

@media screen and (max-width: 600px) {
    .luvanshNewPage .cartBand-container-Mobile .priceDiv .buyBtndiv {
        width: 100%;
        display: flex;
        gap: 4px;
    }

    .luvanshNewPage .cartBand-container-Mobile .priceDiv .addButton {
        width: 100%;
        border: 1px solid var(--text-mega-title);
        /* padding: 10px 24px; */
        min-width: 115px;
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--br-4);
        color: var(--text-mega-title);
        font-weight: var(--fw-500);
        font-size: var(--fz-14);
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
    }

        .luvanshNewPage .cartBand-container-Mobile .priceDiv .addButton:hover {
            background-color: #f3f4f5;
        }

    .luvanshNewPage .cartBand-container-Mobile .priceDiv .buyButton {
        width: 100%;
        border: 1px solid var(--text-mega-title);
        padding: 10px 23px;
        min-width: 115px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--text-mega-title);
        border-radius: var(--br-4);
        font-weight: var(--fw-500);
        font-size: var(--fz-14);
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: white;
    }
}

@media screen and (max-width: 380px) {
    .luvanshNewPage .cartBand-container-Mobile .priceDiv .cartPrice {
        font-size: var(--fz-22);
        letter-spacing: -5%;
    }
}

@media screen and (max-width: 374px) {
    .luvanshNewPage .cartBand-container-Mobile .priceDiv .buyBtndiv {
        width: 100%;
        display: flex;
        gap: 4px;
    }

    .luvanshNewPage .cartBand-container-Mobile .priceDiv .addButton {
        min-width: 115px;
        font-size: var(--fz-12);
        letter-spacing: 0%;
    }

        .luvanshNewPage .cartBand-container-Mobile .priceDiv .addButton:hover {
            background-color: #f3f4f5;
        }

    .luvanshNewPage .cartBand-container-Mobile .priceDiv .buyButton {
        min-width: 115px;
        font-weight: var(--fw-500);
        font-size: var(--fz-12);
        line-height: 100%;
        letter-spacing: 0%;
    }

    .luvanshNewPage .cartBand-container-Mobile .priceDiv .cartPrice {
        font-size: 18px;
    }
}

/* Height Media Query */

@media screen and (max-height: 551px) {
    .luvanshNewPage .heroSec {
        height: 110vh;
    }

    .luvanshNewPage .heroSec-content h3 {
        font-size: var(--fz-24);
        max-width: 300px;
        letter-spacing: 1px;
        padding-bottom: 10px;
    }

    .luvanshNewPage .heroSec-content {
        bottom: 10px;
    }

        .luvanshNewPage .heroSec-content .para {
            padding-bottom: 10px;
        }

    .luvanshNewPage .heroSec-timer {
        margin-bottom: 10px;
    }

    .drawerSwiper img {
        height: 210px;
    }

    .homeDrawer .drawerDescription {
        font-size: var(--fz-14);
        margin-top: 0px;
    }

    .drawerSwiper {
        margin-bottom: 15px;
    }
}

@media screen and (min-width: 600px) and (max-width: 1024px) {

    .header-drawer .main-content-container .items-content-body .menu-content .jewelry-menu,
    .header-drawer .main-content-container .items-content-body .menu-content .diamond-menu {
        display: flex;
        align-items: start;
        gap: 64px;
    }
}

.chat-bot {
    position: fixed;
    width: 62px;
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: linear-gradient(162.41deg, #002129 -53.54%, #003743 139.93%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2509803922);
    bottom: 42px;
    right: 42px;
    cursor: pointer;
    z-index: 99999;
}

@media screen and (max-width: 1025px) {
    .chat-bot {
        position: fixed;
        width: 62px;
        height: 62px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%;
        background: linear-gradient(162.41deg, #002129 -53.54%, #003743 139.93%);
        border: 1px solid rgba(255, 255, 255, 0.2);
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2509803922);
        bottom: 20px;
        right: 20px;
        cursor: pointer;
        z-index: 9999;
    }
}

.chat-bot-detail {
    position: fixed;
    width: 62px;
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: linear-gradient(162.41deg, #002129 -53.54%, #003743 139.93%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2509803922);
    bottom: 22px;
    right: 32px;
    cursor: pointer;
    z-index: 9999;
}

@media screen and (max-width: 1025px) {
    .chat-bot-detail {
        position: fixed;
        width: 62px;
        height: 62px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%;
        background: linear-gradient(162.41deg, #002129 -53.54%, #003743 139.93%);
        border: 1px solid rgba(255, 255, 255, 0.2);
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2509803922);
        bottom: 120px;
        right: 20px;
        cursor: pointer;
        z-index: 9999;
    }
}