/* top header css start */

.new-mobile-header-men-div {
    display: none !important;
}

.header-custom-topbar,
header,
.mega-panel,
.profile-dropdown,
.cart,
.overlay {
    display: block !important;
}


.header-custom-topbar {
    background: #0a0a0a !important;
    width: 100%;
}

.new-custom-topbar {
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0px 30px !important;
    font-size: 13px !important;
    position: relative !important;
    z-index: 200 !important;
    height: 40px !important;
    width: 100% !important;
    margin: auto !important;
    gap: 99px !important;
    flex-direction: row !important;

}

.new-slider-wrapper {
    display: flex !important;
    align-items: center !important;
    flex: 1 !important;
    overflow: hidden !important;
    /* Bahar ka content hide karega */
}

.slider-content-container {
    overflow: hidden !important;
    width: 100% !important;
    margin: 0 15px !important;
}

.slider-track {
    display: flex !important;
    transition: transform 0.4s ease-in-out !important;
    width: max-content !important;
    /* Track ko lamba rakhega */
}

.slide-item {
    width: 250px !important;
    flex-shrink: 0 !important;
    text-align: center !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
}

/* LEFT SIDE (Arrows + Text) */
.new-custom-left {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

.brand {
    font-family: 'Inter' !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 12px !important;
    line-height: 16.5px !important;
    letter-spacing: 0.88px !important;
    text-transform: uppercase !important;
    color: #F5F1E8 !important;
}

/* Arrow Wrapper */
.new-custom-arrows {
    width: 36px !important;
    display: flex !important;
    height: 14px !important;
    gap: 8px !important;
}

/* Arrow Buttons */
.new-custom-arrow {
    cursor: pointer !important;
    font-size: 12px !important;
    padding: 2px 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 3.5px !important;
    height: 14px !important;
    top: 35px !important;
    left: 5.25px !important;
    border: 1.17px !important;
    color: #F5F1E8 !important;
}

.new-custom-center {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    white-space: nowrap !important;
    color: #F5F1E8 !important;
    font-family: 'Inter' !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 12px !important;
    line-height: 16.5px !important;
    letter-spacing: 0.88px !important;
    text-transform: uppercase !important;
}

/* Text Wrapper */
.new-custom-text-wrapper {
    width: 500px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
}

/* Moving Track */
.new-custom-track {
    display: flex !important;
    transition: transform 0.4s ease !important;
    width: 100% !important;
    justify-content: center !important;
}

/* Text */
.new-custom-text {
    margin: 0 25px !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
}

.new-custom-right {
    display: flex !important;
    gap: 20px !important;
    flex-shrink: 0 !important;
    margin-left: 20px !important;
}

/* RIGHT SIDE */
.new-custom-right a {
    color: #F5F1E8 !important;
    font-family: 'Inter' !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration: none !important;
    font-size: 14px !important;
    line-height: 16.5px !important;
    letter-spacing: 0.88px !important;
    text-transform: uppercase !important;
}

.new-custom-right a:hover {
    opacity: 0.7 !important;
    color: #fff !important;
}


/* top header css start */


/* nav header css start */

header {
    position: fixed !important;
    top: 40px !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 150 !important;
    height: 81px !important;
    color: #00000008 !important;
    border-bottom: 1px #00000000 !important;
}

.new-container {
    max-width: 1300px !important;
    margin: auto !important;
}

.navbar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 20px 20px !important;
}

.nav-left {
    display: flex !important;
    gap: 47px !important;
    flex: 1 !important;
    margin-left: 37px !important;
    z-index: 9999999 !important;
}

.nav-left a {
    cursor: pointer !important;
    font-family: 'Montserrat' !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 16.5px !important;
    letter-spacing: 1.32px !important;
    color: #FFFFFFCC !important;
}

/* LOGO */
.logo {
    font-weight: 400 !important;
    font-family: Cormorant Garamond !important;
    font-size: 38px !important;
    line-height: 42px !important;
    letter-spacing: 5.6px !important;
    color: #FFFFFF !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 171px !important;
    height: 42px !important;
    z-index: 99999999 !important;
}

/* RIGHT */
.nav-right {
    display: flex !important;
    align-items: center !important;
    gap: 32px !important;
    justify-content: flex-end !important;
    width: 385px !important;
    height: 29px !important;
    margin-right: 35px !important;
    z-index: 99999999 !important;
}

/* SEARCH BOX */
.search-box {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6) !important;
    padding-bottom: 4px !important;
}

/* SEARCH ICON */
.search-icon {
    width: 16px !important;
    height: 16px !important;
    stroke: #FFFFFF99 !important;
    fill: none !important;
    opacity: 0.8 !important;
}

/* INPUT */
.search-box input {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    font-family: 'Montserrat' !important;
    font-weight: 300 !important;
    font-style: 'Light' !important;
    font-size: 14px !important;
    line-height: 100% !important;
    letter-spacing: 0.6px !important;
    color: #FFFFFF !important;
}

/* ICONS */
.icon {
    width: 20px !important;
    height: 20px !important;
    stroke: white !important;
    fill: none !important;
    cursor: pointer !important;
    opacity: 0.9 !important;
    transition: 0.2s !important;
}

.search-box input::placeholder {
    font-family: 'Montserrat' !important;
    font-weight: 300 !important;
    font-style: 'Light' !important;
    font-size: 14px !important;
    line-height: 100% !important;
    letter-spacing: 0.6px !important;
    color: #FFFFFF !important;
}

.icon:hover {
    opacity: 1 !important;
    color: #000 !important;
}

/* HERO TEXT */
.hero-text {
    position: absolute !important;
    top: 40% !important;
    left: 60px !important;
    color: white !important;
}

.hero-text h1 {
    font-size: 70px !important;
    font-family: 'Playfair Display', serif !important;
}

/* ================= MEGA MENU ================= */
.mega-panel {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background: transparent !important;
    transform: translateY(-110%) !important;
    /* 🔥 thoda extra upar smooth exit ke liye */
    opacity: 0 !important;
    pointer-events: none !important;
    transition: transform 1.6s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 1.4s ease !important;

    z-index: 9999 !important;
}

.mega-panel.show {
    transform: translateY(100px) !important;
    /* tumhara header offset same rakha */
    opacity: 1 !important;
    pointer-events: auto !important;
}

.mega-inner {
    max-width: 1300px !important;
    margin: auto !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.menu-content {
    display: none !important;
}

.menu-content.active {
    display: flex !important;
    width: 100% !important;
    max-width: 1350px;
    margin: auto !important;
    justify-content: space-between !important;
    background: #fff !important;
    padding: 50px 0px !important;
    border-radius: 20px !important;
}

.shopby-menu-content {
    max-width: 900px !important;
}

/* COLUMNS */
.mega-columns {
    display: grid !important;
    grid-template-columns: repeat(4, 180px) !important;
    gap: 60px !important;
}

.column {
    gap: 23px !important;
    display: grid !important;
}

.column h4 {
    font-family: 'Cormorant' !important;
    font-weight: 700 !important;
    font-style: Bold !important;
    font-size: 22px !important;
    line-height: 22.5px !important;
    letter-spacing: 2.25px !important;
    width: 76px !important;
    height: 23px !important;
    color: #2A2A2A !important;
}

.column a {
    width: 155px !important;
    height: 21px !important;
    font-family: 'Cormorant Garamond' !important;
    font-weight: 500 !important;
    font-size: 22px !important;
    line-height: 21px !important;
    letter-spacing: 1px !important;
    color: #0A0A0A !important;
}

/* IMAGE */
.mega-image {
    width: 260px !important;
    margin-left: 60px !important;
}

.mega-image img {
    width: 100% !important;
    border-radius: 12px !important;
}

/* GEMSTONES */
.gem-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 180px) !important;
    gap: 50px 100px !important;
}

.gemstones-menu-content .gem-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 180px) !important;
    gap: 50px 50px !important;
}

.gem-grid div {
    color: #3A3A3A !important;
    width: 100px !important;
    height: 24px !important;
    font-family: 'Cormorant Garamond' !important;
    font-weight: 500 !important;
    font-size: 22px !important;
    line-height: 24px !important;
    letter-spacing: 1% !important;
}

.shop-grid div {
    color: #3A3A3A !important;
    width: 100px !important;
    height: 24px !important;
    font-family: 'Cormorant Garamond' !important;
    font-weight: 500 !important;
    font-size: 22px !important;
    line-height: 24px !important;
    letter-spacing: 1% !important;
}

.shopby-menu-content .shop-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 180px) !important;
    gap: 50px 50px !important;
}

.side-images {
    display: flex !important;
    gap: 25px !important;
}

.side-images img {
    width: 180px !important;
    height: 240px !important;
    /* 🔥 equal height for alignment */
    object-fit: cover !important;
    border-radius: 12px !important;
}

/* ================= PROFILE DROPDOWN ================= */
.profile-dropdown {
    position: absolute !important;
    top: 80px !important;
    right: 40px !important;
    width: 200px !important;
    background: #eee !important;
    opacity: 0 !important;
    transform: translateY(-20px) !important;
    pointer-events: none !important;
    transition: transform 1.6s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 1.4s ease !important;

    z-index: 200 !important;
    border-radius: 20px !important;
}

.profile-dropdown a {
    padding: 15px !important;
    display: block !important;
    text-decoration: none !important;
    color: #000 !important;
    border-bottom: 1px solid #ddd !important;
    text-align: center !important;
}

.profile-dropdown-registration {
    padding: 15px !important;
    display: block !important;
    text-decoration: none !important;
    color: #000 !important;
    border-bottom: none !important;
    text-align: center !important;
}

/* SHOW STATE */
.profile-dropdown.show {
    opacity: 1 !important;
    transform: translateY(25px) !important;
    pointer-events: auto !important;

}

/* ================= CART ================= */
.cart {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    width: 320px !important;
    height: 100% !important;
    background: #fff !important;

    transform: translateX(100%) !important;
    /* 🔥 screen ke bahar right */
    opacity: 1 !important;

    transition: transform 1.6s cubic-bezier(0.22, 1, 0.36, 1) !important;

    z-index: 999999 !important;
}

.cart.show {
    transform: translateX(0) !important;
    /* 🔥 smoothly andar aayega */
}

.cart-header {
    padding: 20px !important;
    border-bottom: 1px solid #eee !important;
    display: flex !important;
    justify-content: space-between !important;
}

.close-icon {
    cursor: pointer !important;
}

/* OVERLAY */
.overlay {
    position: fixed !important;
    inset: 0 !important;
    background: none !important;
    display: none !important;
}

.overlay.show {
    display: block !important;
}

/* ===== FIX SCROLL HEADER ===== */

.scrolled header {
    top: 0 !important;
    background: #fff !important;
    border-bottom: 1px solid #eee !important;
}

/* overlay remove */
.scrolled header::after {
    display: none !important;
}

/* text black */
.scrolled .nav-left a,
.scrolled .logo {
    color: #000 !important;
}

.scrolled .icon {
    stroke: #000 !important;
}

.scrolled .search-box input {
    color: #0A0A0A80 !important;
}

.scrolled .search-box input::placeholder {
    color: #0A0A0A80 !important;
}

.scrolled .search-icon {
    stroke: #000 !important;
}

.scrolled .search-box {
    border-bottom: 0.78px solid #00000026 !important;
}

/* Overlay */
header::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to right,
            rgba(0, 0, 0, 0.6),
            rgba(0, 0, 0, 0.2),
            transparent) !important;
}

/* nav header css start */

/* banner css end */


/* Crafted section css start */

.crafted-section-home {
    max-width: 1200px !important;
    margin: 80px auto !important;
    padding: 0 20px !important;
}

.Crafted-section-category {
    font-size: 10px !important;
    letter-spacing: 1.5px !important;
    color: #C9A962 !important;
    font-family: ' Inter' !important;
    font-weight: 600 !important;
    line-height: 15px !important;
    text-transform: uppercase !important;
    display: block !important;
}

.crafted-section-home h1 {
    text-align: left !important;
    width: 100% !important;
    height: 55px !important;
    margin-top: 25px !important;
    font-family: 'Cormorant', serif !important;
    font-weight: 400 !important;
    font-size: 52px !important;
    line-height: 100% !important;
    letter-spacing: 7% !important;
    color: #1A1A1A !important;
}

.crafted-section-home-sub {
    text-align: left !important;
    margin-bottom: 32px !important;
    width: 100% !important;
    height: 43px !important;
    font-family: 'Cormorant', serif !important;
    font-weight: 300 !important;
    font-size: 26px !important;
    line-height: 42.5px !important;
    letter-spacing: 5% !important;
    color: #6f6f6f !important;
}

/* ================= DESKTOP ================= */

.crafted-section-home-grid {
    display: grid !important;
    grid-template-columns: 365px 1fr 365px !important;
    gap: 24px !important;
}

.crafted-section-home-side {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
}

/* CARD */
.crafted-section-home-card {
    height: 343px !important;
    border-radius: 14.81px !important;
    overflow: hidden !important;
    position: relative !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 326px !important;
    margin: auto !important;
}

.crafted-section-home-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 1.6s ease !important;
}

.crafted-section-home-card:hover img {
    transform: scale(1.1) !important;
}

.crafted-section-home-card-info {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: flex-end !important;
    padding: 20px !important;
    color: white !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent) !important;
    opacity: 0 !important;
    transition: opacity 2.5s ease !important;
    pointer-events: none !important;
    text-align: center !important;
}

.crafted-section-home-card-info div {
    width: 100% !important;
    height: auto !important;
}

.crafted-section-home-card-info div h3 {
    width: 100% !important;
    height: 30px !important;
    font-family: 'Cormorant' !important;
    font-weight: 700 !important;
    font-size: 21.09px !important;
    line-height: 21.69px !important;
    letter-spacing: 0.29px !important;
    color: #000 !important;
    max-width: 100% !important;
    margin: auto !important;
}

.crafted-section-home-card-info div p {
    font-family: 'Cormorant' !important;
    font-weight: 500 !important;
    font-size: 12.82px !important;
    line-height: 18.22px !important;
    letter-spacing: 0.1px !important;
    text-align: center !important;
    color: #000 !important;
}

.crafted-section-home-card:hover .crafted-section-home-card-info {
    opacity: 1 !important;
}

/* CENTER */

.center {
    height: 726px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    position: relative !important;
    background: #f1eeea !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* CENTER IMAGE */
.center .main-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: relative !important;
    inset: 0 !important;
    transition: transform 0.7s ease !important;
}

.center:hover img {
    transform: translateY(-8%) scale(1.08) !important;
    height: 790px !important;
}

/* TEXT CONTAINER (START FROM TOP OUTSIDE) */
.center .crafted-section-home-card-info {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
    opacity: 0 !important;
    transform: translateY(-120%) !important;
    /* FULL TOP OUTSIDE */
    transition: transform 1.7s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.5s ease !important;
    background: rgba(0, 0, 0, 0.25) !important;
}

/* 🔥 HOVER = SLIDE DOWN INTO CENTER */
.center:hover .crafted-section-home-card-info {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.view-all-wrapper {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 30px !important;
}

.view-all-btn {
    display: flex !important;
    background: #f3efe9 !important;
    border: none !important;
    padding: 12px 22px !important;
    border-radius: 16777200px !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    position: relative;
    height: 45px;
    top: 1px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    line-height: 19.5px !important;
    letter-spacing: 1.04px !important;
    text-transform: uppercase !important;
    color: #1A1A1A !important;
}

.view-all-btn:hover {
    background: #e7e1d8 !important;
}

.view-all-btn:hover svg {
    transform: translateX(4px);
    transition: 0.3s ease;
}

/* MOBILE */

.crafted-section-home-mobile {
    display: none !important;
}

/* Crafted section css end */


/* our st/* banner css start */
.new-header-container {
    position: relative !important;
    height: 746px !important;
    width: 100% !important;
    overflow: hidden !important;
    margin: auto !important;
}

/* Image */
.new-custom-hero-img {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    top: 0 !important;
    left: 0 !important;
}

/* Content */
.new-custom-hero-content {
    position: relative !important;
    z-index: 2 !important;
    color: #fff !important;
    max-width: 672px !important;
    margin-left: 80px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-family: "Playfair Display", serif !important;
}

/* Brand */
.new-custom-brand {
    font-weight: 400 !important;
    font-size: 14px !important;
    font-style: normal !important;
    margin-bottom: 20px !important;
    opacity: 0.8 !important;
    width: 100% !important;
    height: 18px !important;
    top: 0.5px !important;
    left: 27px !important;
    font-family: Montserrat !important;
    line-height: 18px !important;
    letter-spacing: 3.6px !important;
    color: #fff !important;
}

/* Heading */
.new-custom-heading {
    font-size: 83px !important;
    font-weight: 300 !important;
    line-height: 100% !important;
    margin-bottom: 0px !important;
    width: 100% !important;
    height: 202px !important;
    font-family: Cormorant Garamond !important;
    font-style: Light !important;
    letter-spacing: 0% !important;
    color: #fff !important;
}

/* Description */
.new-custom-desc {
    top: 0.23px !important;
    left: 27px !important;
    font-size: 26px !important;
    line-height: 42.5px !important;
    width: 669px !important;
    height: 85px !important;
    font-family: Cormorant !important;
    font-weight: 300 !important;
    font-style: Light !important;
    letter-spacing: 5% !important;
    color: #fff !important;
}

.new-custom-btn {
    display: none !important;
}

/* banner css end */

/* our story css start */

/* SECTION */
.new-custom-story {
    background: #fff !important;
    width: 100% !important;
}

.new-custom-story-container {
    display: flex !important;
    align-items: center !important;
    gap: 80px !important;
    padding: 80px !important;
    position: relative !important;
    width: 100% !important;
    max-width: 1338px !important;
    margin: auto !important;
}

/* IMAGE */
.new-custom-story-img-box {
    width: 40% !important;
    position: relative !important;
    overflow: hidden !important;
}

/* IMAGE */
.new-custom-story-img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    transition: transform 0.6s ease !important;
}

.new-custom-story-img-box:hover .new-custom-story-img {
    transform: scale(1.05) !important;
}

/* ✅ PERFECT CENTER DIVIDER */
.new-custom-story::after {
    content: "" !important;
    position: absolute !important;
    top: 340% !important;
    left: 40% !important;
    transform: translate(40px, -50%) !important;
    display: none !important;
    width: 1px !important;
    height: 45% !important;
    background: rgba(0, 0, 0, 0.2) !important;
}

/* CONTENT */
.new-custom-story-content {
    width: 60% !important;
    padding-left: 20px !important;
}

/* SUBTITLE */
.new-custom-story-subtitle {
    position: relative !important;
    width: 100% !important;
    height: 15px !important;
    top: 0.5px !important;
    font-family: 'Cormorant', serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 15px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #C9A962 !important;
    max-width: 150px !important;
}

/* HEADING */
.new-custom-story-heading {
    width: 100% !important;
    height: 70px !important;
    font-family: 'Cormorant', serif !important;
    font-weight: 400 !important;
    font-size: 44px !important;
    line-height: 57.2px !important;
    letter-spacing: 1px !important;
    color: #1A1A1A !important;
}

/* LINE */
.new-custom-story-line {
    width: 100px !important;
    height: 1px !important;
    background: #b89b5e !important;
    margin-bottom: 20px !important;
    display: block !important;
}

/* TEXT */
.new-custom-story-text {
    margin-bottom: 20px !important;
    font-family: 'Cormorant', serif !important;
    font-weight: 500 !important;
    font-size: 22px !important;
    line-height: 31px !important;
    letter-spacing: 0.15px !important;
    color: #5A5A5A !important;
    width: 100% !important;
    max-width: 818px !important;
}

/* YEAR */
.new-custom-story-year {
    font-family: 'Cormorant', serif !important;
    font-weight: 600 !important;
    font-style: italic !important;
    font-size: 15px !important;
    line-height: 19.5px !important;
    letter-spacing: 0.65px !important;
    color: #C9A962 !important;
    text-decoration: underline !important;
    text-decoration-thickness: 2% !important;
    text-underline-offset: 19.5% !important;
    display: block !important;
}

/* BUTTON */
.new-custom-story-btn {
    text-decoration: none !important;
    padding-bottom: 5px !important;
    transition: 0.3s !important;
    position: relative !important;
    top: 1px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 19.5px !important;
    letter-spacing: 1.04px !important;
    text-transform: uppercase !important;
    color: #5A5A5A !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    transition: 0.3s !important;
    border: none !important;
}

.new-custom-story-btn:hover {
    color: #b89b5e !important;
    border-color: #b89b5e !important;
}

.arrow-icon {
    display: flex !important;
    transition: transform 0.3s ease !important;
}

.new-custom-story-btn:hover .arrow-icon {
    transform: translateX(5px) !important;
}


/* our story css end */


/* shop by section css code start */

.home-shop-by-section {
    text-align: center !important;
    padding: 80px 20px !important;
    background: #FAF8F5 !important;
}

.home-shop-by-title {
    margin-bottom: 50px !important;
    position: relative !important;
    width: 100% !important;
    height: 63px !important;
    font-family: 'Cormorant', serif !important;
    font-weight: 400 !important;
    font-size: 52px !important;
    line-height: 100% !important;
    letter-spacing: 7% !important;
    text-align: center !important;
    color: #0A0A0A !important;
}

.home-shop-by-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 918px !important;
    margin: 0 auto !important;
}

.home-shop-by-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 457.57px !important;
    height: 641.76px !important;
}

.home-shop-by-card img {
    width: 100% !important;
    height: 340px !important;
    object-fit: cover !important;
    display: block !important;
}

.home-shop-by-label {
    margin-top: 30px !important;
    position: relative !important;
    width: 100% !important;
    height: 31px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 300 !important;
    font-size: 22.95px !important;
    line-height: 30.6px !important;
    letter-spacing: 4.66px !important;
    text-align: center !important;
    color: #0A0A0A !important;
}

.home-shop-by-image-wrap {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 457.57px !important;
    height: 571.96px !important;
}

/* IMAGE */
.home-shop-by-image-wrap img {
    width: 100% !important;
    height: 571.96px !important;
    object-fit: cover !important;
    transition: transform 0.6s ease !important;
}

/* GRADIENT (hidden initially) */
.home-shop-by-image-wrap::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    height: 0% !important;
    background: linear-gradient(to top,
            rgba(0, 0, 0, 0.95) 0%,
            /* deep dark bottom */
            rgba(0, 0, 0, 0.7) 35%,
            rgba(0, 0, 0, 0.25) 60%,
            rgba(255, 255, 255, 0.15) 80%,
            /* LIGHT FADE */
            rgba(255, 255, 255, 0.25) 100%
            /* soft light top */
        ) !important;

    opacity: 0 !important;
    transition: opacity 0.4s ease !important;
}

/* TEXT (hidden initially) */
.home-shop-by-hover-text {
    position: absolute !important;
    bottom: 0px !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    color: #fff !important;
    opacity: 0 !important;
    transform: translateY(15px) !important;
    transition: all 0.4s ease !important;
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: auto !important;
    height: 135px !important;
    padding: 10px !important;
    background: linear-gradient(to bottom, #000, rgba(255, 255, 255, 0.3)) !important;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6) !important;
}

.home-shop-by-hover-text p {
    width: 100% !important;
    height: 108px !important;
    font-family: 'Cormorant', serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 27px !important;
    letter-spacing: 0.15px !important;
    text-align: center !important;
    color: #FFF !important;
    max-width: 405px !important;
    margin: auto !important;
}

/* HOVER EFFECT */
.home-shop-by-image-wrap:hover img {
    transform: scale(1.05) !important;
}

.home-shop-by-image-wrap:hover::after {
    opacity: 1 !important;
}

.home-shop-by-image-wrap:hover .home-shop-by-hover-text {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* shop by section css code end */


/* Explore section css code start */

/* SECTION */
.explore-home-bestseller-section {
    background: #fff !important;
    padding: 70px 20px !important;
    text-align: center !important;
}

.explore-home-container {
    max-width: 1100px !important;
    margin: auto !important;
}

/* TEXT */
.explore-home-title {
    position: relative !important;
    width: 100% !important;
    height: 40px !important;
    font-family: 'Cormorant', serif !important;
    font-weight: 400 !important;
    font-size: 52px !important;
    line-height: 100% !important;
    letter-spacing: 7% !important;
    text-align: center !important;
    color: #000 !important;
}

.explore-home-subtitle {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 23.8px !important;
    line-height: 50.16px !important;
    letter-spacing: 3.34px !important;
    text-align: center !important;
    color: #6f6f6f !important;
}

/* GRID */
.explore-home-product-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 25px !important;
}

/* CARD */
.explore-home-product-card {
    cursor: pointer !important;
    transition: transform 0.4s ease !important;
}

/* IMAGE WRAPPER */
.explore-home-image-wrapper {
    position: relative !important;
    overflow: hidden !important;
}

/* IMAGE */
.explore-home-image-wrapper img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    transform: translateY(0) !important;
    transition: transform 0.6s ease !important;
}

/* ZOOM */
.explore-home-product-card:hover .explore-home-image-wrapper img {
    transform: scale(1.1) !important;
}

/* OVERLAY */
.explore-home-image-wrapper::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0) !important;
    transition: background 0.5s ease !important;
}

.explore-home-product-card:hover .explore-home-image-wrapper::after {
    background: rgba(0, 0, 0, 0.2) !important;
}

/* BUTTON */
.explore-home-hover-btn {
    position: absolute !important;
    display: block !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(20px) !important;
    background: white !important;
    color: black !important;
    padding: 10px 18px !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    opacity: 0 !important;
    transition: all 0.4s ease !important;
    z-index: 3 !important;
}

.explore-home-product-card:hover .explore-home-hover-btn {
    opacity: 1 !important;
    transform: translateX(-50%) translateY(0) !important;
}

/* LIFT */
.explore-home-product-card:hover {
    transform: translateY(-6px) !important;
}

/* TAG */
.explore-home-tag {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    background: #FFFFFFE5 !important;
    padding: 6px 12px !important;
    border-radius: 3px !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 120px !important;
    height: 28px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    font-size: 10px !important;
    line-height: 15px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #5A4B37 !important;
}

/* TEXT */
.explore-home-product-card-heading,
.explore-home-product-card-heading-1 {
    transition: color 0.3s ease, transform 0.3s ease !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 15px !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 36.5px !important;
    letter-spacing: 1.15px !important;
    text-transform: uppercase !important;
    color: #000 !important;
}

.explore-home-price,
.explore-home-price-1 {
    transition: opacity 0.3s ease !important;
    position: relative !important;
    width: 100% !important;
    height: 20px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 20px !important;
    letter-spacing: 0.7px !important;
    text-align: center !important;
    color: #5A4B37 !important;
}

/* TEXT HOVER */
.explore-home-product-card:hover h3 {
    transform: translateY(-3px) !important;
    position: relative !important;
    height: auto !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 34.5px !important;
    letter-spacing: 1.15px !important;
    text-transform: uppercase !important;
    color: #B79A68 !important;
}

.explore-home-product-card:hover .explore-home-price,
.explore-home-product-card:hover .explore-home-price-1 {
    opacity: 0.8 !important;
}

/* Explore section css code end */


/* Authentication section css end */

.features {
    background: #FAF8F4 !important;
    padding: 50px 0px !important;
    position: relative !important;
    width: 100% !important;
}

/* TOP LINE */
.features-grid::before {
    content: "" !important;
    position: absolute !important;
    top: 53px !important;
    left: 100px !important;
    right: 100px !important;
    height: 1.5px !important;
    background: #e6e6e6 !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: auto !important;
    display: block !important;
}

/* GRID */
.features-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    row-gap: 50px !important;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    width: 100% !important;
    max-width: 1300px !important;
    margin: auto !important;
}

/* ITEM */
.feature {
    text-align: center !important;
    padding: 0 30px !important;
    position: relative !important;
}

/* VERTICAL DIVIDERS */
.feature:not(:nth-child(3n))::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 15% !important;
    height: 70% !important;
    width: 1px !important;
    background: #e6e6e6 !important;
}

/* ICON */
.features-icon {
    width: 18px !important;
    height: 18px;
    margin: 0 auto 6px !important;
}

.features-icon svg {
    width: 100% !important;
    height: 100% !important;
    stroke: #3A3A3A !important;
    fill: none !important;
    stroke-width: 1 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* TITLE */
.feature h4 {
    margin-bottom: 6px !important;
    position: relative !important;
    height: 17px !important;
    top: 0.5px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    line-height: 16.5px !important;
    letter-spacing: 1.65px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    color: #3A3A3A !important;
}

/* TEXT */
.feature p {
    margin: 0 auto !important;
    position: relative !important;
    height: 21px !important;
    top: 0.5px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 20.8px !important;
    letter-spacing: 0.13px !important;
    text-align: center !important;
    color: #7A7A7A !important;
}

/* Authentication section css end */
/* bautlr center slider css code start */

.bautlr-center-slide-wrapper {
    display: block !important;
}

.bautlr-center-slide-wrapper * {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.bautlr-center-slide-slider {
    position: relative !important;
    width: 100% !important;
    height: 100vh !important;
    overflow: hidden !important;
}

.bautlr-center-slide-item {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    transition: opacity 1s ease !important;
    display: flex !important;
}

.bautlr-center-slide-active {
    opacity: 1 !important;
    z-index: 2 !important;
}

/* SPLIT */
.bautlr-center-slide-split {
    display: flex !important;
}

.bautlr-center-slide-image {
    width: 50% !important;
    overflow: hidden !important;
}

.bautlr-center-slide-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: scale(1.1) !important;
    transition: transform 6s ease !important;
}

.bautlr-center-slide-active .bautlr-center-slide-image img {
    transform: scale(1) !important;
}

.bautlr-center-slide-text {
    width: 50% !important;
    background: #e7e2d8 !important;
    display: flex !important;
    align-items: center !important;
    padding: 80px 100px !important;
}

.bautlr-center-slide-content {
    max-width: 460px !important;
}

.bautlr-center-slide-content h1 {
    margin-bottom: 20px !important;
    position: relative;
    height: auto;
    font-family: 'Cormorant', serif !important;
    font-weight: 400;
    font-size: 52px;
    line-height: 100%;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: #1A1A1A;
}

.bautlr-center-slide-content p {
    margin-bottom: 25px !important;
    position: relative;
    height: 85px;
    font-family: 'Cormorant', serif !important;
    font-weight: 300;
    font-size: 26px;
    line-height: 42.5px;
    letter-spacing: 1.3px;
    color: #5A5A5A;
}

.bautlr-center-slide-btn {
    padding: 20px 28px !important;
    border: 1px solid #1A1A1A !important;
    font-size: 12px !important;
    text-decoration: none !important;
    color: #1A1A1A !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    text-align: center;
}

/* HERO */
.bautlr-center-slide-full {
    justify-content: center !important;
    align-items: center !important;
}

.bautlr-center-slide-full img {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.bautlr-center-slide-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.35) !important;
}

.bautlr-center-slide-hero-text {
    position: relative !important;
    z-index: 2 !important;
    text-align: center !important;
    color: white !important;
}

.bautlr-center-slide-hero-text h1 {
    position: relative;
    height: 75px;
    font-family: 'Cormorant', serif !important;
    font-weight: 400;
    font-size: 52px;
    line-height: 100%;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    text-align: center;
    color: #FFF;
}

.bautlr-center-slide-hero-text p {
    margin-bottom: 25px !important;
    position: relative;
    height: 60px;
    font-family: 'Cormorant', serif !important;
    font-weight: 300;
    font-size: 26px;
    line-height: 42.5px;
    letter-spacing: 1.3px;
    text-align: center;
    color: #F5F1E8;
}

.bautlr-center-slide-hero-text .bautlr-center-slide-btn {
    border-color: #fff !important;
    color: #fff !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500;
    font-size: 12px !important;
    line-height: 18px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    text-align: center;
    padding: 20px !important;
}

/* ARROWS */
.bautlr-center-slide-arrow {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, 0.25) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    cursor: pointer !important;
    z-index: 10 !important;
}

.bautlr-center-slide-left {
    left: 25px !important;
}

.bautlr-center-slide-right {
    right: 25px !important;
}

/* DOTS */
.bautlr-center-slide-dots {
    position: absolute !important;
    bottom: 25px !important;
    width: 100% !important;
    text-align: center !important;
}

.bautlr-center-slide-dot {
    display: inline-block !important;
    width: 35px !important;
    height: 3px !important;
    background: #ccc !important;
    margin: 5px !important;
}

.bautlr-center-slide-dot-active {
    background: #000 !important;
}

/* bautlr center slide css code end */

/* mobile center banar css code start */
.bautlr-mobile-center-container {
    display: none !important;
}

/* mobile center banar css code start */

/* jewelr product section css code start */

.jewelr-product-section {
    background: #fff !important;
    font-family: 'Inter', sans-serif !important;
}

/* HEADER */
.jewelr-product-section-header {
    text-align: center !important;
    padding: 60px 0 40px !important;
}

.jewelr-product-section-header h1 {
    position: relative !important;
    height: 63px !important;
    font-family: 'Cormorant', serif !important;
    font-weight: 400 !important;
    font-size: 52px !important;
    line-height: 100% !important;
    letter-spacing: 7% !important;
    text-align: center !important;
    color: #000 !important;
}

.jewelr-product-section-header p {
    position: relative !important;
    height: 43px !important;
    font-family: 'Cormorant', serif !important;
    font-weight: 300 !important;
    font-size: 26px !important;
    line-height: 42.5px !important;
    letter-spacing: 5% !important;
    text-align: center !important;
    color: #6f6f6f !important;
}

/* WRAPPER */
.jewelr-product-section-wrapper {
    max-width: 1200px !important;
    margin: auto !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 0 40px !important;
}

/* SLIDER */
.jewelr-product-section-slider {
    display: flex !important;
    gap: 20px !important;
    overflow-x: auto !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
}

.jewelr-product-section-slider::-webkit-scrollbar {
    display: none !important;
}

/* CARD */
.jewelr-product-section-col {
    flex: 0 0 calc((100% - 60px) / 4) !important;
    scroll-snap-align: start !important;
}

/* IMAGE */
.jewelr-product-section-img {
    width: 100% !important;
    height: 260px !important;
    object-fit: cover !important;
}

/* TEXT */
.jewelr-product-section-title {
    margin-top: 10px !important;
    width: 100% !important;
    height: auto !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 27px !important;
    letter-spacing: 1.44px !important;
    text-transform: uppercase !important;
    color: #000 !important;
}

.jewelr-product-section-price {
    margin-top: 6px !important;
    position: relative !important;
    height: 23px !important;
    top: -1px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 22.5px !important;
    letter-spacing: 0.3px !important;
    color: #000 !important;
}

/* META */
.jewelr-product-section-label {
    margin-top: 6px !important;
    position: relative !important;
    width: 100% !important;
    height: 17px !important;
    top: -0.5px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    font-size: 11px !important;
    line-height: 16.5px !important;
    letter-spacing: 1.65px !important;
    text-transform: uppercase !important;
    color: rgba(0, 0, 0, 0.4) !important;
}

.jewelr-product-section-metal-row {
    display: flex !important;
    gap: 6px !important;
    margin-top: 3px !important;
}

.jewelr-product-section-metal-row img {
    width: 32px !important;
    height: 32px !important;
    border-radius: 170px !important;
}

.jewelr-product-section-stone-row {
    display: flex !important;
    gap: 6px !important;
    margin-top: 3px !important;
}

.jewelr-product-section-dot {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
}

.jewelr-product-section-small {
    font-size: 10px !important;
    color: #777 !important;
}

/* ARROWS */
.jewelr-product-section-arrow {
    position: absolute !important;
    transform: translateY(-50%) !important;
    background: #fff !important;
    border-radius: 50% !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    width: 32.5px !important;
    height: 32.5px !important;
    border: 2px solid #7B7B7B !important;
    top: 45% !important;
    color: #7B7B7B !important;
}

.jewelr-product-section-arrow-left {
    left: 0 !important;
}

.jewelr-product-section-arrow-right {
    right: 0 !important;
}

.jewelr-product-section-dots {
    display: none !important;
}

.jewelr-product-section-dot-indicator {
    width: 6px !important;
    height: 6px !important;
    transition: all 0.3s ease !important;
    border-radius: 9999px !important;
    background: rgba(0, 0, 0, 0.2) !important;
}

.jewelr-product-section-dot-indicator.active {
    width: 23.994569778442383px !important;
    height: 5.99px !important;
    border-radius: 10px !important;
    background: #000 !important;
}

/* jewelr product section css code end */

/* arrival products section css code start */

.arrival-products-section {
    background: #fff !important;
    font-family: 'Inter', sans-serif !important;
}

/* HEADER */
.arrival-products-section-header {
    text-align: center !important;
    padding: 60px 0 40px !important;
}

.arrival-products-section-header h1 {
    position: relative !important;
    height: 63px !important;
    font-family: 'Cormorant', serif !important;
    font-weight: 400 !important;
    font-size: 52px !important;
    line-height: 100% !important;
    letter-spacing: 7% !important;
    text-align: center !important;
    color: #000 !important;
}

.arrival-products-section-header p {
    position: relative !important;
    height: 43px !important;
    font-family: 'Cormorant', serif !important;
    font-weight: 300 !important;
    font-size: 26px !important;
    line-height: 42.5px !important;
    letter-spacing: 5% !important;
    text-align: center !important;
    color: #6f6f6f !important;
}

/* WRAPPER */
.arrival-products-section-wrapper {
    max-width: 1200px !important;
    margin: auto !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 0px 40px 50px !important;
}

/* SLIDER */
.arrival-products-section-slider {
    display: flex !important;
    gap: 20px !important;
    overflow-x: auto !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
}

.arrival-products-section-slider::-webkit-scrollbar {
    display: none !important;
}

/* CARD */
.arrival-products-section-col {
    flex: 0 0 calc((100% - 60px) / 4) !important;
    scroll-snap-align: start !important;
}

/* IMAGE */
.arrival-products-section-img {
    width: 100% !important;
    height: 260px !important;
    object-fit: cover !important;
}

/* TEXT */
.arrival-products-section-title {
    margin-top: 10px !important;
    width: 100% !important;
    height: auto !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 27px !important;
    letter-spacing: 1.44px !important;
    text-transform: uppercase !important;
    color: #000 !important;
}

.arrival-products-section-price {
    margin-top: 6px !important;
    position: relative !important;
    height: 23px !important;
    top: -1px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 22.5px !important;
    letter-spacing: 0.3px !important;
    color: #000 !important;
}

/* META */
.arrival-products-section-label {
    margin-top: 6px !important;
    position: relative !important;
    width: 100% !important;
    height: 17px !important;
    top: -0.5px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    font-size: 11px !important;
    line-height: 16.5px !important;
    letter-spacing: 1.65px !important;
    text-transform: uppercase !important;
    color: rgba(0, 0, 0, 0.4) !important;
}

.arrival-products-section-metal-row {
    display: flex !important;
    gap: 6px !important;
    margin-top: 3px !important;
}

.arrival-products-section-metal-row img {
    width: 32px !important;
    height: 32px !important;
    border-radius: 170px !important;
}

.arrival-products-section-stone-row {
    display: flex !important;
    gap: 6px !important;
    margin-top: 3px !important;
}

.arrival-products-section-dot {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
}

.arrival-products-section-small {
    font-size: 10px !important;
    color: #777 !important;
}

/* ARROWS */
.arrival-products-section-arrow {
    position: absolute !important;
    transform: translateY(-50%) !important;
    background: #fff !important;
    border-radius: 50% !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    width: 32.5px !important;
    height: 32.5px !important;
    border: 2px solid #7B7B7B !important;
    top: 45% !important;
    color: #7B7B7B !important;
}

.arrival-products-section-arrow-left {
    left: 0 !important;
}

.arrival-products-section-arrow-right {
    right: 0 !important;
}

.arrival-products-section-dots {
    display: none !important;
}

.arrival-products-section-dot-indicator {
    width: 6px !important;
    height: 6px !important;
    transition: all 0.3s ease !important;
    border-radius: 9999px !important;
    background: rgba(0, 0, 0, 0.2) !important;
}

.arrival-products-section-dot-indicator.active {
    width: 23.99px !important;
    height: 5.99px !important;
    border-radius: 10px !important;
    background: #000 !important;
}


/* arrival products section css code end */



/* faq secton css code start */

.mobile-faq-section {
    display: none !important;
}

/* SECTION */
.faq-section {
    background: #FAF8F4 !important;
    font-family: 'Playfair Display', serif !important;
}

/* CONTAINER */
.faq-section-container {
    max-width: 1200px !important;
    margin: auto !important;
    padding: 80px 20px !important;
}

/* HEADER */
.faq-section-label {
    position: relative;
    height: 18px;
    top: 0.5px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: #C9A962;
}

.faq-section-title {
    margin: 15px 0 30px !important;
    position: relative;
    height: 80px;
    top: -1px;
    font-family: 'Cormorant', serif;
    font-weight: 400;
    font-size: 72px;
    line-height: 79.2px;
    letter-spacing: -0.72px;
    color: #1A1A1A;
}

/* GRID */
.faq-section-grid {
    display: grid !important;
    grid-template-columns: 2fr 1fr !important;
    gap: 30px !important;
    align-items: start !important;
}

.faq-section-bottom {
    grid-column: 1 / 3 !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
}

/* CARD */
.faq-section-card {
    min-height: 100px !important;
    padding: 30px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    transition: all 0.35s ease !important;
}

.faq-section-light {
    background: #fff !important;
    min-height: 245px !important;
    height: auto !important;
}

.faq-section-beige {
    background: #F1EADC !important;
}

.faq-section-category {
    position: relative;
    height: 17px;
    top: 0.5px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 16.5px;
    letter-spacing: 1.32px;
    text-transform: uppercase;
    color: #C9A962;
}

.faq-section-light h3 {
    position: relative;
    height: 58px;
    font-family: 'Cormorant', serif !important;
    font-weight: 400;
    font-size: 32px;
    line-height: 41.6px;
    letter-spacing: -0.16px;
    color: #695223;
}

.faq-section-beige h3 {
    position: relative;
    height: 84px;
    top: 1px;
    font-family: 'Cormorant', serif !important;
    font-weight: 400;
    font-size: 32px;
    line-height: 41.6px;
    letter-spacing: -0.16px;
    color: #1A1A1A;
}

/* ANSWER */
.faq-answer {
    overflow: hidden !important;
    opacity: 0 !important;
    transform: translateY(-8px) !important;
    transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, transform 0.3s ease !important;
    position: relative;
    font-family: 'Cormorant', serif;
    font-weight: 600;
    font-size: 14px !important;
    line-height: 25px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #3F3F3F !important;
    height: 100px !important;
}

/* EXPAND CARD */
.faq-section-card.active {
    grid-row: span 2 !important;
}

/* ACTIVE ANSWER */
.faq-section-card.active .faq-answer {
    opacity: 1 !important;
    transform: translateY(0) !important;
    margin-top: 45px !important;
}

/* BUTTON */
.faq-toggle {
    cursor: pointer !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    color: #000 !important;
    margin-top: 10px !important;
}

/* BUTTON TOGGLE */
.close-btn {
    display: none !important;
}

.faq-section-card.active .open-btn {
    display: none !important;
}

.faq-section-card.active .close-btn {
    display: inline-block !important;
}

/* HOVER */
.faq-section-card:hover {
    transform: translateY(-4px) !important;
}

/* faq secton css code end */

/* instagram section css start */
.bautlr-instagram-section {
    width: 100%;
    background: #F5F1E8;
}

.bautlr-instagram-contener {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 50px 20px;
    text-align: center;
    font-family: Georgia, serif;
}

.bautlr-instagram-section-tag {
    display: block;
    margin-bottom: 12px;
    position: relative;
    height: 15px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    color: #C9A962;
}

.bautlr-instagram-section h2 {
    position: relative;
    height: 63px;
    font-family: 'Cormorant', serif !important;
    font-weight: 400;
    font-size: 52px;
    line-height: 100%;
    letter-spacing: 7%;
    text-align: center;
    color: #1A1A1A;
}

.bautlr-instagram-section p {
    margin-bottom: 35px;
    position: relative;
    height: 43px;
    font-family: 'Cormorant', serif !important;
    font-weight: 300;
    font-size: 26px;
    line-height: 42.5px;
    letter-spacing: 5%;
    text-align: center;
    color: #6B6B6B;
}

/* 🔥 MAIN GRID FIX */
.bautlr-instagram-section-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 180px;
    /* IMPORTANT */
    gap: 15px;
}

/* ITEM */
.bautlr-instagram-section-item {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    cursor: pointer;
}

/* 🔥 IMAGE NATURAL HEIGHT */
.bautlr-instagram-section-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* HOVER ZOOM */
.bautlr-instagram-section-item:hover img {
    transform: scale(1.05);
    transition: 0.4s ease;
}

/* OVERLAY */
.bautlr-instagram-section-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 0.3s ease;
}

.bautlr-instagram-section-overlay i {
    color: #fff;
    font-size: 28px;
}

.bautlr-instagram-section-item:hover .bautlr-instagram-section-overlay {
    opacity: 1;
}

/* 🔥 ONLY THESE ARE BIG ITEMS (same as image) */
.bautlr-instagram-section-item1 {
    grid-row: span 2;
}

/* FOLLOW TEXT */
.bautlr-instagram-section-follow {
    margin-top: 50px;
    font-size: 14px;
    color: #444;
}

.bautlr-instagram-section-follow a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    padding-bottom: 6px;
    height: 43px;
    font-family: 'Cormorant', serif !important;
    font-weight: 300;
    font-size: 26px;
    line-height: 42.5px;
    letter-spacing: 5%;
    text-align: center;
    color: #1A1A1A !important;
}

/* UNDERLINE */
.bautlr-instagram-section-follow a::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    width: 80%;
    max-width: 185px;
    height: 1px;
    top: 38.5px;
    left: 0.02px;
    background-color: #1A1A1A;
}

/* SVG ARROW */
.bautlr-arrow {
    transition: 0.3s ease;
    position: relative;
    width: 25px;
    height: 25px;
    top: 5px;
}

/* HOVER MOVE */
.bautlr-instagram-section-follow a:hover .bautlr-arrow {
    transform: translateX(6px);
}

/* instagram section css end */


/* gemston section css start */
.bautle-gemstone-home-section {
    width: 100%;
    background: #fff;
}

.bautle-gemstone-home-section-contener {
    max-width: 1180px;
    margin: auto;
    padding: 50px 0px;
}

.bautle-gemstone-home-section-header {
    text-align: center;
    margin-bottom: 55px;
}

.bautle-gemstone-home-section-header h2 {
    position: relative;
    height: 63px;
    font-family: 'Cormorant', serif !important;
    font-weight: 400;
    font-size: 52px;
    line-height: 100%;
    letter-spacing: 3.5px;
    text-align: center;
    color: #1A1A1A;
}

.bautle-gemstone-home-section-header p {
    position: relative;
    height: 43px;
    font-family: 'Cormorant', serif !important;
    font-weight: 300;
    font-size: 23px;
    line-height: 42.5px;
    letter-spacing: 1.3px;
    text-align: center;
    color: #5A5A5A;
}

/* ✨ Grid Wrapper for Smooth Height Transition */
.bautle-gemstone-home-grid-wrapper {
    position: relative;
}

/* ✨ Grid System */
.bautle-gemstone-home-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-rows: 92px;
    grid-auto-flow: dense;
    gap: 120px 20px;
    overflow: visible;
}

/* Individual Card Styling */
.bautle-gemstone-home-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.06);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
    display: flex;
    flex-direction: column;
    height: 200px;
    cursor: pointer;
}

.bautle-gemstone-home-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);
}

/* Image setup */
.bautle-gemstone-home-card img {
    width: 100%;
    height: 148px;
    flex: 1 1 auto;
    min-height: 0;
    object-fit: cover;
}

/* Large Cards */
.bautle-gemstone-home-card.large {
    grid-column: span 2;
    grid-row: span 2;
    height: 350px;
}

/* Info */
.bautle-gemstone-home-info {
    flex: 0 0 auto;
    padding: 10px 12px 0px 12px;
    text-align: left;
    min-height: 100px;
    box-sizing: border-box;
    background: #fff;
}

.bautle-gemstone-home-trait {
    display: block;
    margin-bottom: 3px;
    position: relative;
    height: 15px;
    top: 0.5px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #C9A962;
}

.bautle-gemstone-home-name {
    position: relative;
    height: auto;
    font-family: 'Cormorant', serif !important;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.24px;
    color: #1A1A1A;
}

/* Button Styling */
.bautle-gemstone-home-button-container {
    text-align: center;
    margin-top: 80px;
}

.bautle-gemstone-home-toggle-btn {
    font-family: 'Lato', sans-serif;
    background: transparent;
    border: none;
    font-size: 11px;
    letter-spacing: 2px;
    color: #444;
    text-transform: uppercase;
    cursor: pointer;
    padding: 15px 30px;
    transition: color 0.3s ease;
    font-weight: 600;
}

.bautle-gemstone-home-toggle-btn:hover {
    color: #000;
}

/* ✨ HIDDEN ITEMS & THEIR ANIMATION */
.bautle-gemstone-home-hidden-item {
    display: none;
    opacity: 0;
    transform: translateY(40px);
}

/* Jab grid expanded ho */
.bautle-gemstone-home-grid.show-all .bautle-gemstone-home-hidden-item {
    display: flex;
    animation: slideUpFade 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Items ko ek ek karke (staggered) show karne ke liye delay */
.bautle-gemstone-home-grid.show-all .bautle-gemstone-home-hidden-item:nth-of-type(10) {
    animation-delay: 0.05s;
}

.bautle-gemstone-home-grid.show-all .bautle-gemstone-home-hidden-item:nth-of-type(11) {
    animation-delay: 0.1s;
}

.bautle-gemstone-home-grid.show-all .bautle-gemstone-home-hidden-item:nth-of-type(12) {
    animation-delay: 0.15s;
}

.bautle-gemstone-home-grid.show-all .bautle-gemstone-home-hidden-item:nth-of-type(13) {
    animation-delay: 0.2s;
}

.bautle-gemstone-home-grid.show-all .bautle-gemstone-home-hidden-item:nth-of-type(14) {
    animation-delay: 0.25s;
}

.bautle-gemstone-home-slider-prev-btn,
.bautle-gemstone-home-slider-btn {
    display: none;
}

@keyframes slideUpFade {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

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

/* gemston section css end */

/* footer css start */

.new-footer-custom {
    background: #FFFFFF !important;
    padding: 40px 37px 40px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: auto !important;
}

.new-footer-custopm-container {
    width: 1440px !important;
    margin: auto !important;
}

/* ===== Newsletter ===== */
.new-footer-custom-newsletter {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-bottom: 1px solid #D4C5A94D !important;
    width: 1400px !important;
    height: 149px !important;
    gap: 362px !important;
    padding-bottom: 40px !important;
}

.new-footer-custom-newsletter h2 {
    font-family: 'Cormorant' !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 36px !important;
    line-height: 54px !important;
    letter-spacing: 1.44px !important;
    color: #1A1A1A !important;
    width: 100% !important;
    height: 54px !important;
}

.new-footer-custom-newsletter p {
    font-family: 'Baskerville' !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 15px !important;
    line-height: 25.5px !important;
    letter-spacing: 0.15px !important;
    color: #5A5A5A !important;
}

/* Input */
.new-footer-custom-newsletter-input {
    width: 380px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.new-footer-custom-newsletter-input input {
    border: none !important;
    border-bottom: 2px solid #D4C5A9 !important;
    background: transparent !important;
    padding: 12px 16px !important;
    width: 320px !important;
    font-size: 14px !important;
    height: 25px !important;
    font-weight: 400 !important;
    font-family: 'Inter' !important;
    line-height: 100% !important;
    letter-spacing: 0px !important;
    color: #1A1A1A80 !important;
}

.new-footer-custom-newsletter-input input::placeholder {
    color: #a8a8a8 !important;
    border: none !important;
}

.new-footer-custom-newsletter-input button {
    border: 1px solid #1A1A1A !important;
    background: transparent !important;
    padding: 0px 13px !important;
    cursor: pointer !important;
    width: 48px !important;
    height: 48px !important;
}

.new-footer-custom-newsletter-input button:hover {
    background: #000 !important;
    color: #fff !important;
}

/* ===== Links ===== */
.new-footer-custom-links {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    padding: 30px 0 !important;
    align-items: start !important;
    width: 1366px !important;
    gap: 30px !important;
}

.new-footer-custom-column {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

.new-footer-custom-column h4 {
    font-weight: 600 !important;
    font-size: 16px !important;
    letter-spacing: 1.32px !important;
    color: #2A2A2A !important;
    margin-bottom: 18px !important;
    min-height: 32px !important;
    line-height: 22px !important;
    text-transform: uppercase !important;
    font-family: 'Cormorant Garamond' !important;
    width: 195px !important;
}

.new-footer-custom-column a {
    display: block !important;
    font-family: 'Cormorant Garamond' !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    margin-bottom: 8px !important;
    line-height: 21px !important;
    letter-spacing: 0px !important;
    color: #5A5A5A !important;
    text-decoration: none !important;
}

.new-footer-custom-column a:hover {
    text-decoration: underline !important;
}

/* ===== Bottom ===== */
.new-footer-custom-bottom {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-top: 1px solid #D4C5A94D !important;
    padding-top: 25px !important;
    font-size: 12px !important;
    color: #7a7a7a !important;
    width: 1460px !important;
    height: 61px !important;
}

.new-footer-custom-mobile-bottom {
    display: none !important;
}

.new-footer-custom-bottom p {
    font-family: 'Inter' !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    letter-spacing: 0.24px !important;
    color: #7A7A7A !important;
    width: 216px !important;
    height: 18px !important;
}

/* Center Section */
.new-footer-custom-center {
    display: flex !important;
    align-items: center !important;
    gap: 32px !important;
    width: 370.31px !important;
    height: 19.5px !important;
}

.new-footer-custom-center span {
    font-family: 'Inter' !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 19.5px !important;
    letter-spacing: 0.26px !important;
    color: #5A5A5A !important;
    width: 161px !important;
    height: 20px !important;
}

.new-footer-custom-icons {
    display: flex !important;
    gap: 16px !important;
    width: 144px !important;
    height: 16px !important;
}

.new-footer-custom-icons i {
    font-size: 13px !important;
    cursor: pointer !important;
    color: #555 !important;
    transition: 0.2s !important;
    width: 7.33px !important;
    height: 13.33px !important;
    left: 4.67px !important;
    top: 1.33px !important;
    border: 1.33px #5A5A5A !important;
}

.new-footer-custom-icons i:hover {
    color: #000 !important;
}

/* Payments */
.new-footer-custom-payments {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    width: 289.52px !important;
    height: 28px !important;
}

.new-footer-custom-payments span {
    width: 69px !important;
    height: 17px !important;
    font-family: 'Inter' !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    line-height: 16.5px !important;
    letter-spacing: 0.55px !important;
    text-transform: uppercase !important;
    color: #7A7A7A !important;
}

.new-footer-custom-cards span {
    border: 1px solid #D4C5A9 !important;
    padding: 4px 9px !important;
    font-size: 9px !important;
    letter-spacing: 0.17px !important;
    font-family: 'Inter' !important;
    font-weight: 600 !important;
    line-height: 13.5px !important;
    color: #5A5A5A !important;
}

.new-footer-custom {
    display: block !important;
}

.mobile-footer-new {
    display: none !important;
}

/* footer css end */


@media (max-width: 767px) {



    .header-custom-topbar,
    header,
    .mega-panel,
    .profile-dropdown,
    .cart,
    .overlay {
        display: none !important;
    }


    /* mobile header css start */

    .new-mobile-header-men-div {
        display: block !important;
        position: relative !important;
        background: transparent !important;
    }

    .cart {
        display: block !important;
    }

    .topbar {
        background: #000 !important;
        color: #FFF !important;
        text-align: center !important;
        padding: 10px !important;
        font-size: 11px !important;
        height: 35px !important;
        font-family: 'Inter' !important;
        font-Weight: 400 !important;
        line-height: 16.5px !important;
        letter-spacing: 0.94px !important;
        text-transform: uppercase !important;
    }

    .header {
        position: absolute !important;
        top: 35px !important;
        height: 50px !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        z-index: 1000 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 16px !important;
        background: rgba(0, 0, 0, 0.18) !important;
        backdrop-filter: blur(0px) !important;
    }

    .logo {
        font-family: 'Playfair Display' !important;
        font-weight: 500 !important;
        font-size: 25px !important;
        line-height: 22.5px !important;
        letter-spacing: 2.25px !important;
        width: 70px !important;
        height: 23px !important;
        /* top: 47.5px; */
        left: 40% !important;
    }

    .menu-btn {
        width: 20px !important;
        cursor: pointer !important;
        z-index: 2 !important;
        /* margin-top: 18px; */
    }

    .menu-btn span {
        display: block !important;
        height: 2px !important;
        background: #fff !important;
        margin: 5px 0 !important;
    }

    /* 👇 hide hamburger */
    .menu-btn.hide {
        display: none !important;
    }

    .drawer {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 85% !important;
        max-width: 340px !important;
        height: 100% !important;
        background: #f8f8f8 !important;
        transform: translateX(-100%) !important;
        transition: transform 1.5s ease !important;
        z-index: 9999 !important;
        padding: 20px !important;
        overflow-y: auto !important;
    }

    .drawer.show {
        transform: translateX(0) !important;
        padding: 0px !important;
        width: 100% !important;
        max-width: 395px !important;
        background: #FFFEFE !important;
        height: 850px !important;
    }

    .drawer-header {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        width: 100% !important;
        max-width: 395px !important;
        height: 100px !important;
        padding: 20px 20px 20px 24.13px !important;
        /* border-bottom: 0.78px solid rgba(0, 0, 0, 0.1) !important; */
    }

    /* .drawer-logo {
        position: relative !important;
        width: 70px !important;
        height: 23px !important;
        top: -0.38px !important;
        left: -0.13px !important;
        font-family: 'Playfair Display' !important;
        font-weight: 500 !important;
        font-size: 15px !important;
        line-height: 22.5px !important;
        letter-spacing: 2.25px !important;
        color: #0A0A0A !important;
    } */

    .close {
        font-size: 20px !important;
        cursor: pointer !important;
        position: relative !important;
    }

    .drawer-search {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 395px !important;
        height: 70px !important;
        padding: 0px !important;
        /* border-bottom: 0.78px solid rgba(0, 0, 0, 0.1) !important; */
    }

    .search-box {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        max-width: 345px !important;
        height: 55px !important;
        padding: 10px 10px 10px 10px !important;
        border-bottom: 0.78px solid #00000026 !important;
        /* border-radius: 6px !important; */
    }

    .search-box svg {
        width: 16px !important;
        height: 16px !important;
        stroke: #999 !important;
        fill: none !important;
    }

    .search-box input {
        border: none !important;
        outline: none !important;
        width: 100% !important;
        background: transparent !important;
        height: 17px !important;
        font-family: 'Cormorant Garamond' !important;
        font-weight: 300 !important;
        font-size: 14px !important;
        line-height: 100% !important;
        letter-spacing: 0.14px !important;
        color: #0A0A0A80 !important;
    }

    /* placeholder color */
    .search-box input::placeholder {
        color: #999 !important;
        opacity: 1 !important;
    }

    .men-drawer-item-div {
        width: 100% !important;
        padding: 0px 24px 0.78px 24px !important;
        padding-bottom: 50px !important
    }

    .drawer-item,
    .mobile-menu-item {
        padding: 20px 0 !important;
        border-bottom: 1px solid #eee !important;
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        justify-content: space-between !important;
        align-items: center !important;
        font-size: 14px !important;
        letter-spacing: 1px !important;
        position: relative !important;
        font-family: 'Cormorant Garamond' !important;
        font-weight: 600 !important;
        line-height: 22.5px !important;
        color: #0A0A0A !important;
        cursor: pointer !important;
    }

    .mobile-menu-item span,
    .drawer-item span {
        height: 23px !important;
        position: relative !important;
        top: -1.45px !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 500 !important;
        font-size: 15px !important;
        line-height: 22.5px !important;
        letter-spacing: 0.38px !important;
        color: #1A1A1A !important;
    }

    .arrow svg {
        width: 18px !important;
        height: 18px !important;
        stroke: #111 !important;
        /* dark like image */
        stroke-width: 2 !important;
        fill: none !important;
    }

    .arrow.rotate svg {
        transform: rotate(180deg) !important;
        transition: 0.3s !important;
    }

    .dropdown {
        display: none !important;
        padding: 10px 0 0 !important;
    }

    .dropdown div {
        position: relative !important;
        width: 55px !important;
        height: 35px !important;
        top: -0.02px !important;
        left: -0.01px !important;
        font-family: 'Cormorant Garamond' !important;
        font-weight: 300 !important;
        font-size: 14px !important;
        line-height: 21px !important;
        letter-spacing: 0.14px !important;
        color: #000000B2 !important;
    }

    .gem-grid {
        display: none !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 12px;
        padding-top: 10px !important;
        width: 100% !important;
        max-width: 275px !important;
    }

    .gem-grid div {
        position: relative;
        width: 58px;
        height: 45px;
        top: -0.02px;
        left: -0.01px;
        font-family: 'Cormorant Garamond';
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0.14px;
        color: #000000B2;
    }

    .shop-grid {
        display: none !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        padding-top: 10px !important;
        width: 100% !important;
        max-width: 275px !important;
    }

    .shop-grid div {
        position: relative;
        width: 58px;
        height: 45px;
        top: -0.02px;
        left: -0.01px;
        font-family: 'Cormorant Garamond';
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0.14px;
        color: #000000B2;
    }

    .drawer-card {
        background: #efefef !important;
        padding: 18px !important;
        border-radius: 10px !important;
        margin: 25px 0 !important;
        width: 100% !important;
        max-width: 240px !important;
    }

    .drawer-card small {
        position: relative !important;
        top: -0.1px !important;
        left: -0.01px !important;
        font-family: 'Cormorant Garamond' !important;
        font-weight: 300 !important;
        font-size: 11px !important;
        line-height: 16.5px !important;
        letter-spacing: 0.88px !important;
        color: #0009 !important;
    }

    .drawer-card h3 {
        position: relative !important;
        top: -0.95px !important;
        left: -0.01px !important;
        font-family: 'Cormorant Garamond' !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        line-height: 23.4px !important;
        letter-spacing: 0.36px !important;
        color: #0A0A0A !important;
    }

    .drawer-card p {
        position: relative !important;
        width: 233px !important;
        height: 39px !important;
        top: 0.32px !important;
        left: -0.01px !important;
        font-family: 'Cormorant Garamond' !important;
        font-weight: 300 !important;
        font-size: 13px !important;
        line-height: 19.5px !important;
        letter-spacing: 0.13px !important;
        color: #000000B2 !important;
    }

    .drawer-card a {
        position: relative !important;
        top: 0.54px !important;
        left: -0.17px !important;
        font-family: 'Cormorant Garamond' !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 18px !important;
        letter-spacing: 0.96px !important;
        color: #0A0A0A !important;
        border-bottom: 1px solid #000 !important;
        padding-bottom: 5px !important;
    }

    .drawer-footer {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        font-size: 13px !important;
        width: 100% !important;
        max-width: 275px !important;
        padding: 20px 24px 0.78px 24px !important;
        border-top: 1px solid #0000001A !important;
    }

    .drawer-footer a {
        position: relative !important;
        height: 20px !important;
        top: 0.06px !important;
        left: 0 !important;
        font-family: 'Cormorant Garamond' !important;
        font-weight: 600 !important;
        font-size: 13px !important;
        line-height: 19.5px !important;
        letter-spacing: 0.26px !important;
        color: #000C !important;
    }

    /* 🔥 NEW CATEGORY UI */

    .section-title {
        margin: 0px 0 20px !important;
        height: 32px !important;
        position: relative !important;
        top: -1.22px !important;
        font-family: 'Cormorant Garamond', serif !important;
        font-weight: 500 !important;
        font-size: 24px !important;
        line-height: 32px !important;
        letter-spacing: 0px !important;
        color: #1A1A1A !important;
    }

    .section-title-gemstone {
        margin: 20px 0 20px !important;
        height: 32px !important;
        position: relative !important;
        top: -1.22px !important;
        font-family: 'Cormorant Garamond', serif !important;
        font-weight: 500 !important;
        font-size: 24px !important;
        line-height: 32px !important;
        letter-spacing: 0px !important;
        color: #1A1A1A !important;
    }

    .category-list {
        display: flex !important;
        flex-direction: column !important;
        gap: 18px !important;
    }

    .category-item {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
    }

    .category-item img {
        width: 48px !important;
        height: 48px !important;
        border-radius: 6px !important;
        object-fit: cover !important;
    }

    .category-item .text {
        flex: 1 !important;
    }

    .category-item h4 {
        position: relative !important;
        width: 39px !important;
        height: 20px !important;
        top: 0.55px !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.35px !important;
        color: #1A1A1A !important;
    }

    .category-item p {
        width: 258.68px !important;
        height: 16px !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 300 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0 !important;
        color: #666 !important;
    }

    /* SAME SVG icon (just rotate) */
    .category-item .arrow svg {
        width: 18px !important;
        height: 18px !important;
        stroke: #111 !important;
        stroke-width: 2 !important;
        fill: none !important;
        transform: rotate(-90deg) !important;
        transition: transform 0.3s ease !important;
    }

    .subcategory {
        display: none !important;
        padding: 10px 20px 20px 35px !important;
    }

    .category-item.active+.subcategory {
        display: block !important;
    }

    .subcategory div {
        font-size: 14px !important;
        padding: 10px !important;
        color: #444 !important;
        font-family: 'Cormorant Garamond' !important;
    }

    .subcategory a {
        display: inline-block !important;
        margin-top: 10px !important;
        font-size: 14px !important;
        text-decoration: underline !important;
        color: #000 !important;
    }

    /* arrow rotate */
    .category-item.active .arrow svg {
        transform: rotate(0deg) !important;
        transition: 0.3s !important;
    }

    .mobile-icons {
        display: flex !important;
        gap: 14px !important;
        align-items: center !important;
        margin-left: auto !important;
        /* margin-top: 18.5px; */
    }

    .mobile-icons .icon {
        width: 20px !important;
        height: 20px !important;
        stroke: #fff !important;
    }

    /* GRID */
    .gemstone-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
        padding: 0px;
        border-bottom: 1px solid #eee;
    }

    /* ITEM */
    .gem-item {
        display: flex;
        flex-direction: column;
    }

    /* IMAGE */
    .gem-item img {
        width: 164.32px;
        height: 164.32px;
        object-fit: cover;
        border-radius: 2px;
    }

    /* TEXT */
    .gem-item span {
        margin-top: 10px !important;
        width: 164.32px !important;
        height: 16px !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.6px !important;
        text-transform: uppercase !important;
        color: #4A4A4A !important;
    }

    /* VIEW ALL */
    .view-all {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 0px;
        font-size: 13px;
        cursor: pointer;
        width: 165px;
    }

    .view-all svg {
        width: 18px !important;
        height: 18px !important;
        stroke: #111 !important;
        stroke-width: 2 !important;
        fill: none !important;
    }

    /* DROPDOWN */
    .mobile-menu-shopby-dropdown {
        display: none;
        padding: 10px 20px;
    }

    /* ITEM */
    .mobile-menu-shopby-item {
        display: flex;
        align-items: flex-start;
        gap: 14px;
        padding: 14px 0;
    }

    /* ICON IMAGE */
    .mobile-menu-icon {
        width: 22px;
        height: 22px;
        object-fit: contain;
        margin-top: 2px;
    }

    /* TEXT */
    .mobile-menu-shopby-item h4 {
        margin: 0;
        font-size: 14px;
        font-family: 'Cormorant Garamond';
    }

    .mobile-menu-shopby-item p {
        margin: 2px 0 0;
        font-size: 12px;
        color: #888;
    }

    .mobile-menu-arrow {
        margin-left: auto !important;
        display: flex !important;
        align-items: center !important;
    }

    .mobile-menu-arrow svg {
        width: 18px !important;
        height: 18px !important;
        stroke: #000 !important;
        /* light grey like image */
        stroke-width: 2 !important;
        fill: none !important;
        transition: transform 0.3s ease !important;
    }

    /* OPEN STATE (down arrow) */
    .mobile-menu-arrow.rotate svg {
        transform: rotate(90deg) !important;
    }

    /* ===== MOBILE SCROLL FIX ===== */

    .scrolled .topbar {
        display: none !important;
    }

    .scrolled .header {
        position: fixed !important;
        top: 0 !important;
        background: #fff !important;
        backdrop-filter: none !important;
        padding: 0px 20px !important;
        height: 68px !important;
    }

    .scrolled .menu-btn {
        margin-top: 0px !important;
    }

    /* logo black */
    .scrolled .header .logo {
        color: #000 !important;
        top: 21.5px !important;
    }

    .scrolled .mobile-icons {
        margin-top: 0px !important;
    }

    /* icons black */
    .scrolled .header .icon {
        stroke: #000 !important;
    }

    /* hamburger black */
    .scrolled .header .menu-btn span {
        background: #000 !important;
    }

    /* ===== SEARCH PANEL ===== */

    .search-panel {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        width: 92% !important;
        max-width: 360px !important;
        height: 100% !important;
        background: #fff !important;
        transform: translateX(100%) !important;
        transition: transform 1.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
        z-index: 999999 !important;
        padding: 20px !important;
        overflow-y: auto !important;
    }

    .search-panel.show {
        transform: translateX(0) !important;
    }

    /* ===== TOP BAR ===== */

    .search-top {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        border-bottom: 1px solid #eee !important;
        padding-bottom: 10px !important;
        gap: 10px !important;
    }

    /* ===== INPUT WRAPPER ===== */

    .search-input-wrapper {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        flex: 1 !important;
    }

    /* ICON */
    .search-input-icon {
        width: 25px !important;
        height: 25px !important;
        stroke: #999 !important;
        fill: none !important;
        opacity: 0.8 !important;
    }

    /* INPUT */
    .search-input-wrapper input {
        border: none !important;
        outline: none !important;
        width: 100% !important;
        height: 21px !important;
        font-family: 'Cormorant Garamond', serif !important;
        font-weight: 400 !important;
        font-size: 17px !important;
        line-height: 100% !important;
        letter-spacing: 0.2px !important;
        color: rgba(42, 42, 42, 0.5) !important;
    }

    /* PLACEHOLDER */
    .search-input-wrapper input::placeholder {
        color: #aaa !important;
    }

    /* CLOSE BUTTON */
    #searchClose {
        font-size: 18px !important;
        cursor: pointer !important;
    }

    /* ===== BODY ===== */

    .search-body {
        margin-top: 10px !important;
    }

    /* HEADINGS */
    .search-heading {
        margin-bottom: 10px !important;
        margin-top: 30px !important;
        height: 20px !important;
        font-family: 'Cormorant Garamond', serif !important;
        font-weight: 600 !important;
        font-size: 18px !important;
        line-height: 20px !important;
        letter-spacing: 0.6px !important;
        color: #2A2A2A !important;
        text-align: left !important;
    }

    /* ===== LINKS ===== */

    .search-links a {
        display: block !important;
        margin-bottom: 6px !important;
        cursor: pointer !important;
        height: 25px !important;
        font-family: 'Cormorant Garamond', serif !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 45px !important;
        letter-spacing: 0.6px !important;
        text-align: left !important;
        color: #2A2A2A !important;
    }

    /* ===== GRID ===== */

    .intention-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    /* ===== CARD ===== */

    .intention-card {
        height: 75px !important;
        border-radius: 10px !important;
        color: #fff !important;
        padding: 10px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        font-family: 'Cormorant Garamond' !important;
    }

    .intention-card span {
        font-size: 12px !important;
        letter-spacing: 1px !important;
    }

    .intention-card small {
        font-size: 10px !important;
        opacity: 0.8 !important;
    }

    /* ===== COLORS ===== */

    .calm {
        background: linear-gradient(135deg, #cfc6f2, #b2a5e0) !important;
        text-align: center;
    }

    .confidence {
        background: linear-gradient(135deg, #e4c17b, #caa45d) !important;
        text-align: center !important;
    }

    .love {
        background: linear-gradient(135deg, #b86b6b, #a44d4d) !important;
        text-align: center !important;
    }

    .clarity {
        background: linear-gradient(135deg, #d9d9d9, #bfbfbf) !important;
        text-align: center !important;
    }

    .protection {
        background: linear-gradient(135deg, #5ca6a6, #3f8f8f) !important;
        text-align: center !important;
    }

    .growth {
        background: linear-gradient(135deg, #8bc7a4, #5fa77d) !important;
        text-align: center !important;
    }

    /* mobile header css end */


    /* banner css start */

    .new-header-container {
        height: 620px !important;
    }

    .new-custom-hero-content {
        width: 100% !important;
        max-width: 100% !important;
        padding: 20px !important;
        margin-left: 0px !important;
        top: 60% !important;
    }

    .new-custom-brand {
        font-size: 12px !important;
        height: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .new-custom-heading {
        font-size: 39px !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        text-align: left !important;
        line-height: 45.4px !important;
    }

    .new-custom-desc {
        font-size: 16px !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        line-height: 25.5px !important;
    }

    .new-custom-btn {
        display: inline-block !important;
        margin-top: 20px !important;
        padding: 12px 28px !important;
        background-color: transparent !important;
        color: #fff !important;
        text-decoration: none !important;
        font-size: 14px !important;
        letter-spacing: 1px !important;
        transition: all 0.3s ease !important;
        width: 100% !important;
        max-width: 150px !important;
        height: 45.54px !important;
        border: 0.78px solid #FFFFFF4D !important;
        border-radius: 6px !important;
    }

    .new-custom-btn:hover {
        background-color: #444 !important;
    }

    /* banner css end */



    /* Crafted section css start */
    .crafted-section-home-grid {
        display: none !important;
    }

    .crafted-section-home-mobile {
        display: block !important;
    }

    .crafted-section-home {
        margin: 40px auto !important;
        max-width: 100% !important;
    }

    .crafted-section-home h1 {
        position: relative !important;
        height: 34px !important;
        font-family: 'Cormorant Garamond' !important;
        font-weight: 500 !important;
        font-size: 28px !important;
        line-height: 33.6px !important;
        letter-spacing: 0.56px !important;
        text-align: center !important;
        color: #0A0A0A !important;
    }

    .crafted-section-home-sub {
        margin-bottom: 20px !important;
        position: relative !important;
        width: 100% !important;
        height: 21px !important;
        font-family: 'Cormorant', serif !important;
        font-weight: 400 !important;
        font-size: 15px !important;
        line-height: 21px !important;
        letter-spacing: 1.28px !important;
        text-align: center !important;
        color: rgba(0, 0, 0, 0.6) !important;
    }

    .crafted-section-home-mobile-featured img {
        width: 100% !important;
        border-radius: 10px !important;
        height: 418.75px !important;
    }

    .crafted-section-home-mobile-featured-title {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        font-family: 'Cormorant' !important;
        font-weight: 500 !important;
        font-size: 20px !important;
        line-height: 30px !important;
        letter-spacing: 0.4px !important;
        text-align: center !important;
        color: #0A0A0A !important;
    }

    .crafted-section-home-mobile-featured-price {
        margin-bottom: 20px !important;
        position: relative !important;
        width: 100% !important;
        height: 23px !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 300 !important;
        font-size: 15px !important;
        line-height: 22.5px !important;
        letter-spacing: 0.15px !important;
        text-align: center !important;
        color: rgba(0, 0, 0, 0.7) !important;
    }

    .crafted-section-home-mobile-carousel {
        display: flex !important;
        gap: 14px !important;
        overflow-x: auto !important;
        padding-bottom: 10px !important;
    }

    .crafted-section-home-mobile-carousel::-webkit-scrollbar {
        display: none !important;
    }

    .crafted-section-home-mobile-item {
        min-width: 160px !important;
        text-align: center !important;
        width: 100% !important;
        height: 219.47px !important;
        display: block !important;
    }

    .crafted-section-home-mobile-item img {
        width: 100% !important;
        border-radius: 10px !important;
        max-width: 160px !important;
        height: 160px !important;
    }

    .crafted-section-home-mobile-item-title {
        margin-top: 6px !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        top: -0.22px !important;
        font-family: 'Cormorant', serif !important;
        font-weight: 500 !important;
        font-size: 15px !important;
        line-height: 22.5px !important;
        letter-spacing: 0.15px !important;
        color: #0A0A0A !important;
        text-align: left !important;
    }

    .crafted-section-home-mobile-item-price {
        position: relative !important;
        width: 100% !important;
        height: 21px !important;
        top: 0.33px !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 300 !important;
        text-align: left !important;
        font-size: 14px !important;
        line-height: 21px !important;
        letter-spacing: 0.14px !important;
        color: rgba(0, 0, 0, 0.7) !important;
    }

    .crafted-section-home-mobile-bottom {
        text-align: center !important;
        margin-top: 20px !important;
    }

    .crafted-section-home-mobile-btn {
        background: transparent !important;
        border: none !important;
        position: relative !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 400 !important;
        font-size: 13px !important;
        line-height: 19.5px !important;
        letter-spacing: 1.04px !important;
        text-transform: uppercase !important;
        text-align: center !important;
        color: #0A0A0A !important;
        width: 166px !important;
        height: 55.26px !important;
        border-bottom: 0.78px solid #000 !important;
        cursor: pointer !important;
    }

    .Crafted-section-category,
    .view-all-btn {
        display: none !important;
    }

    /* Crafted section css end */


    /* our story css start */

    .new-custom-story {
        flex-direction: column !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    .new-custom-story-container {
        padding: 0px !important;
    }

    /* IMAGE FULL */
    .new-custom-story-img-box {
        width: 100% !important;
        height: 500px !important;
    }

    .new-custom-story-img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }


    /* DARK OVERLAY */
    .new-custom-story::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 500px !important;
        background: transparent !important;
        z-index: 1 !important;
    }

    /* CONTENT CENTERED */
    .new-custom-story-content {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 85% !important;
        text-align: center !important;
        color: #fff !important;
        z-index: 2 !important;
        padding-left: 0px !important;
    }

    /* TEXT STYLES */
    .new-custom-story-heading {
        font-family: 'Cormorant', serif !important;
        font-weight: 700 !important;
        font-size: 30px !important;
        line-height: 37.5px !important;
        letter-spacing: 0.3px !important;
        text-align: center !important;
        color: #FFF !important;
        margin-bottom: 16px !important;
        height: auto !important;
    }

    .new-custom-story-subtitle {
        width: 100% !important;
        max-width: 100% !important;
        font-family: 'Cormorant', serif !important;
        font-weight: 300 !important;
        font-size: 11px !important;
        line-height: 16.5px !important;
        letter-spacing: 1.32px !important;
        text-align: center !important;
        color: #FFF !important;
        margin-bottom: 12px !important;
    }

    .new-custom-story-year {
        display: none !important;
    }

    .new-custom-story::after {
        display: none !important;
    }

    .new-custom-story-text {
        font-family: 'Cormorant', serif !important;
        font-weight: 500 !important;
        font-size: 15px !important;
        line-height: 24px !important;
        letter-spacing: 0.15px !important;
        text-align: center !important;
        color: #FFF !important;
        max-width: 100% !important;
        margin: 0 auto 0px !important;
        height: auto !important;
    }

    /* LINE CENTER */
    .new-custom-story-line {
        margin: 15px auto !important;
        background: #d4af37 !important;
        display: none !important;
    }

    /* BUTTON */
    .new-custom-story-btn {
        font-family: 'Cormorant', serif !important;
        font-weight: 700 !important;
        font-size: 16px !important;
        line-height: 19.5px !important;
        letter-spacing: 0.78px !important;
        text-align: center !important;
        color: #FFF !important;
        text-decoration: none !important;
        padding-bottom: 5px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        transition: 0.3s !important;
    }

    .new-custom-story-btn:hover {
        color: #d4af37 !important;
        border-color: #d4af37 !important;
    }

    /* our story css end */


    /* shop by section css code start */


    .home-shop-by-section {
        padding: 30px 0px !important;
        width: 100% !important;
        margin: auto !important;
        max-width: 100% !important;
    }

    .home-shop-by-title {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: auto !important;
        height: auto !important;
        font-family: 'Cormorant Garamond', serif !important;
        font-weight: 500 !important;
        font-size: 28px !important;
        line-height: 33.6px !important;
        letter-spacing: 0.56px !important;
        text-align: center !important;
        color: #0A0A0A !important;
    }

    .home-shop-by-grid {
        gap: 16px !important;
        padding: 0 0px !important;
        width: 100%;
        max-width: 336px !important;
        margin: auto !important;
        margin-top: 35px !important;

    }

    .home-shop-by-card {
        height: 212.68px !important;
        width: 100% !important;
        max-width: 159.5px !important;
        position: relative !important;
    }

    .home-shop-by-image-wrap {
        height: 220px !important;
        border-radius: 14px !important;
        overflow: hidden !important;
    }

    .home-shop-by-image-wrap img {
        height: 212.67px !important;
        border-radius: 14px !important;
        width: 100% !important;
        max-width: 159.5px !important;
    }

    /* REMOVE hover behavior on mobile */
    .home-shop-by-image-wrap:hover img {
        transform: none !important;
    }

    .home-shop-by-image-wrap:hover::after {
        opacity: 1 !important;
    }

    .home-shop-by-image-wrap:hover .home-shop-by-hover-text {
        opacity: 0 !important;
        transform: none !important;
    }

    /* ALWAYS SHOW DARK OVERLAY */
    .home-shop-by-image-wrap::after {
        opacity: 1 !important;
        height: 100% !important;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.21), rgba(0, 0, 0, 0.13), transparent) !important;
    }

    /* HIDE PARAGRAPH TEXT */
    .home-shop-by-hover-text {
        display: none !important;
    }

    /* MOVE LABEL INSIDE IMAGE */
    .home-shop-by-label {
        position: absolute !important;
        bottom: 14px !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 !important;
        z-index: 2 !important;
        height: 21px !important;
        font-family: 'Cormorant', serif !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 21px !important;
        letter-spacing: 1.12px !important;
        text-align: center !important;
        color: #FFF !important;
    }

    /* shop by section css code end */


    /* Explore section css code start */

    .explore-home-bestseller-section {
        background: #FAF9F7 !important;
    }

    /* TEXT */
    .explore-home-title {
        position: relative !important;
        height: auto !important;
        font-family: 'Cormorant Garamond', serif !important;
        font-weight: 500 !important;
        font-size: 28px !important;
        line-height: 33.6px !important;
        letter-spacing: 0.56px !important;
        text-align: center !important;
        color: #0A0A0A !important;
    }

    .explore-home-subtitle {
        margin-bottom: 25px !important;
        position: relative !important;
        height: auto !important;
        font-family: 'Cormorant', serif !important;
        font-weight: 500 !important;
        font-size: 15px !important;
        line-height: 21px !important;
        letter-spacing: 1.28px !important;
        text-align: center !important;
        color: rgba(0, 0, 0, 0.6) !important;
    }

    /* GRID STRUCTURE */
    .explore-home-product-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }

    /* FIRST CARD FULL WIDTH */
    .explore-home-product-card:first-child {
        grid-column: span 2 !important;
    }

    /* IMAGE SIZE CONTROL */
    .explore-home-product-card:first-child .explore-home-image-wrapper {
        height: 320px !important;
    }

    .explore-home-product-card:not(:first-child) .explore-home-image-wrapper {
        height: 160px !important;
    }

    /* IMAGE FIT */
    .explore-home-image-wrapper img {
        height: 100% !important;
        object-fit: cover !important;
    }

    /* BORDER RADIUS */
    .explore-home-image-wrapper {
        border-radius: 12px !important;
        overflow: hidden !important;
    }

    /* TEXT */
    .explore-home-product-card-heading-1 {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        font-family: 'Cormorant Garamond', serif !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 33px !important;
        letter-spacing: 0.22px !important;
        text-align: center !important;
        color: #0A0A0A !important;
    }

    .explore-home-product-card-heading {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        font-family: 'Cormorant Garamond', serif !important;
        font-weight: 500 !important;
        font-size: 11px !important;
        line-height: 20.8px !important;
        letter-spacing: 0.16px !important;
        text-align: left !important;
        color: #0A0A0A !important;
    }

    /* TAG */
    .explore-home-tag {
        left: auto !important;
        right: 10px !important;
        border-radius: 26037400px !important;
        background-color: rgba(255, 255, 255, 0.95) !important;
        height: 25px !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 400 !important;
        font-size: 11px !important;
        line-height: 16.5px !important;
        letter-spacing: 0.66px !important;
        text-align: center !important;
        color: #0A0A0A !important;
    }

    .explore-home-price {
        position: relative !important;
        height: 21px !important;
        top: 0.33px !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 300 !important;
        font-size: 14px !important;
        line-height: 21px !important;
        letter-spacing: 0.14px !important;
        color: rgba(0, 0, 0, 0.7) !important;
        text-align: left !important;
    }

    .explore-home-price-1 {
        position: relative !important;
        height: 21px !important;
        top: 0.33px !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 300 !important;
        font-size: 14px !important;
        line-height: 21px !important;
        letter-spacing: 0.14px !important;
        color: rgba(0, 0, 0, 0.7) !important;
    }

    /* BUTTON (optional always visible like design feel) */
    .explore-home-hover-btn {
        display: none !important;
    }

    /* Disable ALL hover/active visual changes */
    .explore-home-product-card {
        transition: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .explore-home-product-card * {
        transition: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }


    .explore-home-product-card:hover,
    .explore-home-product-card:active {
        transform: none !important;
    }

    .explore-home-product-card:hover .explore-home-product-card-heading,
    .explore-home-product-card:active .explore-home-product-card-heading {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        font-family: 'Cormorant Garamond', serif !important;
        font-weight: 500 !important;
        font-size: 11px !important;
        line-height: 20.8px !important;
        letter-spacing: 0.16px !important;
        text-align: left !important;
        color: #0A0A0A !important;
    }

    .explore-home-product-card:hover .explore-home-product-card-heading-1,
    .explore-home-product-card:active .explore-home-product-card-heading-1 {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        margin-top: 25px !important;
        font-family: 'Cormorant Garamond', serif !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 20.8px !important;
        letter-spacing: 0.16px !important;
        text-align: center !important;
        color: #0A0A0A !important;
    }

    .explore-home-product-card:hover .explore-home-price,
    .explore-home-product-card:active .explore-home-price,
    .explore-home-product-card:hover .explore-home-price-1,
    .explore-home-product-card:active .explore-home-price-1 {
        opacity: 1 !important;
    }

    .explore-home-product-card:hover .explore-home-image-wrapper img,
    .explore-home-product-card:active .explore-home-image-wrapper img {
        transform: none !important;
    }

    .explore-home-product-card:hover .explore-home-image-wrapper::after,
    .explore-home-product-card:active .explore-home-image-wrapper::after {
        background: transparent !important;
    }

    /* Explore section css code end */



    /* Authentication section css start */

    .features {
        padding: 20px 20px !important;
    }

    .features::before {
        left: 20px !important;
        right: 20px !important;
    }

    .features-grid {
        display: block !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .feature {
        display: flex !important;
        align-items: flex-start !important;
        text-align: left !important;
        padding: 20px 0 !important;
        border-bottom: 1px solid #e6e6e6 !important;
        gap: 10px !important;
    }

    .feature:last-child {
        border-bottom: none !important;
    }

    .feature::after {
        display: none !important;
    }

    .features-icon {
        margin: 8px 15px 0 0 !important;
        width: 25px !important;
        height: 25px !important;
    }

    .feature h4 {
        text-transform: none !important;
        margin-bottom: 4px !important;
        margin-top: 0px !important;
        text-align: left !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        font-family: 'Cormorant Garamond', serif !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        line-height: 19.6px !important;
        letter-spacing: 0.28px !important;
        color: #0A0A0A !important;
    }

    .feature p {
        max-width: 100% !important;
        text-align: left !important;
        position: relative !important;
        width: 288px !important;
        height: 36px !important;
        top: 0.42px !important;
        left: -0.01px !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 300 !important;
        font-size: 12px !important;
        line-height: 18px !important;
        letter-spacing: 0.12px !important;
        color: rgba(0, 0, 0, 0.6) !important;
    }

    .features-grid::before {
        display: none !important;
    }

    /* Authentication section css end */

    /* destop bautlr center slide css start */
    .bautlr-center-slide-wrapper {
        display: none !important;
    }

    /* destop bautlr center slide css end */

    /* bautlr mobile center slider cs code start */
    .bautlr-mobile-center-section {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px 20px 20px 20px;
        background: #fff;
    }

    .bautlr-mobile-center-container {
        width: 100%;
        max-width: 400px;
        position: relative;
        height: 625px;
        display: block !important;
    }

    .bautlr-mobile-center-slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 1;
        transition: opacity 1s ease-in-out;
        text-align: center;
        background: #fff;
    }

    /* Active slide ko upar lane ke liye */
    .bautlr-mobile-center-slide.active {
        opacity: 1;
        z-index: 2;
    }

    .bautlr-mobile-center-image {
        width: 100%;
        height: 400px;
        object-fit: cover;
        display: block;
    }

    .bautlr-mobile-center-content {
        padding: 30px 10px;
    }

    .bautlr-mobile-center-title {
        text-transform: uppercase;
        font-family: 'Cormorant Garamond', serif !important;
        font-weight: 500;
        font-size: 28px;
        line-height: 33.6px;
        letter-spacing: 0.56px;
        text-align: center;
        color: #0A0A0A;
    }

    .bautlr-mobile-center-description {
        font-family: 'Cormorant', serif !important;
        font-weight: 500;
        font-size: 15px;
        line-height: 21px;
        letter-spacing: 1.28px;
        text-align: center;
        color: rgba(0, 0, 0, 0.7);
    }

    .bautlr-mobile-center-button {
        background: transparent;
        cursor: pointer !important;
        width: 215px;
        height: 50px;
        border: 0.78px solid rgba(0, 0, 0, 0.2);
        border-radius: 6px;
        position: relative;
        font-family: 'Inter', sans-serif !important;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.96px;
        text-transform: uppercase;
        text-align: center;
        color: #0A0A0A;
    }

    .bautlr-mobile-center-dots {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-top: 15px;
    }

    .bautlr-mobile-center-dot {
        width: 7px;
        height: 7px;
        background: #ddd;
        border-radius: 50%;
        transition: 0.3s;
    }

    .bautlr-mobile-center-dot.active {
        background: #000;
    }

    /* bautlr mobile center slider cs code end */


    /* jewelr product section css code start */

    /* header size adjust */

    .jewelr-product-section-header {
        padding: 30px 0 40px !important;
    }

    .jewelr-product-section-header h1 {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        font-family: 'Cormorant Garamond', serif !important;
        font-weight: 500 !important;
        font-style: normal !important;
        font-size: 28px !important;
        line-height: 33.6px !important;
        letter-spacing: 0.56px !important;
        text-align: center !important;
        color: #0A0A0A !important;
        margin: auto !important;
        max-width: 100% !important;
    }

    .jewelr-product-section-header p {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        font-family: 'Cormorant', serif !important;
        font-weight: 500 !important;
        font-style: normal !important;
        font-size: 15px !important;
        line-height: 21px !important;
        letter-spacing: 1.28px !important;
        text-align: center !important;
        color: rgba(0, 0, 0, 0.6) !important;
        margin: auto !important;
        margin-top: auto !important;
        max-width: 100% !important;
        margin-top: 20px !important;
    }

    /* wrapper spacing */
    .jewelr-product-section-wrapper {
        padding: 0px 50px !important;
    }

    /* slider behavior */
    .jewelr-product-section-slider {
        gap: 16px !important;
        scroll-snap-type: x mandatory !important;
        padding-bottom: 10px !important;
    }

    /* CARD → show 1.5 or 2 cards like your image */
    .jewelr-product-section-col {
        flex: 0 0 75% !important;
        width: 100% !important;
        max-width: 230px !important;
    }

    /* image style */
    .jewelr-product-section-img {
        height: 249.98px !important;
        border-radius: 12px !important;
        width: 100% !important;
        max-width: 230px !important;
    }

    /* text spacing */
    .jewelr-product-section-title {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        top: 0.22px !important;
        font-family: 'Cormorant Garamond', serif !important;
        font-weight: 500 !important;
        font-style: normal !important;
        font-size: 15px !important;
        line-height: 22.1px !important;
        letter-spacing: 0.17px !important;
        color: #0A0A0A !important;
        margin-top: 10px !important;
    }

    .jewelr-product-section-metal-row img {
        width: 25px !important;
        height: 25px !important;
        border-radius: 170px !important;
    }

    .jewelr-product-section-dot {
        width: 15px !important;
        height: 15px !important;
        border-radius: 50% !important;
    }

    .jewelr-product-section-price {
        position: relative !important;
        height: 23px !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 300 !important;
        font-style: normal !important;
        font-size: 15px !important;
        line-height: 22.5px !important;
        letter-spacing: 0.15px !important;
        color: rgba(0, 0, 0, 0.7) !important;
    }

    /* hide arrows on mobile (like your screenshot) */
    .jewelr-product-section-arrow {
        display: flex !important;
        width: 34px !important;
        height: 34px !important;
        font-size: 30px !important;
        background: transparent !important;
        border-radius: 50% !important;
        border: none !important;
        box-shadow: none !important;
        z-index: 5 !important;
    }

    .jewelr-product-section-arrow-left {
        left: 10px !important;
        top: 35% !important;
        display: none;
    }

    .jewelr-product-section-arrow-right {
        right: 10px !important;
        top: 35% !important;
    }

    /* OPTIONAL: center snap feel */
    .jewelr-product-section-slider {
        scroll-padding-left: 16px !important;
    }

    .jewelr-product-section-dots {
        display: flex !important;
        justify-content: center !important;
        gap: 6px !important;
        margin-top: 15px !important;
    }

    /* jewelr product section css code end */


    /* arrival products section css code start */


    .arrival-products-section {
        background: #FAF9F7 !important;
    }

    .arrival-products-section-header {
        padding: 30px 0 40px !important;
    }

    .arrival-products-section-header h1 {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        font-family: 'Cormorant Garamond', serif !important;
        font-weight: 500 !important;
        font-style: normal !important;
        font-size: 28px !important;
        line-height: 33.6px !important;
        letter-spacing: 0.56px !important;
        text-align: center !important;
        color: #0A0A0A !important;
        margin: auto !important;
        max-width: 100% !important;
    }

    .arrival-products-section-header p {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        font-family: 'Cormorant', serif !important;
        font-weight: 500 !important;
        font-style: normal !important;
        font-size: 15px !important;
        line-height: 21px !important;
        letter-spacing: 1.28px !important;
        text-align: center !important;
        color: rgba(0, 0, 0, 0.6) !important;
        margin: auto !important;
        margin-top: auto !important;
        max-width: 100% !important;
        margin-top: 20px !important;
    }

    /* wrapper spacing */
    .arrival-products-section-wrapper {
        padding: 0px 35px !important;
    }

    /* slider behavior */
    .arrival-products-section-slider {
        gap: 16px !important;
        scroll-snap-type: x mandatory !important;
        padding-bottom: 10px !important;
    }

    /* CARD → show 1.5 or 2 cards */
    .arrival-products-section-col {
        flex: 0 0 75% !important;
        width: 100% !important;
        max-width: 230px !important;
    }

    /* image style */
    .arrival-products-section-img {
        height: 249.98px !important;
        border-radius: 12px !important;
        width: 100% !important;
        max-width: 230px !important;
    }

    /* text spacing */
    .arrival-products-section-title {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        top: 0.22px !important;
        font-family: 'Cormorant Garamond', serif !important;
        font-weight: 500 !important;
        font-style: normal !important;
        font-size: 15px !important;
        line-height: 22.1px !important;
        letter-spacing: 0.17px !important;
        color: #0A0A0A !important;
        margin-top: 10px !important;
    }

    .arrival-products-section-metal-row img {
        width: 25px !important;
        height: 25px !important;
        border-radius: 170px !important;
    }

    .arrival-products-section-dot {
        width: 15px !important;
        height: 15px !important;
        border-radius: 50% !important;
    }

    .arrival-products-section-price {
        position: relative !important;
        height: 23px !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 300 !important;
        font-style: normal !important;
        font-size: 15px !important;
        line-height: 22.5px !important;
        letter-spacing: 0.15px !important;
        color: rgba(0, 0, 0, 0.7) !important;
    }

    /* arrows mobile */
    .arrival-products-section-arrow {
        display: flex !important;
        width: 34px !important;
        height: 34px !important;
        font-size: 30px !important;
        background: transparent !important;
        border-radius: 50% !important;
        border: none !important;
        box-shadow: none !important;
        z-index: 5 !important;
    }

    .arrival-products-section-arrow-left {
        left: 10px;
        top: 35%;
        display: none;
    }

    .arrival-products-section-arrow-right {
        right: 10px;
        top: 35%;
    }

    /* center snap */
    .arrival-products-section-slider {
        scroll-padding-left: 16px !important;
    }

    .arrival-products-section-dots {
        display: flex !important;
        justify-content: center !important;
        gap: 6px !important;
        margin-top: 15px !important;
    }


    /* arrival product section css code end */


    /* faq secton css code start */

    .faq-section-container {
        display: none !important;
    }

    .mobile-faq-section {
        background: #f5f3ef;
        font-family: 'Georgia', serif;
        padding: 30px 20px;
        display: block !important;
    }

    .mobile-faq-section__container {
        max-width: 420px;
        margin: auto;
    }

    .mobile-faq-section__title {
        margin-bottom: 15px;
        position: relative;
        height: 68px;
        font-family: 'Cormorant Garamond', serif;
        font-weight: 500;
        font-size: 28px;
        line-height: 33.6px;
        letter-spacing: 0.56px;
        text-align: center;
        color: #0A0A0A;
    }

    .mobile-faq-section__item {
        border-bottom: 1px solid #ddd;
    }

    .mobile-faq-section__question {
        display: flex;
        gap: 20px;
        justify-content: space-between;
        align-items: center;
        padding: 16px 0;
        cursor: pointer;
    }

    .mobile-faq-section__question span {
        position: relative;
        height: auto;
        font-family: 'Cormorant', serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.16px;
        color: #0A0A0A;
    }

    .mobile-faq-section__arrow {
        transition: transform 0.3s ease;
    }

    .mobile-faq-section__item.active .mobile-faq-section__arrow {
        transform: rotate(180deg);
    }

    .mobile-faq-section__answer {
        max-height: 0;
        overflow: hidden;
        transition: none !important;
    }

    .mobile-faq-section__item.active .mobile-faq-section__answer {
        max-height: 200px;
        height: 100px;
        font-family: 'Cormorant', serif;
        font-weight: 500;
        font-size: 15px;
        line-height: 25px;
        letter-spacing: 1.28px;
        color: rgba(0, 0, 0, 0.7);
    }

    .mobile-faq-section__view-all {
        margin-top: 22px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        position: relative;
        height: 20px;
        font-family: 'Inter', sans-serif;
        font-weight: 400;
        font-size: 13px;
        line-height: 19.5px;
        letter-spacing: 0.78px;
        text-transform: uppercase;
        text-align: center;
        color: #0A0A0A;
    }

    /* faq secton css code end */

    /* instagram section css start */
    .bautlr-instagram-contener {
        padding: 30px 20px;
    }

    .bautlr-instagram-section h2 {
        position: relative;
        height: 34px;
        font-family: 'Cormorant Garamond', serif !important;
        font-weight: 500;
        font-size: 28px;
        line-height: 33.6px;
        letter-spacing: 0.56px;
        text-align: center;
        color: #0A0A0A;
    }

    .bautlr-instagram-section p {
        height: 42px;
        font-family: 'Cormorant', serif !important;
        font-weight: 500;
        font-size: 15px;
        line-height: 21px;
        letter-spacing: 1.28px;
        text-align: center;
        color: rgba(0, 0, 0, 0.6);
        margin-bottom: 0px;
    }

    .bautlr-instagram-section-follow {
        margin-top: 25px;
    }

    .bautlr-instagram-section-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 0px !important;
    }

    .bautlr-instagram-section-follow a {
        position: relative;
        width: 100%;
        height: 20px;
        font-family: 'Inter', sans-serif !important;
        font-weight: 400;
        font-size: 13px;
        line-height: 19.5px;
        letter-spacing: 0.78px;
        text-align: center;
        color: #0A0A0A;
        max-width: 170px;
        border-bottom: none;
    }

    .bautlr-instagram-section-follow a::after {
        display: none;
    }

    .bautlr-instagram-section-item {
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100%;
        max-width: 161px;
        height: 161px;
        margin: auto;
    }

    .bautlr-arrow {
        top: 0px;
    }

    /* instagram section css end */

    /* gemston section css start */

    .bautle-gemstone-home-section {
        overflow: hidden;
        position: relative;
    }

    .bautle-gemstone-home-section-contener {
        padding: 40px 0px;
    }

    .bautle-gemstone-home-section-header {
        margin-bottom: 35px;
        padding: 0px 20px;
    }

    .bautle-gemstone-home-section-header h2 {
        height: auto;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: 1px;
    }

    .bautle-gemstone-home-section-header p {
        height: auto;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0.5px;
    }

    /* SLIDER WRAPPER */
    .bautle-gemstone-home-grid-wrapper {
        position: relative;
    }

    /* MOBILE SLIDER */
    .bautle-gemstone-home-grid {
        display: flex;
        gap: 14px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0px 20px 10px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
    }

    .bautle-gemstone-home-grid::-webkit-scrollbar {
        display: none;
    }

    /* CARD */
    .bautle-gemstone-home-card {
        min-width: 165px;
        width: 165px;
        height: auto;
        flex-shrink: 0;
        scroll-snap-align: start;
    }

    /* LARGE CARD */
    .bautle-gemstone-home-card.large {
        min-width: 190px;
        width: 190px;
        height: auto;
        grid-column: unset;
        grid-row: unset;
    }

    /* IMAGE */
    .bautle-gemstone-home-card img {
        height: 160px;
    }

    .bautle-gemstone-home-card.large img {
        height: 200px;
    }

    /* INFO */
    .bautle-gemstone-home-info {
        min-height: auto;
        padding: 12px;
    }

    .bautle-gemstone-home-trait {
        font-size: 9px;
        line-height: 14px;
        letter-spacing: 1px;
    }

    .bautle-gemstone-home-name {
        font-size: 18px;
        line-height: 28px;
    }

    /* HIDDEN ITEMS MOBILE */
    .bautle-gemstone-home-hidden-item {
        display: flex;
        opacity: 1;
        transform: unset;
    }

    /* HIDE DESKTOP BUTTON */
    .bautle-gemstone-home-button-container {
        display: none;
    }

    /* PREV BUTTON */
    .bautle-gemstone-home-slider-prev-btn {
        position: absolute;
        display: block;
        top: 42%;
        left: 8px;
        transform: translateY(-50%);
        width: 38px;
        height: 38px;
        border-radius: 50%;
        border: none;
        background: rgba(255, 255, 255, 0.95);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
        z-index: 5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .bautle-gemstone-home-slider-prev-btn::after {
        content: "‹";
        font-size: 34px;
        line-height: 1;
        color: #777;
        margin-top: -3px;
    }

    /* NEXT BUTTON */
    .bautle-gemstone-home-slider-btn {
        position: absolute;
        display: block;
        top: 42%;
        right: 8px;
        transform: translateY(-50%);
        width: 38px;
        height: 38px;
        border-radius: 50%;
        border: none;
        background: rgba(255, 255, 255, 0.95);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
        z-index: 5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .bautle-gemstone-home-slider-btn::after {
        content: "›";
        font-size: 34px;
        line-height: 1;
        color: #777;
        margin-top: -3px;
    }

    /* gemston section css end */

    /* footer css start */
    .new-footer-custom,
    .new-footer-custopm-container {
        display: none !important;
    }

    .mobile-footer-new {
        display: block !important;
        background: #0D0D0D !important;
        color: #aaa !important;
        padding: 30px 20px !important;
        text-align: center !important;
    }

    .mobile-footer-logo-div {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 342px !important;
        height: 98px !important;
        gap: 0px !important;
        padding-bottom: 31px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        margin: auto !important;
        margin-bottom: 20px !important;
    }

    .mobile-logo {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 40px !important;
        font-family: 'Cormorant Garamond', serif !important;
        font-weight: 300 !important;
        font-size: 36px !important;
        line-height: 100% !important;
        letter-spacing: 7.2px !important;
        text-align: center !important;
        color: #FFF !important;
    }

    .mobile-tagline {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 35px !important;
        font-family: 'Cormorant Garamond', serif !important;
        font-weight: 300 !important;
        font-style: italic !important;
        font-size: 13px !important;
        line-height: 100% !important;
        letter-spacing: 0.65px !important;
        text-align: center !important;
        color: rgba(255, 255, 255, 0.5) !important;
    }

    .mobile-newsletter h3 {
        position: relative !important;
        width: 100% !important;
        height: 21px !important;
        font-family: 'Cormorant Garamond' !important;
        font-weight: 500 !important;
        font-size: 20px !important;
        line-height: 21px !important;
        letter-spacing: 0.24px !important;
        text-align: center !important;
        color: #FFF !important;
    }

    .mobile-newsletter p {
        position: relative !important;
        width: 100% !important;
        height: 21px !important;
        font-family: 'Inter' !important;
        font-weight: 300 !important;
        font-size: 12px !important;
        line-height: 21px !important;
        letter-spacing: 0.14px !important;
        text-align: center !important;
        color: rgba(255, 255, 255, 0.6) !important;
    }

    .mobile-input {
        display: flex !important;
        background: transparent !important;
        border-radius: 6px !important;
        overflow: hidden !important;
        width: 100% !important;
        max-width: 319px !important;
        margin: auto !important;
        gap: 8px !important;
        padding-bottom: 20px !important;
    }

    .mobile-input input {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        max-width: 243px !important;
        height: 50px !important;
        padding: 12px 16px !important;
        border-radius: 6px !important;
        border: 0.78px solid #00000026 !important;
        background-color: #FFF !important;
    }

    .mobile-input span {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        width: 68px !important;
        height: 50px !important;
        padding: 5px 24px 5px 24px !important;
        border-radius: 6px !important;
    }

    .mobile-input span:hover {
        background: #fff !important;
        color: #000 !important;
    }

    /* ACCORDION */
    .mobile-accordion {
        text-align: left !important;
        margin-bottom: 25px !important;
    }

    .acc-block {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 342px !important;
        height: auto !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        margin: auto !important;
    }

    .acc-item {
        padding: 20px 0 !important;
        justify-content: space-between !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        height: 13px !important;
        font-family: 'Jost', sans-serif !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 100% !important;
        letter-spacing: 2.52px !important;
        text-transform: uppercase !important;
        color: rgba(255, 255, 255, 0.85) !important;
    }

    .acc-content {
        display: none !important;
        padding: 10px 0 !important;
    }

    .acc-content a {
        display: block !important;
        width: 100% !important;
        height: 35px !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 300 !important;
        font-size: 12px !important;
        line-height: 21px !important;
        letter-spacing: 0.14px !important;
        color: rgba(255, 255, 255, 0.85) !important;
    }

    .acc-block.active .acc-content {
        display: block !important;
    }

    .mobile-email {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-family: 'Jost', sans-serif !important;
        font-weight: 300 !important;
        font-size: 11px !important;
        line-height: 100% !important;
        letter-spacing: 0.88px !important;

        text-align: center !important;
        color: rgba(255, 255, 255, 0.4) !important;
    }

    .mobile-email span {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-family: 'Jost', sans-serif !important;
        font-weight: 300 !important;
        font-size: 11px !important;
        line-height: 100% !important;
        letter-spacing: 0.88px !important;
        text-align: center !important;
        color: #D4AF7A !important;
    }

    .mobile-payments {
        display: flex !important;
        justify-content: center !important;
        gap: 10px !important;
        margin: 20px 0 !important;
    }

    .mobile-payments span {
        border: 1px solid #333 !important;
        padding: 8px 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-family: 'Jost', sans-serif !important;
        font-weight: 400 !important;
        font-size: 11px !important;
        line-height: 100% !important;
        letter-spacing: 1.2px !important;
        text-transform: uppercase !important;
        text-align: center !important;
        color: rgba(255, 255, 255, 0.3) !important;
    }

    .mobile-copy {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-family: 'Jost', sans-serif !important;
        font-weight: 300 !important;
        font-size: 9px !important;
        line-height: 14.4px !important;
        letter-spacing: 0.9px !important;
        text-align: center !important;
        color: rgba(255, 255, 255, 0.22) !important;
    }

    .mobile-icons-new {
        display: flex !important;
        justify-content: center !important;
        gap: 20px !important;
    }

    .mobile-icons-new div {
        border: 1px solid #333 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
    }

    .mobile-icons-new i {
        color: #ccc !important;
        font-size: 16px !important;
    }

    /* footer css end */
}