/*-- @font-face --*/
@font-face {
    font-family: "Lato Regular";
    src: url('/fonts/Lato-Regular.woff2') format('woff2'),
        url('/fonts/Lato-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins Regular";
    src: url('/fonts/Poppins-Regular.woff2') format('woff2'),
        url('/fonts/Poppins-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins Medium";
    src: url('/fonts/Poppins-Medium.woff2') format('woff2'),
        url('/fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins SemiBold";
    src: url('/fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('/fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins Bold";
    src: url('/fonts/Poppins-Bold.woff2') format('woff2'),
        url('/fonts/Poppins-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins ExtraBold";
    src: url('/fonts/Poppins-ExtraBold.woff2') format('woff2'),
        url('/fonts/Poppins-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Playfair Display Regular";
    src: url('/fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
        url('/fonts/PlayfairDisplay-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Playfair Display Medium";
    src: url('/fonts/PlayfairDisplay-Medium.woff2') format('woff2'),
        url('/fonts/PlayfairDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Playfair Display SemiBold";
    src: url('/fonts/PlayfairDisplay-SemiBold.woff2') format('woff2'),
        url('/fonts/PlayfairDisplay-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Playfair Display Bold";
    src: url('/fonts/PlayfairDisplay-Bold.woff2') format('woff2'),
        url('/fonts/PlayfairDisplay-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Pattaya Regular";
    src: url('/fonts/Pattaya-Regular.woff2') format('woff2'),
        url('/fonts/Pattaya-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/*-- CSS Variables --*/
:root {
    --color-burgundy: #9C1137;
    --color-burgundy-600: #7B2431;
    --color-burgundy-700: #732E24;
    --color-gold: #AF7F25;
    --color-gold-600: #9A6400;
    --color-gold-700: #976300;
    --color-white: #ffffff;
    --color-white-50: #FDFDFD;
    --color-white-100: #FAFAFA;
    --color-black: #000000;
    --color-black-300: #212121;
    --color-black-400: #222222;
    --color-black-500: #202020;
    --color-black-600: #1f1f1f;
    --color-red: #CA5B57;
    --color-red-50: #ffeded;
    --color-red-100: #ffe2e2;
    --color-red-300: #F86D6B;
    --color-red-350: #EF817C;
    --color-red-400: #E77570;
    --color-red-600: #BD8C8B;
    --color-red-700: #693337;
    --color-red-800: #8A5257;
    --color-red-900: #5A0F1C;
    --color-blue-600: #0357CC;
    --color-blue-700: #0C19C9;
    --color-green-600: #009141;
    --color-peach-25: #FFF7F4;
    --color-peach-50: #FFEEE9;
    --color-peach-100: #F4DCCD;
    --color-orange-25: #FFF4EE;
    --color-orange-50: #FFF8EF;
    --color-orange-100: #FFECC9;
    --color-orange-200: #FFE8C2;
    --color-yellow-50: #FEFAF0;
    --color-yellow-300: #FEE685;
    --color-yellow-500: #d5ab48;
    --color-amber-500: #EE9D1A;
    --color-beige-100: #F2E9DB;
    --color-gray-50: #F9FAFC;
    --color-gray-100: #F0F0F0;
    --color-gray-200: #EEEEEE;
    --color-gray-250: #EBEBEB;
    --color-gray-300: #E5E1E1;
    --color-gray-400: #E0DEDE;
    --color-gray-450: #DFDFDF;
    --color-gray-475: #D8D8D8;
    --color-gray-500: #DEDCDC;
    --color-gray-550: #BFBFBF;
    --color-gray-600: #A7A7A7;
    --color-gray-650: #9C9C9C;
    --color-gray-700: #8C8C8C;
    --color-gray-900: #292D32;
    --color-neutral-50: #FAF7F1;
    --color-neutral-100: #FFFAF6;
    --color-neutral-200: #E3E3E3;
    --color-neutral-300: #D9D9D9;
    --color-neutral-400: #ADADAD;
    --color-neutral-500: #626262;
    --color-olive-200: #EAEAEA;
    --color-taupe-400: #958F86;
    --color-stone-300: #C3C3C3;
}

/*-- Global CSS --*/
html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Poppins Regular", sans-serif;
    background-color: var(--color-neutral-50);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Playfair Display Regular", serif;
}

a {
    text-decoration: none;
}

a:hover {
    transition: all 0.4s ease-in-out;
}

.mt-12 {
    margin-top: 12px;
}

.mb-12 {
    margin-bottom: 12px !important;
}

.mb-32 {
    margin-bottom: 32px !important;
}

.mb-40 {
    margin-bottom: 40px;
}

.mt-42 {
    margin-top: 42px !important;
}

.pt-12 {
    padding-top: 12px;
}

.gap-10 {
    gap: 10px;
}

.gap-12 {
    gap: 12px;
}

.gap-20 {
    gap: 20px;
}

.text-red {
    color: var(--color-red);
}

.column-gap-10 {
    column-gap: 10px;
}

.animate-on-scroll {
    opacity: 0;
}

.animate-on-scroll.show {
    opacity: 1;
}

.thm-btn {
    font-size: 18px;
    font-family: "Poppins SemiBold";
    font-weight: 600;
    color: var(--color-white);
    text-align: center;
    background-color: var(--color-red-300);
    padding: 16px;
    border: none;
    border-radius: 0;
    display: inline-block;
}

.thm-btn:hover {
    color: var(--color-white);
    background-color: var(--color-yellow-500);
    transition: all 0.4s ease-in-out;
}

.thm-btn-1 {
    font-size: 18px;
    font-family: "Poppins SemiBold";
    font-weight: 600;
    color: var(--color-red-300);
    text-align: center;
    background-color: var(--color-white);
    padding: 15px 16px;
    border: 1px solid var(--color-red-300);
    border-radius: 0;
    display: inline-block;
}

.thm-btn-1:hover {
    color: var(--color-white);
    background-color: var(--color-red-300);
    transition: all 0.4s ease-in-out;
}

.thm-btn-2 {
    font-size: 18px;
    font-family: "Poppins SemiBold";
    font-weight: 600;
    color: var(--color-white);
    text-align: center;
    background-color: transparent;
    padding: 15px 16px;
    border: 1px solid var(--color-white);
    border-radius: 0;
    display: inline-block;
}

.thm-btn-2:hover {
    color: var(--color-black);
    background-color: var(--color-white);
    transition: all 0.4s ease-in-out;
}

/*-- Form Elements --*/
input,
select,
button {
    outline: none;
    box-shadow: none;
}

input:focus,
select:focus,
button:focus {
    outline: none;
    box-shadow: none !important;
}

.form-control:focus {
    border-color: transparent;
    box-shadow: none;
}

/*-- Start Header --*/
.header {
    width: 100%;
    transition: all 0.6s ease-in-out;
}

.header-sticky.is-sticky {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
}

.header-top {
    background-color: var(--color-red-300);
    padding: 5px;
    font-size: 14px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    color: var(--color-white);
}

.header-wrapper {
    padding: 12px 60px;
    background-color: var(--color-white);
}

.header-logo img {
    width: auto;
    max-height: 65px;
}

.header-search {
    width: 552px;
}

.header-search .search-icon {
    position: absolute;
    left: 16px;
}

.header-search .form-control {
    background-color: var(--color-neutral-100);
    border: 1px solid var(--color-olive-200);
    border-radius: 8px;
    padding: 12.5px 52px;
    font-size: 16px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    color: var(--color-taupe-400);
}

.header-search input::placeholder {
    opacity: 1;
}

.header-search .gallery-add-icon {
    position: absolute;
    right: 52px;
}

.header-search .microphone-icon {
    position: absolute;
    right: 16px;
}

.header-right {
    padding: 12px 0 12px 12px;
}

.swarndwar-scheme-btn {
    background-color: var(--color-orange-100);
    border: 1px solid var(--color-gold);
    border-radius: 8px;
    padding: 12px 8px;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-black-500);
    line-height: 20px;
}

.header-right-icon-option ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    gap: 24px;
}

.header-right-icon-option ul li {
    position: relative;
}

.header-right-icon-option ul li a {
    color: var(--color-gray-900);
}

.header-right-icon-option ul li a:hover {
    color: var(--color-red);
}

.header-right-icon-option ul li .count-box {
    position: absolute;
    top: -4px;
    right: -8px;
    width: 17px;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    color: var(--color-white);
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    background-color: var(--color-red-900);
}

.header-nav {
    background: linear-gradient(90deg, rgba(154, 84, 87, 1) 0%, rgba(187, 120, 122, 1) 46%, rgba(136, 76, 79, 1) 100%);
}

.header-nav .navbar {
    padding: 0;
}

.header-nav .navbar-nav {
    gap: 38px;
    align-items: center;
}

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

.header-nav .navbar-nav .nav-item {
    padding: 20px 0;
}

.header-nav .navbar-expand-xl .navbar-nav .nav-link {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-white);
    padding: 0;
}

.header-nav .navbar-expand-xl .navbar-nav .nav-link:hover {
    color: var(--color-yellow-500);
}

.header-nav .navbar .dropdown {
    position: unset;
}

.header-nav .navbar .mega-menu {
    position: absolute;
    z-index: 3;
    top: 64px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 24px 60px;
    max-width: 1440px;
    background-color: var(--color-white);
    opacity: 0;
}

.header-nav .mega-menu-list {
    min-width: 159px;
}

.header-nav .mega-menu-list h6 {
    font-size: 18px;
    font-family: "Playfair Display Medium";
    font-weight: 500;
    color: var(--color-red-900);
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px dashed var(--color-stone-300);
}

.header-nav .mega-menu-list ul {
    padding-left: 0;
    margin-bottom: 30px;
    list-style-type: none;
}

.header-nav .mega-menu-list ul li {
    margin-bottom: 12px;
}

.header-nav .mega-menu-list ul li a {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-black-400);
}

.header-nav .mega-menu-list ul li a img {
    width: 17px;
    margin-right: 6px;
}

.header-nav .mega-menu-list ul li a:hover {
    color: var(--color-red);
}

.mega-menu-banner img {
    width: 491px;
    height: 270px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 20px;
}

.mega-menu-banner h6 {
    font-size: 18px;
    font-family: "Playfair Display Medium";
    font-weight: 500;
    color: var(--color-red-900);
    margin-bottom: 0;
    text-transform: capitalize;
    text-decoration: underline;
}

.header-login {
    padding: 6px 16px;
    gap: 16px;
}

.login-btn {
    position: relative;
    background: linear-gradient(90deg, rgba(247, 235, 228, 1) 0%, rgba(230, 199, 185, 1) 100%);
    border-radius: 8px;
    padding: 14px 12px;
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 14px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-black-500);
    line-height: 20px;
    width: 50%;
}

.login-btn::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    padding: 0px;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(138, 82, 87, 0.6) 3%, rgba(138, 82, 87, 0.1) 52%, rgba(138, 82, 87, 1) 100%);
    transition: 0.8s;
}

.login-btn i {
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 50%;
    background-color: var(--color-white);
    font-size: 18px;
    color: var(--color-red-800);
}

.login-btn span {
    font-size: 12px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-red-800);
    text-transform: capitalize;
    display: block;
}

.login-btn {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-black-600);
    text-transform: capitalize;
}

.hamburger-top {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--color-white);
    padding: 8px 16px;
}

.hamburger-top img {
    width: 18px;
    height: auto;
}

.close-hamburger {
    background-color: transparent;
    border: none;
    padding: 0;
    font-size: 24px;
    color: var(--color-black-600);
}

.mega-menu-top {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--color-yellow-50);
    padding: 8px 16px;
}

.mega-menu-top::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(138, 82, 87, 0.1) 3%, rgba(138, 82, 87, 1) 53%, rgba(138, 82, 87, 0.1) 100%);
}

.mega-menu-top h5 {
    font-size: 20px;
    font-weight: 600;
    color: var(--color-red-900);
    line-height: 26px;
    margin-bottom: 0;
}

.close-mega-menu {
    background-color: transparent;
    border: none;
    padding: 0;
    font-size: 24px;
    color: var(--color-black-600);
}

.header-cart-btn {
    padding: 24px 16px 12px;
    width: 100%;
}

.header-cart-btn ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    width: 100%;
}

.header-cart-btn ul li {
    width: 50%;
}

.header-cart-btn ul li a {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-black-600);
    background-color: var(--color-yellow-50);
    border-radius: 4px;
    text-transform: uppercase;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

.header-cart-btn ul li a::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    padding: 0px;
    border-radius: 4px;
    background: linear-gradient(180deg, rgba(138, 82, 87, 0.6) 3%, rgba(138, 82, 87, 0.1) 52%, rgba(138, 82, 87, 1) 100%);
    transition: 0.8s;
}

.header-collection {
    width: 100%;
    padding: 16px 0px 16px 16px;
}

.header-collection img {
    width: 170.5px !important;
    height: 85px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 8px;
}

.header-collection h4 {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-red-900);
    margin-bottom: 0;
    text-decoration: underline;
}

.header-collection .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 12px;
}

.header-collection .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    background-color: var(--color-neutral-300);
    border-radius: 0;
    margin: 0 4px;
    transform: rotate(45deg);
    transition: all 0.4s ease-in-out;
}

.header-collection .owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--color-burgundy);
}

.header-collection .owl-theme .owl-dots .owl-dot:hover span {
    background-color: var(--color-burgundy);
}

.header-social {
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--color-yellow-50);
    padding: 15px 16px;
}

.header-social::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(138, 82, 87, 0.1) 3%, rgba(138, 82, 87, 1) 53%, rgba(138, 82, 87, 0.1) 100%);
}

.header-social ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 22px;
}

.header-social ul li a {
    font-size: 20px;
    color: var(--color-red-900);
}

.header-social ul li a:hover {
    color: var(--color-yellow-500);
}

/*-- End Header --*/

/*-- Start Hero Banner --*/
.hero-banner .owl-carousel .item .slide-bg {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 730px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
}

.hero-banner-cnt {
    padding: 99px 0 98px;
    max-width: 506px;
}

.hero-banner-cnt .subtitle {
    font-size: 24px;
    font-family: "Playfair Display Regular", serif;
    font-weight: 400;
    color: var(--color-black-400);
    line-height: 32px;
    display: block;
    margin-bottom: 12px;
}

.hero-banner-cnt h1 {
    font-size: 56px;
    font-family: "Playfair Display Bold";
    font-weight: 700;
    color: var(--color-black);
    line-height: 75px;
    margin-bottom: 12px;
}

.hero-banner-cnt-2 h1 {
    font-family: "Pattaya Regular", sans-serif;
    color: var(--color-red-900);
    margin-bottom: 0;
}

.hero-banner-cnt h2 {
    font-size: 36px;
    font-family: "Poppins Regular", sans-serif;
    font-weight: 400;
    color: var(--color-black);
    margin-bottom: 12px;
}

.hero-banner-cnt img {
    width: 49px !important;
    display: inline !important;
    margin-left: 6px;
}

.hero-banner-cnt p {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-black-400);
    margin-bottom: 0;
}

.hero-banner-cnt .thm-btn {
    margin-top: 40px;
}

.hero-banner .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 42px;
}

.hero-banner .owl-theme .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin: 0 auto;
}

.hero-banner .owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    background-color: var(--color-white);
    border-radius: 0;
    margin: 0 8px;
    transform: rotate(45deg);
    transition: all 0.4s ease-in-out;
}

.hero-banner .owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--color-burgundy);
}

.hero-banner .owl-theme .owl-dots .owl-dot:hover span {
    background-color: var(--color-burgundy);
}

.hero-banner .owl-nav {
    position: absolute;
    right: 62px;
    bottom: 24px;
    margin: 0;
}

.hero-banner .owl-carousel .owl-nav button.owl-prev,
.hero-banner .owl-carousel .owl-nav button.owl-next {
    font-size: 20px;
    color: var(--color-red-900);
    background-color: var(--color-beige-100);
    border: 2px solid var(--color-red-900);
    border-radius: 50%;
    width: 56px;
    height: 56px;
    line-height: 56px;
    margin: 0;
}

.hero-banner .owl-carousel .owl-nav button.owl-prev {
    margin-right: 8px;
}

.hero-banner .owl-carousel .owl-nav button.owl-prev:hover,
.hero-banner .owl-carousel .owl-nav button.owl-next:hover {
    background-color: var(--color-beige-100);
    color: var(--color-red-900);
    transition: .4s;
}

/*-- End Hero Banner --*/

/*-- Start Home Banner --*/
.home-banner {
    padding: 40px 0 80px;
}

.home-banner-box {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.home-banner-box::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    padding: 1px;
    border-radius: 8px;
    background: linear-gradient(180deg,
            rgba(138, 82, 87, 0.6) 3%,
            rgba(138, 82, 87, 0.1) 52%,
            rgba(138, 82, 87, 1) 100%);
    opacity: 0;
    transition: opacity 0.5s ease;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.home-banner-box img {
    width: 100%;
    display: block;
    border-radius: 8px;
    transition: transform 0.8s ease;
}

.home-banner-box:hover::before {
    opacity: 1;
}

.home-banner-box:hover img {
    transform: scale(1.08);
}

.home-banner .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 12px;
}

.home-banner .owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    background-color: var(--color-neutral-300);
    border-radius: 0;
    margin: 0 8px;
    transform: rotate(45deg);
    transition: all 0.4s ease-in-out;
}

.home-banner .owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--color-burgundy);
}

.home-banner .owl-theme .owl-dots .owl-dot:hover span {
    background-color: var(--color-burgundy);
}

/*-- End Home Banner --*/

/*-- Start Features Box --*/
.features-box {
    position: relative;
    background-color: var(--color-white);
    border-radius: 8px;
    padding: 24px;
    max-width: 1261px;
    min-height: 202px;
    margin: 0 auto;
}

.features-box::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    padding: 0px;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(138, 82, 87, 0.6) 3%, rgba(138, 82, 87, 0.1) 52%, rgba(138, 82, 87, 1) 100%);
    transition: 0.8s;
}

.features-box ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    gap: 32px;
}

.features-box ul li {
    position: relative;
}

.features-box ul li::after {
    content: "";
    position: absolute;
    top: 16px;
    right: -16px;
    width: 1px;
    height: 119px;
    background: linear-gradient(180deg, rgba(105, 51, 55, 0) 5%, rgba(97, 32, 41, 0.7) 28%, rgba(90, 15, 28, 1) 49%, rgba(98, 35, 43, 0.7) 76%, rgba(98, 35, 43, 0) 100%);
}

.features-box ul li:last-child::after {
    display: none;
}

.features-icon-box {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    line-height: 65px;
    text-align: center;
    padding-top: 7px;
    margin: 0 auto;
}

.features-icon-box::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    transform: scale(1);
    transition: transform 0.8s ease;
}

.features-box ul li:hover .features-icon-box::before {
    transform: scale(1.2154);
    background-color: var(--color-orange-50);
    border: 1px solid var(--color-orange-200);
}

.features-icon-box img {
    width: 48px;
}

.features-box ul li:hover .features-icon-box img {
    position: relative;
    z-index: 1;
}

.features-box .features-cnt {
    margin-top: 16px;
    transition: 0.4s ease;
}

.features-box ul li:hover .features-cnt {
    margin-top: 22px;
}

.features-box .features-cnt h3 {
    font-size: 16px;
    font-family: "Playfair Display SemiBold";
    font-weight: 600;
    color: var(--color-black-600);
    line-height: 32px;
    letter-spacing: 1px;
    margin: 0 0 2px;
    white-space: nowrap;
}

.features-box .features-cnt span {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-neutral-500);
    line-height: 25px;
    white-space: nowrap;
    display: block;
    padding-bottom: 7px;
}

.features-box ul li:hover .features-cnt span {
    padding-bottom: 0px;
}

@keyframes zoom-in {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2154, 1.2154);
    }
}

.features-box-item {
    position: relative;
    background-color: var(--color-white);
    border-radius: 8px;
    padding: 10px 8px;
    margin: 1px;
}

.features-box-item::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    padding: 0px;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(138, 82, 87, 0.6) 3%, rgba(138, 82, 87, 0.1) 52%, rgba(138, 82, 87, 1) 100%);
    transition: 0.8s;
}

.features-box-item a {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.features-box-item .features-icon-box {
    width: 44px;
    height: 44px;
    line-height: 44px;
    padding-top: 0px;
}

.features-box-item .features-icon-box::before {
    display: none;
}

.features-box-item .features-cnt h3 {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-black-600);
    line-height: 19px;
    letter-spacing: 1px;
    margin: 0 0 2px;
    white-space: nowrap;
}

.features-box-item .features-cnt span {
    font-size: 12px;
    font-weight: 400;
    color: var(--color-neutral-500);
    line-height: 18px;
    white-space: nowrap;
    display: block;
    padding-bottom: 0;
}

/*-- End Features Box --*/

/*-- Start Shop Category --*/
.shop-category {
    padding: 80px 0;
}

.shop-category-slider .owl-stage {
    display: flex;
}

.shop-category-slider .owl-item {
    width: auto !important;
}

.shop-category-slider {
    margin-top: -11px;
}

.shop-category-item {
    padding-top: 11px;
}

.shop-category-item .shop-category-bg {
    position: relative;
}

.shop-category-item .shop-category-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: 0 auto;
    width: 198px;
    height: 198px;
    border-radius: 50%;
    padding: 2px;
    background: linear-gradient(180deg, rgba(138, 82, 87, 0.6) 3%, rgba(138, 82, 87, 0.1) 52%, rgba(138, 82, 87, 1) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transform: scale(0.8);
    transition: transform 0.6s ease, opacity 0.6s ease;
}

.shop-category-item .shop-category-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: 0 auto;
    width: 198px;
    height: 198px;
    border-radius: 50%;
    background: linear-gradient(0deg, rgba(227, 195, 161, 0.4) 0%, rgba(227, 195, 161, 0.1) 47%, rgba(227, 195, 161, 0.4) 100%);
    opacity: 0;
    transform: scale(0.8);
    transition: transform 0.6s ease, opacity 0.6s ease;
}

.shop-category-item:hover .shop-category-bg::before,
.shop-category-item:hover .shop-category-bg::after {
    opacity: 1;
    transform: scale(1.11);
}

.shop-category-item .shop-category-img {
    position: relative;
    z-index: 1;
    width: 198px;
    height: 198px;
    border-radius: 50%;
    margin: 0 auto 24px;
    overflow: hidden;
}

.shop-category-item .shop-category-img img {
    width: 198px;
    height: 198px;
    object-fit: cover;
    transition: transform 0.8s ease;
}

.shop-category-item:hover .shop-category-img img {
    transform: scale(1.2);
}

.shop-category-item h4 {
    font-size: 24px;
    font-weight: 400;
    color: var(--color-black-600);
    margin-bottom: 8px;
    max-width: 195px;
}

.shop-category-item span {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-red-600);
}

.shop-category-slider.owl-carousel .owl-stage-outer {
    padding-left: 60px;
}

.shop-category .owl-theme .owl-dots {
    margin-top: 42px;
}

.shop-category .owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    background-color: var(--color-neutral-300);
    border-radius: 0;
    margin: 0 8px;
    transform: rotate(45deg);
    transition: all 0.4s ease-in-out;
}

.shop-category .owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--color-burgundy);
}

.shop-category .owl-theme .owl-dots .owl-dot:hover span {
    background-color: var(--color-burgundy);
}

.shop-category-slider.owl-carousel .owl-nav {
    margin-top: 0px;
}

.shop-category .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 82px;
    left: 36px;
    bottom: 0;
}

.shop-category .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 82px;
    right: 36px;
    bottom: 0;
}

.shop-category .owl-carousel .owl-nav button.owl-prev,
.shop-category .owl-carousel .owl-nav button.owl-next {
    font-size: 20px;
    color: var(--color-red-900);
    background-color: var(--color-beige-100);
    border: 2px solid var(--color-red-900);
    border-radius: 50%;
    width: 56px;
    height: 56px;
    margin: 0;
}

.shop-category .owl-carousel .owl-nav button.owl-prev:hover,
.shop-category .owl-carousel .owl-nav button.owl-next:hover {
    background-color: var(--color-beige-100);
    color: var(--color-red-900);
    transition: .4s;
}

.shop-category .owl-theme .owl-nav .owl-prev.disabled,
.shop-category .owl-theme .owl-nav .owl-next.disabled {
    opacity: 1;
    background-color: var(--color-white);
}

/*-- End Shop Category --*/

/*-- Start Most Loved Pieces --*/
.most-loved-pieces .nav-tabs {
    border-bottom: none;
    gap: 27px;
    justify-content: end;
    margin-bottom: 42px;
}

.most-loved-pieces .nav-link {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-black-600);
    line-height: 24px;
    border: none;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    padding: 12px 0;
}

.most-loved-pieces .nav-tabs .nav-item.show .nav-link,
.most-loved-pieces .nav-tabs .nav-link.active {
    font-weight: 600;
    background-color: transparent;
    border-bottom-color: var(--color-red-900);
    border-radius: 0;
}

.most-loved-pieces .tab-content .tab-pane {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out;
    height: 0;
}

.most-loved-pieces .tab-content .tab-pane.active {
    opacity: 1;
    visibility: visible;
    height: auto;
}

.most-loved-pieces .tab-content .tab-pane.show.active {
    opacity: 1;
}

.most-loved-pieces-box {
    position: relative;
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-450);
    border-radius: 8px;
    padding: 12px;
}

.most-loved-pieces-box-img {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 18px;
}

.most-loved-pieces-box-img .img-product {
    width: 286px !important;
    height: 286px;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.8s ease;
}

.most-loved-pieces-box:hover .most-loved-pieces-box-img .img-product {
    transform: scale(1.3);
}

.most-loved-pieces-box:hover .product-wishlist img {
    transform: scale(1.1);
}

.most-loved-pieces-box-cnt h3 {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-black-600);
    line-height: 21px;
    margin-bottom: 8px;
}

.most-loved-pieces-box-cnt .product-price {
    font-size: 20px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-red-900);
    line-height: 30px;
}

.most-loved-pieces .owl-theme .owl-dots {
    margin-top: 42px;
}

.most-loved-pieces .owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    background-color: var(--color-neutral-300);
    border-radius: 0;
    margin: 0 8px;
    transform: rotate(45deg);
    transition: all 0.4s ease-in-out;
}

.most-loved-pieces .owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--color-burgundy);
}

.most-loved-pieces .owl-theme .owl-dots .owl-dot:hover span {
    background-color: var(--color-burgundy);
}

.most-loved-pieces-slider.owl-carousel .owl-nav {
    margin-top: 0px;
}

.most-loved-pieces .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 152px;
    left: -16px;
    bottom: 0;
}

.most-loved-pieces .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 152px;
    right: -16px;
    bottom: 0;
}

.most-loved-pieces .owl-carousel .owl-nav button.owl-prev,
.most-loved-pieces .owl-carousel .owl-nav button.owl-next {
    font-size: 20px;
    color: var(--color-red-900);
    background-color: var(--color-beige-100);
    border: 2px solid var(--color-red-900);
    border-radius: 50%;
    width: 56px;
    height: 56px;
    margin: 0;
}

.most-loved-pieces .owl-carousel .owl-nav button.owl-prev:hover,
.most-loved-pieces .owl-carousel .owl-nav button.owl-next:hover {
    background-color: var(--color-beige-100);
    color: var(--color-red-900);
    transition: .4s;
}

.most-loved-pieces-slider.owl-carousel .owl-stage {
    display: flex !important;
}

.most-loved-pieces-slider.owl-carousel .owl-item {
    display: grid;
}

.most-loved-pieces-slider.owl-carousel .owl-item .item .most-loved-pieces-box {
    width: 310px;
    height: 100%;
}

/*-- End Most Loved Pieces --*/

/*-- Start Unique Piece --*/
.unique-piece {
    padding: 80px 0;
}

.unique-piece-bg {
    position: relative;
}

.unique-piece-bg::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 35px;
    right: 0;
    width: 100vw;
    height: 455px;
    background: linear-gradient(90deg, rgba(214, 176, 165, 0.4) 0%, rgba(132, 76, 81, 1) 74%);
    border-radius: 0 32px 32px 0;
}

.unique-piece-one,
.unique-piece-two,
.unique-piece-three,
.unique-piece-four,
.unique-piece-five {
    position: relative;
    width: max-content;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 3%, rgba(255, 255, 255, 0.1) 52%, rgba(255, 255, 255, 0.6) 100%);
    border-radius: 24px;
}

.unique-piece-one::before,
.unique-piece-two::before,
.unique-piece-three::before,
.unique-piece-four::before,
.unique-piece-five::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 47%, rgba(255, 255, 255, 0.4) 100%);
    border-radius: 24px;
}

.unique-piece-one:hover::after,
.unique-piece-two:hover::after,
.unique-piece-three:hover::after,
.unique-piece-four:hover::after,
.unique-piece-five:hover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(105, 51, 55, 0.5) 0%, rgba(248, 248, 248, 0.6) 100%);
    border-radius: 24px;
}

.unique-piece-one-img,
.unique-piece-two-img,
.unique-piece-three-img,
.unique-piece-four-img,
.unique-piece-five-img {
    position: relative;
}

.unique-piece-one-img img,
.unique-piece-two-img img,
.unique-piece-three-img img,
.unique-piece-four-img img,
.unique-piece-five-img img {
    object-fit: cover;
    border-radius: 24px;
    padding: 8px;
    position: relative;
    z-index: 1;
}

.unique-piece-three {
    margin-top: 30px;
}

.unique-piece-one-img img {
    width: 286px;
    height: 204px;
}

.unique-piece-two-img img {
    width: 222px;
    height: 273px;
}

.unique-piece-three-img img {
    width: 205px;
    height: 220px;
}

.unique-piece-four-img img {
    width: 242px;
    height: 279px;
}

.unique-piece-five-img img {
    width: 246px;
    height: 192px;
}

.unique-piece-one:hover .unique-piece-one-img::after,
.unique-piece-two:hover .unique-piece-two-img::after,
.unique-piece-three:hover .unique-piece-three-img::after,
.unique-piece-four:hover .unique-piece-four-img::after,
.unique-piece-five:hover .unique-piece-five-img::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 8px;
    left: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    background: rgb(47 0 3 / 20%);
    border-radius: 16px;
}

.unique-piece-cnt {
    max-width: 494px;
    margin-top: 95px;
    margin-right: 47px;
}

.unique-piece-cnt h2 {
    font-size: 40px;
    font-weight: 400;
    color: var(--color-white);
    line-height: 53px;
    margin-bottom: 24px;
}

.unique-piece-cnt h2 span {
    font-family: "Playfair Display SemiBold";
}

.unique-piece-cnt p {
    font-size: 16px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-beige-100);
    line-height: 21px;
    margin-bottom: 32px;
}

/*-- End Unique Piece --*/

/*-- Start Handcrafted Jewellery --*/
.handcrafted-jewellery {
    padding: 0 0 80px;
    overflow: hidden;
}

.handcrafted-jewellery .sec-heading {
    min-width: 348px;
}

.handcrafted-jewellery-slider {
    width: 100vw;
}

.handcrafted-jewellery-box {
    width: 339px;
}

.handcrafted-jewellery-box-img {
    width: 339px;
    height: 405px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 14px;
}

.handcrafted-jewellery-box-img img {
    width: 339px;
    height: 405px;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.8s ease;
}

.handcrafted-jewellery-box:hover .handcrafted-jewellery-box-img img {
    transform: scale(1.3);
}

.handcrafted-jewellery-box h4 {
    font-size: 24px;
    font-weight: 400;
    color: var(--color-black-600);
    text-align: center;
    margin-bottom: 0;
}

.handcrafted-jewellery .owl-theme .owl-dots {
    position: relative;
    left: -348px;
    right: 0;
    bottom: 0;
    width: max-content;
}

.handcrafted-jewellery .owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    background-color: var(--color-neutral-300);
    border-radius: 0;
    margin: 0 8px;
    transform: rotate(45deg);
    transition: all 0.4s ease-in-out;
}

.handcrafted-jewellery .owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--color-burgundy);
}

.handcrafted-jewellery .owl-theme .owl-dots .owl-dot:hover span {
    background-color: var(--color-burgundy);
}

.handcrafted-jewellery-slider.owl-carousel .owl-nav {
    position: absolute;
    top: 0;
    width: 948px;
    margin-top: 0px;
}

.handcrafted-jewellery .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 185px;
    left: -25px;
    bottom: 0;
}

.handcrafted-jewellery .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 185px;
    right: -25px;
    bottom: 0;
}

.handcrafted-jewellery .owl-carousel .owl-nav button.owl-prev,
.handcrafted-jewellery .owl-carousel .owl-nav button.owl-next {
    font-size: 20px;
    color: var(--color-red-900);
    background-color: var(--color-beige-100);
    border: 2px solid var(--color-red-900);
    border-radius: 50%;
    width: 56px;
    height: 56px;
    margin: 0;
}

.handcrafted-jewellery .owl-carousel .owl-nav button.owl-prev:hover,
.handcrafted-jewellery .owl-carousel .owl-nav button.owl-next:hover {
    background-color: var(--color-beige-100);
    color: var(--color-red-900);
    transition: .4s;
}

/*-- End Handcrafted Jewellery --*/

/*-- Start Swarnadwar Scheme --*/
.swarnadwar-scheme {
    margin-bottom: 80px;
}

.swarnadwar-scheme-box {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 16px;
}

.swarnadwar-scheme-box-cnt {
    max-width: 658px;
    margin-left: auto;
    text-align: center;
    padding: 43px 60px 60px;
}

.swarnadwar-scheme-box-cnt img {
    width: 56%;
    margin-bottom: 30px;
}

.swarnadwar-scheme-box-cnt p {
    font-size: 18px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-red-900);
    margin-bottom: 48px;
}

.swarnadwar-scheme-box-heading h3 {
    font-size: 34px;
    font-family: "Playfair Display SemiBold";
    font-weight: 600;
    color: var(--color-red-700);
    line-height: 45px;
    margin-bottom: 12px;
}

.swarnadwar-scheme-box-heading p {
    font-size: 16px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-red-700);
    margin-bottom: 48px;
}

/*-- End Swarnadwar Scheme --*/

/*-- Start Collection Banner --*/
.collection {
    margin-bottom: 80px;
}

.w-570 {
    width: 570px;
}

.w-718 {
    width: 718px;
}

.gap-32 {
    gap: 32px;
}

.collection-banner {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.collection-banner img {
    width: 100%;
    height: 421px;
    object-fit: cover;
    border-radius: 8px;
    transition: 0.8s;
}

.collection-banner:hover img {
    transform: scale(1.2);
}

.collection-banner h4 {
    position: absolute;
    bottom: 41px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: max-content;
    min-width: 352px;
    max-width: 90%;
    font-size: 24px;
    font-family: "Playfair Display Medium";
    font-weight: 500;
    color: var(--color-black-600);
    text-align: center;
    padding: 12px 24px;
    background-color: var(--color-white);
    border: 1px solid var(--color-red-700);
    border-radius: 8px;
    margin-bottom: 0;
}

.perfect-gift-box {
    position: relative;
    padding: 29px 79px 37px 30px;
    border-radius: 12px;
    border: 4px solid var(--color-red-900);
    background-color: var(--color-peach-100);
    width: 789px;
    display: flex;
    justify-content: space-between;
}

.perfect-gift-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/perfect-gift-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0.2;
}

.perfect-gift-box img {
    margin-top: -29px;
    margin-bottom: -37px;
    position: relative;
    width: 110px;
    height: auto;
}

.perfect-gift-box-cnt {
    max-width: 489px;
    position: relative;
    z-index: 1;
}

.perfect-gift-box-cnt h3 {
    font-size: 32px;
    font-family: "Playfair Display Medium";
    font-weight: 500;
    color: var(--color-black-600);
    line-height: 48px;
    margin-bottom: 12px;
}

.perfect-gift-box-cnt p {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-black);
    margin-bottom: 24px;
}

.ready-to-dispatch {
    position: relative;
    width: 507px;
    border-radius: 8px;
    overflow: hidden;
}

/* .ready-to-dispatch-img img {
    margin-left: -58px;
    height: 265px;
} */
.ready-to-dispatch-img {
    background-image: url(../images/female-sales-person-jewelry-shop.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    min-height: 265px;
    margin-left: -58px;
}

.ready-to-dispatch-cnt {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    max-width: 243px;
    height: 100%;
    padding: 33px 12px;
}

.ready-to-dispatch-cnt::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    width: 337px;
    height: 100%;
    background: linear-gradient(270deg, rgba(248, 238, 229, 1) 52%, rgba(248, 238, 229, 1) 75%, rgba(3, 2, 0, 0) 98%);
    border-radius: 8px;
}

.ready-to-dispatch-cnt h3 {
    font-size: 32px;
    font-family: "Playfair Display Medium";
    font-weight: 500;
    color: var(--color-black-600);
    line-height: 48px;
    margin-bottom: 12px;
}

.ready-to-dispatch-cnt p {
    font-size: 12px;
    font-weight: 400;
    color: var(--color-black);
    margin-bottom: 24px;
}

.ready-to-dispatch-cnt a {
    font-size: 18px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-red-900);
    text-transform: capitalize;
}

/*-- End Collection Banner --*/

/*-- Start Video --*/
.video {
    padding: 0 0 80px;
}

.video-cnt {
    padding: 60px;
    max-width: 625px;
}

.video-cnt h2 {
    font-size: 28px;
    font-weight: 400;
    color: var(--color-black);
    margin-bottom: 16px;
}

.video-cnt p {
    font-size: 16px;
    font-size: 400;
    color: var(--color-neutral-500);
}

/*-- End Video --*/

/*-- Start Trusted Thousands --*/
.trusted-thousands {
    position: relative;
    padding: 40px 0;
    background-color: var(--color-white);
}

.trusted-thousands::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, rgba(105, 51, 55, 0) 5%, rgba(90, 15, 28, 1) 50%, rgba(105, 51, 55, 0) 100%);
}

.sec-heading {
    margin-bottom: 42px;
}

.sec-heading h2 {
    font-size: 40px;
    font-weight: 400;
    color: var(--color-black);
    margin-bottom: 12px;
}

.sec-heading img {
    width: 44px;
    height: auto;
    margin-left: 6px;
    vertical-align: middle;
}

.sec-heading h3 {
    font-size: 20px;
    font-family: "Poppins Regular", sans-serif;
    font-weight: 400;
    color: var(--color-neutral-500);
    line-height: 30px;
    margin-bottom: 0;
}

.google-review-box {
    background-color: var(--color-gray-50);
    border: 1px solid var(--color-stone-300);
    padding: 12px 16px;
    display: flex;
    align-items: center;
    row-gap: 12px;
    width: max-content;
    margin: 0 auto 42px;
}

.google-review-box img {
    margin-right: 24px;
    width: 36px;
    height: auto;
}

.google-review-box .hr-line {
    width: 1px;
    height: 57px;
    background: linear-gradient(0deg, rgba(105, 51, 55, 0) 5%, rgba(97, 32, 41, 0.7) 28%, rgba(90, 15, 28, 1) 49%, rgba(98, 35, 43, 0.7) 76%, rgba(105, 51, 55, 0) 100%);
}

.rating-value {
    font-size: 32px;
    font-weight: 400;
    color: var(--color-black);
    padding-left: 24px;
    padding-right: 4px;
}

.rating-star {
    font-size: 24px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-amber-500);
}

.google-review-box p {
    font-size: 18px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-neutral-500);
    padding-left: 4px;
    margin-bottom: 0;
}

.google-review-box a {
    font-size: 18px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-red);
    text-decoration: underline;
    padding-left: 24px;
}

.trusted-thousands-box {
    padding: 16px;
    background-color: var(--color-gray-50);
    border: 1px solid var(--color-stone-300);
    border-radius: 8px;
}

.trusted-thousands-slider.owl-carousel .owl-item img {
    width: 73px;
}

.trusted-thousands-box img {
    width: 73px;
    height: 73px;
    object-fit: cover;
    border-radius: 50%;
}

.trusted-thousands-box-cnt {
    width: calc(100% - 89px);
}

.trusted-thousands-box .trusted-thousands-box-cnt h4 {
    font-size: 20px;
    font-family: "Playfair Display Medium";
    font-weight: 500;
    color: var(--color-black);
    margin-bottom: 4px;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}

.trusted-thousands-box .trusted-thousands-box-cnt .rating-star {
    font-size: 22px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-amber-500);
    margin-bottom: 4px;
}

.trusted-thousands-box .trusted-thousands-box-cnt p {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-neutral-500);
    margin-bottom: 0;
    min-height: 120px;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}

.trusted-thousands .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 42px;
}

.trusted-thousands .owl-theme .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
}

.trusted-thousands .owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    background-color: var(--color-neutral-300);
    border-radius: 0;
    margin: 0 8px;
    transform: rotate(45deg);
    transition: all 0.4s ease-in-out;
}

.trusted-thousands .owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--color-burgundy);
}

.trusted-thousands .owl-theme .owl-dots .owl-dot:hover span {
    background-color: var(--color-burgundy);
}

/* .trusted-thousands-slider.owl-carousel .owl-stage {
    display: flex !important;
} */
.trusted-thousands-slider.owl-carousel .owl-item {
    display: flex;
    flex: 1 0 auto;
}

.trusted-thousands-slider.owl-carousel .owl-item .item .trusted-thousands-box {
    width: 423px;
    height: 100%;
}

/*-- End Trusted Thousands --*/

/*-- Start Legacy Fine --*/
.legacy-fine {
    background-color: var(--color-black-300);
}

.legacy-fine .col-lg-5 {
    /* width: 816px; */
    width: 42.84%;
}

.legacy-fine .col-lg-7 {
    /* width: 1089px; */
    width: 57.16%;
}

.legacy-fine-box-cnt {
    width: 486px;
    padding-top: 86px;
    margin-right: 38px;
    margin-left: auto;
}

.legacy-fine-box-cnt .sub-title {
    font-size: 12px;
    font-weight: 400;
    color: var(--color-gray-500);
    margin-bottom: 12px;
}

.legacy-fine-box-cnt h3 {
    font-size: 28px;
    font-weight: 400;
    color: var(--color-white);
    line-height: 37px;
    margin-bottom: 19px;
}

.legacy-fine-box-cnt h3 span {
    color: var(--color-red-400);
    display: block;
}

.legacy-fine-box-cnt p {
    font-size: 16px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    color: var(--color-gray-600);
    line-height: 20px;
}

.visit-our-story {
    position: relative;
    overflow: hidden;
}

.visit-our-story img {
    width: 100%;
    height: 509px;
    object-fit: cover;
    transition: 0.8s;
}

.visit-our-story:hover img {
    transform: scale(1.2);
}

.visit-our-story h4 {
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: max-content;
    font-size: 24px;
    font-weight: 500;
    color: var(--color-black-600);
    text-align: center;
    padding: 12px 24px;
    min-width: 352px;
    background-color: var(--color-white);
    border: 1px solid var(--color-red-700);
    border-radius: 8px;
    margin-bottom: 0;
}

/*-- End Legacy Fine --*/

/*-- Start Instagram Wall --*/
.instagram-wall {
    padding: 80px 0;
}

.instagram-wall .sec-heading h3 {
    font-size: 24px;
    font-family: "Playfair Display SemiBold";
    font-weight: 600;
    color: var(--color-red-900);
    line-height: 30px;
    margin-bottom: 0;
}

.video-slide-box {
    width: 254px;
    height: auto;
    position: relative;
}

.video-slide-box img {
    width: 254px;
    height: 338px;
    object-fit: cover;
}

.video-slide-box svg {
    position: absolute;
    top: 6px;
    right: 6px;
    color: var(--color-white);
}

.video-slide-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(105 51 55 / 30%);
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease 0.1s;
}

.video-slide-box:hover::before {
    opacity: 1;
    visibility: visible;
}

.video-slide-box iframe {
    width: 100%;
    height: 452px;
    display: block;
}

.video-slide-box a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-white);
    text-align: center;
    background-color: rgb(0 0 0 / 70%);
    padding: 16px;
    border: none;
    border-radius: 0;
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

.video-slide-box:hover a {
    opacity: 1;
    visibility: visible;
}

.instagram-wall .thm-btn {
    margin-top: 40px;
}

/*-- End Instagram Wall --*/

/*-- Start Page Title --*/
.page-title {
    background-color: var(--color-red-50);
    padding: 16px 32px;
}

.page-title h1 {
    font-size: 32px;
    font-family: "Playfair Display SemiBold";
    font-weight: 600;
    color: var(--color-red-900);
    line-height: 34px;
}

.page-title img {
    margin-left: 6px;
    width: 35px;
    height: auto;
}

.page-title .breadcrumb .breadcrumb-item {
    font-size: 14px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-black);
}

.page-title .breadcrumb .breadcrumb-item a {
    color: inherit;
}

.shop-listing {
    position: sticky;
    top: 194px;
    z-index: 1;
    background-color: var(--color-red-100);
    padding: 8px 0;
}

.shop-category-nme {
    font-size: 16px;
    font-family: "Poppins Bold" 18;
    font-weight: 700;
    color: var(--color-black-600);
}

.discover-more {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-neutral-500);
}

/*-- End Page Title --*/

/*-- Start --*/
.product-listing {
    padding: 0 0 80px;
    margin-top: -20px;
}

/* .product-filter {
    position: sticky;
    top: 235px;
    z-index: 1;
    background: var(--color-white);
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-0px);
    transition: transform .4s ease-in-out, opacity .4s ease-in-out;
}
.product-filter.show {
    padding: 12px 0;
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
} */
.product-filter {
    position: sticky;
    top: 234px;
    z-index: 1;
    background-color: var(--color-white);
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    padding: 12px 0;
    opacity: 0;
    visibility: hidden;
    transition: .4s ease;
}

.product-filter.show {
    opacity: 1;
    visibility: visible;
}

.product-filter .filters-heading {
    font-family: "Poppins Bold";
    font-weight: 700;
}

.product-filter .filters-heading span {
    color: var(--color-red);
}

.filters-count {
    margin-left: 6px;
    color: var(--color-red);
}

.filters {
    position: sticky;
    top: 220px;
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-450);
}

.filters-heading {
    font-size: 16px;
    font-family: "Poppins SemiBold";
    font-weight: 600;
    color: var(--color-black);
}

.filters .accordion-item::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(173, 173, 173, 0) 0%, rgba(173, 173, 173, 1) 47%, rgba(173, 173, 173, 0) 100%);
}

.filters .accordion-button {
    font-size: 16px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-black-600);
}

.filters .accordion-button:hover,
.filters .accordion-button:focus {
    z-index: 0;
}

.filters .accordion-button::after {
    content: "\f078";
    font-size: 16px;
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: var(--color-black-600);
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transform-origin: center center;
}

.filters .accordion-button:not(.collapsed)::after {
    background-image: none;
}

.filters .accordion-button[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

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

.filters-checkbox {
    margin-bottom: 16px;
}

.form-check-input {
    border-color: var(--color-neutral-500);
}

.form-check-input:focus {
    border-color: var(--color-red-900);
}

.form-check-input:checked {
    background-color: var(--color-red-900);
    border-color: var(--color-red-900);
}

.form-check-label {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-neutral-500);
}

.filters-checkbox .view-more {
    font-size: 14px;
    font-family: "Poppins SemiBold";
    font-weight: 600;
    color: var(--color-red-900);
    border: none;
    background-color: transparent;
    padding: 0;
}

.product-item {
    position: relative;
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-450);
    border-radius: 8px;
    padding: 12px;
}

.product-item-img {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 18px;
}

.product-item-img .img-product {
    width: 294px;
    height: 288px;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.8s ease;
}

.product-item:hover .product-item-img .img-product {
    transform: scale(1.3);
}

.product-tag {
    position: absolute;
    top: 9px;
    left: 9px;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-white);
    padding: 4px 12px;
    background: radial-gradient(circle, rgba(41, 45, 50, 1) 0%, rgba(31, 31, 31, 1) 100%);
    border-radius: 2px;
}

.product-wishlist img {
    position: absolute;
    top: 12px;
    right: 9px;
    width: 24px !important;
    height: auto;
    transition: transform 0.8s ease;
}

.product-item:hover .product-wishlist img {
    transform: scale(1.1);
}

.product-item-cnt h3 {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-black-600);
    line-height: 21px;
    margin-bottom: 8px;
}

.product-item-cnt h3 a {
    color: inherit;
}

.product-item-cnt h3 a:hover {
    color: var(--color-red);
}

.product-item-cnt .product-price {
    font-size: 20px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-red-900);
    line-height: 30px;
}

.product-total-item {
    font-size: 16px;
    font-family: "Poppins Bold";
    font-weight: 700;
    color: var(--color-black-600);
}

.sort-by {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-black-600);
}

.select-ctm {
    width: 155px;
    position: relative;
    user-select: none;
}

.select-ctm .select-default {
    width: 100%;
    background-color: var(--color-gray-100);
    font-size: 16px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-black-600);
    border: 0;
    border-radius: 0;
    position: relative;
    padding: 4px 12px;
    text-align: left;
    cursor: pointer;
}

.select-ctm .select-default:before {
    content: "\f0dd";
    position: absolute;
    top: 8px;
    right: 12px;
    width: 16px;
    height: 16px;
    font-size: 18px;
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: var(--color-black-600);
    line-height: 7px;
}

.select-ctm .select-option {
    position: absolute;
    z-index: 1;
    top: 32px;
    left: 0;
    width: 100%;
    background-color: var(--color-white);
    box-shadow: 0px 0px 4px var(--color-red-100);
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    display: none;
}

.select-ctm .select-option li {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-black-600);
    padding: 4px 12px;
    cursor: pointer;
}

.select-ctm .select-option li.active {
    background-color: var(--color-red-100);
}

.select-ctm .select-option li:hover {
    background: var(--color-red-50);
}

.select-ctm .option {
    display: flex;
    align-items: center;
}

.select-ctm.active .select-option {
    display: block;
}

.select-ctm.active .select-default:before {
    transform: rotate(-180deg);
}

.product-grid-loading {
    opacity: 0.55;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.product-listing-toolbar-row {
    gap: 16px;
}

.product-listing-toolbar-row .active-filters-tags {
    flex: 1 1 auto;
}

.active-filters-clear {
    border: none;
    background: transparent;
    padding: 0;
    font-size: 16px;
    font-family: "Poppins SemiBold";
    font-weight: 600;
    color: var(--color-red);
    text-decoration: none;
    cursor: pointer;
}

.active-filters-clear:hover,
.active-filters-clear:focus-visible {
    color: #3f0b14;
}

.active-filter-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-black-600);
    line-height: 24px;
    border: none;
    border-radius: 30px;
    background-color: var(--color-gray-200);
    box-shadow: 0 1px 1px rgb(90 15 28 / 20%);
    padding: 6px 12px;
}

.active-filter-tag-remove {
    border: none;
    background: transparent;
    padding: 0;
    font-size: 15px;
    color: var(--color-black-600);
    cursor: pointer;
}

.active-filter-tag-remove:hover,
.active-filter-tag-remove:focus-visible {
    color: var(--color-red-900);
}

.product-pagination {
    margin-top: 48px;
}

.product-pagination-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-pagination-btn {
    min-width: 44px;
    height: 44px;
    padding: 0 12px;
    border: 1px solid var(--color-neutral-200);
    border-radius: 8px;
    background-color: var(--color-white);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-black-600);
    line-height: 1;
    cursor: pointer;
    transition: all 0.2s ease;
}

.product-pagination-btn:hover:not(:disabled),
.product-pagination-btn:focus-visible {
    color: var(--color-red-900);
    border-color: var(--color-red-900);
    background-color: var(--color-red-100);
}

.product-pagination-btn.active:hover {
    color: var(--color-white);
    border-color: var(--color-red-900);
    background-color: var(--color-red-900);
}

.product-pagination-btn.active {
    color: var(--color-white);
    border-color: var(--color-red-900);
    background-color: var(--color-red-900);
}

.product-pagination-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.product-pagination-arrow {
    min-width: 44px;
}

.product-pagination-ellipsis {
    min-width: 24px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-neutral-500);
}

.filters-btm {
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--color-red-50);
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 25%);
    padding: 18px 10px;
}

.filters-btm button {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-black);
    background-color: transparent;
    border: none;
    padding: 0;
}

.filters-btm button span {
    font-weight: 700;
    color: var(--color-red);
}

.filters-btm::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 0;
    right: 0;
    width: 1px;
    height: calc(100% - 20px);
    background: linear-gradient(0deg, rgba(173, 173, 173, 0) 0%, rgba(173, 173, 173, 1) 47%, rgba(173, 173, 173, 0) 100%);
    margin: 0 auto;
}

.sort-by-btn svg {
    transform: scaleY(-1);
}

.filters-top {
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--color-white);
    padding: 12px 32px;
}

.close-filters {
    background-color: transparent;
    border: none;
    padding: 0;
    font-size: 24px;
    color: var(--color-black-600);
}

.filters-value {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-black);
}

.filters-value span {
    color: var(--color-red);
}

.filters-list {
    margin: 60px 0;
}

.filters-tab {
    padding: 24px 32px;
}

.filters-tab::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 24px;
    left: 307px;
    right: 0;
    width: 1px;
    height: calc(100% - 48px);
    background: linear-gradient(0deg, rgb(173 173 173 / 30%) 0%, rgba(173, 173, 173, 1) 47%, rgb(173 173 173 / 30%) 100%);
}

.filters-list .nav {
    width: 251px;
}

.filters-list .nav-link {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-black-600);
    padding: 0;
    margin-bottom: 40px;
}

.filters-list .nav .nav-link:last-child {
    margin-bottom: 0;
}

.filters-list .nav-pills .nav-link.active,
.filters-list .nav-pills .show>.nav-link {
    font-weight: 700;
    color: var(--color-red-900);
    background-color: transparent;
}

.filters-clear {
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--color-white);
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 25%);
    padding: 10px 32px;
}

.filters-selected {
    background-color: var(--color-gray-200);
    padding: 16px 32px;
}

.filters-selected .clear-all {
    font-size: 14px;
    font-family: "Poppins Bold";
    font-weight: 700;
    color: var(--color-red);
    background-color: transparent;
    border: none;
    padding: 0;
}

.sort-by-top {
    position: fixed;
    z-index: 4;
    left: 0;
    margin-top: -60px;
    width: 100%;
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-neutral-200);
    padding: 12px 32px;
    border-radius: 16px 16px 0 0;
}

.sort-by-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-black);
}

.sort-by-list {
    padding: 32px;
    background-color: var(--color-white);
}

/*-- End --*/

/*-- Start Product Details Page --*/
.main-product-details {
    padding: 14px 0 0;
}

.product-details-img-grid img {
    width: 380px !important;
    height: 380px;
    object-fit: cover;
}

.view-similar {
    position: absolute;
    top: 710px;
    right: 16px;
}

.view-similar button {
    background-color: var(--color-white);
    border: 1px solid rgb(90 15 28 / 10%);
    border-radius: 50px;
    padding: 12px 16px;
    font-size: 16px;
    color: var(--color-red-900);
}

.product-details-img .owl-carousel .owl-item img {
    max-height: 400px;
}

.product-details-img .owl-theme .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin: 0 auto;
}

.product-details-img .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    background-color: var(--color-white);
    border-radius: 0;
    margin: 0 6px;
    transform: rotate(45deg);
    transition: all 0.4s ease-in-out;
}

.product-details-img .owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--color-burgundy);
}

.product-details-img .owl-theme .owl-dots .owl-dot:hover span {
    background-color: var(--color-burgundy);
}

.lg-backdrop.in {
    background: rgba(40, 39, 39, 0.6) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.lg-outer .lg-thumb-outer {
    background-color: transparent;
}

.lg-toolbar .lg-icon,
.lg-counter {
    color: var(--color-white);
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: var(--color-white);
}

.lg-outer .lg-thumb-item {
    border-color: var(--color-black);
}

.product-details {
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-500);
    padding: 24px;
    border-radius: 8px;
    position: sticky;
    top: 262px;
}

.product-nme h1 {
    font-size: 26px;
    color: var(--color-black);
    margin-bottom: 0;
}

.product-nme a {
    color: var(--color-red-900);
}

.product-price span {
    font-size: 20px;
    font-family: "Poppins SemiBold";
    color: var(--color-black);
    margin-bottom: 0;
}

.product-price p {
    font-size: 14px;
    color: var(--color-neutral-500);
    margin-bottom: 0;
}

.price-box a {
    font-size: 16px;
    color: var(--color-red-900);
    text-decoration: underline;
}

.in-stock svg {
    color: #009141;
}

.made-order svg {
    color: var(--color-gold-700);
}

.product-stock-status-nme {
    font-size: 16px;
    font-family: "Poppins SemiBold";
}

.in-stock .product-stock-status-nme {
    color: var(--color-green-600);
}

.made-order .product-stock-status-nme {
    color: var(--color-gold-700);
}

.product-stock-status p {
    font-size: 14px;
    color: var(--color-neutral-500);
    margin-bottom: 0;
}

.product-karat img {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.product-rate-gm {
    font-size: 16px;
    color: var(--color-neutral-500);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 1%, rgba(252, 246, 238, 1) 55%, rgba(255, 255, 255, 1) 100%);
    padding: 10px;
}

.product-rate-gm::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(173, 173, 173, 0) 18%, rgba(173, 173, 173, 1) 47%, rgba(173, 173, 173, 0) 92%);
}

.product-rate-gm::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(173, 173, 173, 0) 18%, rgba(173, 173, 173, 1) 47%, rgba(173, 173, 173, 0) 92%);
}

.product-rate-gm span {
    font-weight: 600;
    color: var(--color-black-600);
}

.customise-your-jewellery {
    background-color: rgb(255 226 226 / 50%);
    border: 1px solid var(--color-neutral-400);
    padding: 24px;
    border-radius: 6px;
}

.customise-heading::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(173, 173, 173, 0) 0%, rgba(173, 173, 173, 1) 47%, rgba(173, 173, 173, 0) 100%);
}

.customise-your-jewellery h2 {
    font-size: 18px;
    font-family: "Poppins SemiBold";
    color: var(--color-black-600);
    width: 100%;
    text-align: center;
    margin: 0 16px 0 62px;
}

.customise-close-btn {
    font-size: 16px;
    font-family: "Poppins Medium";
    color: var(--color-red-900);
    padding: 0;
    border: 0;
    background: transparent;
    min-width: 45px;
}

.customise-your-jewellery .form-label {
    font-size: 14px;
    font-family: "Poppins Medium";
    color: var(--color-neutral-500);
}

.customise-your-jewellery .select-wrapper::after {
    content: "\f078";
    position: absolute;
    top: 10px;
    right: 16px;
    font-size: 16px;
    font-weight: 900;
    font-family: "Font Awesome 7 Free";
    color: var(--color-neutral-500);
}

.customise-your-jewellery .form-select {
    font-size: 16px;
    color: var(--color-black-400);
    border-color: var(--color-olive-200);
    border-radius: 8px;
    padding: 10px 36px 10px 16px;
    background-image: none;
}

.certified-by h3 {
    font-size: 16px;
    font-family: "Poppins Medium";
    color: var(--color-black-400);
}

.certified-by img {
    width: auto;
    max-height: 42px;
}

.delivery-details h3 {
    font-size: 16px;
    font-family: "Poppins Medium";
    color: var(--color-black-600);
}

.delivery-details .map-pin {
    position: absolute;
    left: 16px;
}

.delivery-details .form-control {
    background: linear-gradient(90deg, rgba(230, 207, 191, 0.2) 4%, rgba(255, 255, 255, 1) 44%, rgba(230, 207, 191, 0.2) 100%);
    border: 1px solid var(--color-gray-300);
    border-radius: 8px;
    padding: 12.5px 16px 12.5px 48px;
    font-size: 16px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    color: var(--color-taupe-400);
}

.delivery-details .select-wrapper::after {
    content: "\f078";
    position: absolute;
    top: 10px;
    right: 16px;
    font-size: 16px;
    font-weight: 900;
    font-family: "Font Awesome 7 Free";
    color: var(--color-neutral-500);
}

.delivery-details .form-select {
    font-size: 16px;
    color: var(--color-black-400);
    background: linear-gradient(90deg, rgba(230, 207, 191, 0.2) 4%, rgba(255, 255, 255, 1) 44%, rgba(230, 207, 191, 0.2) 100%);
    border-color: var(--color-gray-300);
    border-radius: 8px;
    padding: 10px 36px 10px 16px;
    background-image: none;
}

.delivery-details .check-btn {
    background-color: transparent;
    border: none;
    padding: 0;
    font-size: 16px;
    color: var(--color-red-900);
    text-decoration: underline;
    margin-top: 12px;
}

.estimated-delivery {
    background-color: rgb(255 226 226 / 30%);
    border: 1px solid var(--color-olive-200);
    padding: 12px 16px;
}

.estimated-delivery svg {
    color: var(--color-red-900);
}

.estimated-delivery p {
    font-size: 14px;
    color: var(--color-red-900);
}

.estimated-delivery p span {
    font-family: "Poppins Medium";
    font-weight: 500;
}

.estimated-delivery-status {
    font-size: 14px;
    font-family: "Poppins Medium";
}

.estimated-delivery-status.free-delivery {
    color: var(--color-green-600);
}

.estimated-delivery-status.available-country {
    color: var(--color-blue-700);
}

.import-duties-taxes {
    background-color: rgb(255 236 201 / 40%);
    border: 2px solid var(--color-gold);
    padding: 12px 16px;
}

.import-duties-taxes-heading {
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.import-duties-taxes svg {
    color: var(--color-red-900);
}

.import-duties-taxes h4 {
    font-size: 16px;
    font-family: "Poppins SemiBold";
    color: var(--color-red-900);
}

.import-duties-taxes-heading::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(173, 173, 173, 0) 0%, rgba(173, 173, 173, 1) 47%, rgba(173, 173, 173, 0) 100%);
}

.import-duties-taxes p {
    font-size: 14px;
    color: var(--color-gold-600);
}

.import-duties-taxes a {
    font-size: 14px;
    color: var(--color-red-900);
}

.early-delivery {
    background-color: rgb(255 226 226 / 50%);
    border: 1px solid rgb(173 173 173 / 70%);
    padding: 12px 16px;
}

.early-delivery p {
    font-size: 14px;
    color: var(--color-black);
}

.early-delivery a {
    font-size: 16px;
    font-family: "Poppins Medium";
    color: var(--color-red-900);
    text-decoration: underline;
}

.close-section {
    display: none;
}

.add-to-cart-btm {
    position: fixed;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--color-white);
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 25%);
    padding: 10px 16px;
}

.add-to-cart-btm a svg {
    color: var(--color-red-900);
}

.product-sticky {
    position: sticky;
    top: 194px;
    z-index: 1;
    background-color: var(--color-white);
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    padding: 12px 0;
    opacity: 0;
    visibility: hidden;
    transition: .4s ease;
}

.product-sticky.show {
    opacity: 1;
    visibility: visible;
}

.product-sticky .rounded img {
    width: 100px;
    height: 100px;
}

.product-sticky-cnt {
    width: calc(100% - 124px);
}

.product-sticky h2 {
    font-size: 26px;
    color: var(--color-black);
}

.product-sticky span {
    font-size: 20px;
    font-family: "Poppins SemiBold";
    color: var(--color-black);
    margin-bottom: 0;
}

.product-sticky p {
    font-size: 14px;
    color: var(--color-neutral-500);
    margin-bottom: 0;
}

.product-sticky .thm-btn {
    max-width: 362px;
}

.jewellery-details {
    padding: 0 0 80px;
    margin-top: -44px;
}

.product-specification {
    width: 435px;
}

.product-specification .accordion {
    width: 100%;
    border: none;
    border-radius: 6px;
}

.product-specification .accordion-item {
    border-radius: 6px;
    border-color: var(--color-neutral-400);
}

.product-specification .accordion-item:first-of-type,
.product-specification .accordion-item:last-of-type {
    border-radius: 6px;
}

.product-specification .accordion-item:not(:first-of-type) {
    border-top: 1px solid var(--color-neutral-400);
}

.product-specification .accordion-button {
    font-size: 18px;
    font-family: "Poppins SemiBold";
    color: var(--color-black-600);
    text-transform: uppercase;
    background-color: rgb(255 226 226 / 50%);
    padding: 12px;
    justify-content: center;
    border-radius: 6px;
}

.product-specification .accordion-button::after {
    content: "\2b";
    position: absolute;
    right: 10px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: var(--color-black);
    text-align: center;
    margin-left: auto;
    background-image: none;
    background-size: 24px;
}

.product-specification .accordion-button:not(.collapsed)::after {
    content: "\f068";
    background-image: none;
    transform: none;
}

.product-specification .accordion-button:not(.collapsed) {
    background-color: rgb(255 226 226 / 50%);
    box-shadow: none;
    border-radius: 6px 6px 0 0;
}

.product-specification .accordion-body {
    font-size: 14px;
    color: var(--color-neutral-500);
}

.product-specification .accordion-body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(173, 173, 173, 0) 0%, rgba(173, 173, 173, 1) 47%, rgba(173, 173, 173, 0) 100%);
}

.product-specification ul li {
    width: calc(50% - 12px);
}

.product-specification ul li span {
    font-size: 16px;
    font-family: "Lato Regular";
    font-weight: 600;
    color: var(--color-red-900);
    line-height: 19px;
    display: block;
    margin-bottom: 8px;
}

.product-specification ul li button {
    background-color: transparent;
    border: none;
    padding: 0;
    color: var(--color-red);
    margin-left: 4px;
}

.product-specification ul li label {
    font-size: 14px;
    color: var(--color-neutral-500);
}

.price-breakup {
    width: 547px;
    background: linear-gradient(90deg, rgba(252, 243, 237, 0.2) 4%, rgba(255, 255, 255, 1) 44%, rgba(230, 207, 191, 0.2) 100%);
    border: 1px solid rgb(173 173 173 / 70%);
    border-radius: 6px;
}

.price-breakup-title {
    font-size: 18px;
    color: var(--color-black-600);
    text-transform: uppercase;
    background-color: rgb(255 226 226 / 50%);
    padding: 12px;
}

.price-breakup-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(173, 173, 173, 0) 0%, rgba(173, 173, 173, 1) 47%, rgba(173, 173, 173, 0) 100%);
}

.price-breakup table {
    width: calc(100% - 32px);
}

.price-breakup table tbody tr::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(173, 173, 173, 0) 0%, rgba(173, 173, 173, 1) 47%, rgba(173, 173, 173, 0) 100%);
}

.price-breakup table tbody tr:last-child::after {
    display: none;
}

.price-breakup table tbody tr td {
    font-size: 16px;
    font-family: "Lato Regular";
    font-weight: 600;
    color: var(--color-red-900);
    padding: 16px 0;
    min-width: 132px;
}

.price-breakup table tbody tr:first-child td {
    padding-top: 0;
}

.price-breakup table tbody tr:last-child td {
    padding-bottom: 0;
}

.price-breakup table tbody tr td.fw-semibold {
    font-family: "Poppins SemiBold";
}

.price-breakup table tbody tr td.fw-bolder {
    font-family: "Poppins ExtraBold";
}

.price-breakup-note svg {
    color: var(--color-red);
}

.price-breakup-note p {
    font-size: 14px;
    color: var(--color-black);
    margin-bottom: 0;
}

.jewellery-product img {
    width: 321px;
    height: 321px;
    object-fit: cover;
    border-radius: 6px;
}

.jewellery-product h6 {
    position: absolute;
    top: 19px;
    left: 22px;
    font-size: 14px;
    font-family: "Poppins Regular";
    color: var(--color-black);
    text-transform: uppercase;
}

.similar-products .gy-32 {
    --bs-gutter-y: 32px;
}

.similar-products .btn-view-all {
    background-color: transparent;
    border: none;
    padding: 0;
    font-size: 18px;
    font-family: "Poppins Medium";
    color: var(--color-red);
    text-decoration: underline;
    margin: 0 0 42px;
}

.similar-products .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 12px;
}

.similar-products .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    background-color: var(--color-neutral-300);
    border-radius: 0;
    margin: 0 4px;
    transform: rotate(45deg);
    transition: all 0.4s ease-in-out;
}

.similar-products .owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--color-burgundy);
}

.similar-products .owl-theme .owl-dots .owl-dot:hover span {
    background-color: var(--color-burgundy);
}

.why-giriraj-jewellers {
    padding: 0 0 80px;
}

/*-- End Product Details Page --*/

/*-- Start My Cart --*/
.my-cart {
    padding: 24px 0 80px;
}

.my-cart .container-lg {
    padding: 0;
}

.my-cart-title h1 {
    font-size: 24px;
    color: var(--color-black);
}

.cart-prd {
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-500);
}

.cart-prd-img img {
    width: 130px;
    height: 130px;
}

.cart-prd-cnt {
    width: calc(100% - 146px);
}

.cart-prd-code {
    font-size: 14px;
    color: var(--color-neutral-500);
}

.cart-prd-cnt h2 {
    font-size: 20px;
    color: var(--color-black);
}

.cart-prd-remove {
    color: var(--color-black-600);
}

.cart-prd-total {
    font-size: 20px;
    font-family: "Poppins SemiBold";
    color: var(--color-black);
}

.cart-prd-cnt label {
    font-size: 14px;
    color: var(--color-neutral-500);
}

.card-prd-info {
    row-gap: 18px;
    column-gap: 18px;
}

.card-prd-info li {
    font-size: 14px;
    color: var(--color-neutral-500);
}

.card-prd-info li::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -9px;
    width: 2px;
    height: 12px;
    background: var(--color-neutral-500);
    transform: translate(-0%, -50%);
}

.card-prd-info li:last-child::after {
    display: none;
}

.card-prd-info li span {
    font-family: "Poppins Medium";
    color: var(--color-black-400);
    padding-left: 5px;
}

.decrease {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 6px 0 0 6px;
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-500);
}

.qty-changer button:disabled {
    color: var(--color-gray-550);
    cursor: not-allowed;
    pointer-events: none;
}

.qty-input {
    width: 50px;
    height: 30px;
    background-color: var(--color-white);
    font-size: 14px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-black);
    border: 1px solid var(--color-gray-500);
}

.increase {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 0 6px 6px 0;
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-500);
}

.back-to-home a {
    font-size: 14px;
    font-family: "Poppins SemiBold";
    color: var(--color-red-900);
    line-height: 16px;
}

.order-summery {
    background: linear-gradient(120deg, rgba(252, 243, 237, 0.2) 4%, rgba(255, 255, 255, 1) 44%, rgba(230, 207, 191, 0.2) 100%);
    border: 1px solid rgb(173 173 173 / 70%);
    border-radius: 6px;
}

.order-summery-title h3 {
    font-size: 18px;
    font-family: "Poppins SemiBold";
    color: var(--color-black-600);
    line-height: 27px;
    text-transform: uppercase;
    background-color: rgb(255 226 226 / 50%);
    padding: 12px;
}

.order-summery-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(173, 173, 173, 0) 0%, rgba(173, 173, 173, 1) 47%, rgba(173, 173, 173, 0) 100%);
}

.order-summery table {
    width: calc(100% - 32px);
}

.order-summery table tbody tr:last-child::after {
    display: none;
}

.order-summery table tbody tr td {
    font-size: 16px;
    color: var(--color-black-400);
    padding: 0 0 16px;
    min-width: 132px;
}

.order-summery table tbody tr td:first-child {
    color: var(--color-neutral-500);
}

.order-summery table tbody tr:first-child td {
    padding-top: 0;
}

.order-summery table tbody tr:last-child td {
    padding-bottom: 0;
}

.order-summery table tbody tr td.fw-medium {
    font-family: "Poppins Medium";
}

.order-summery table tbody tr td.fw-bold {
    font-family: "Poppins Bold";
    color: var(--color-black-400);
}

.order-summery table tbody tr td.text-success,
.order-summery table tbody tr td .text-success {
    color: var(--color-green-600);
}

.order-summery table tbody tr td .text-blue {
    color: var(--color-blue-600);
}

.you-saved {
    background-color: var(--color-white);
    border-radius: 4px;
    padding: 10px;
    font-size: 14px;
    font-family: "Poppins Medium";
    color: var(--color-green-600);
}

.have-any-queries {
    padding: 12px 16px;
    background-color: var(--color-white);
    border: 1px solid rgb(173 173 173 / 70%);
}

.have-any-queries p {
    font-size: 14px;
    color: var(--color-black);
    margin-bottom: 8px;
}

.have-any-queries p span {
    font-size: 16px;
    font-family: "Poppins Medium";
}

.have-any-queries a {
    font-size: 16px;
    font-family: "Poppins Medium";
    color: var(--color-red-900);
    text-decoration: underline;
}

.proceed-to-checkout-btm {
    position: fixed;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--color-white);
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 25%);
    padding: 10px 16px;
}

.ctm-modal .modal {
    --bs-modal-width: 523px;
}

.ctm-modal .modal-header {
    border-color: var(--color-neutral-200);
}

.ctm-modal .modal-header .modal-title {
    font-size: 18px;
    font-family: "Poppins Bold";
    color: var(--color-black);
}

.ctm-modal .modal-header .btn-close {
    background-image: none;
    width: 24px;
    height: 24px;
    font-size: 18px;
}

.ctm-modal .modal-footer {
    border-color: var(--color-neutral-200);
}

.ctm-modal .modal-footer>* {
    margin: 0;
}

.coupon-code-form {
    background-color: var(--color-white-50);
    border: 1px solid var(--color-gray-300);
    padding: 12px 16px 12px 4px;
}

.coupon-code-form .form-control {
    background-color: var(--color-white-50);
}

.coupon-code-form button {
    font-size: 18px;
    font-family: "Poppins SemiBold";
    color: var(--color-white);
    padding: 8px 12px;
    background-color: var(--color-red-300);
}

.coupon-code-box {
    background-color: var(--color-orange-25);
    border: 1px solid var(--color-gray-250);
}

.coupon-code {
    font-size: 14px;
    font-family: "Poppins Medium";
    color: var(--color-red-700);
}

.coupon-code-box p {
    font-size: 14px;
    color: var(--color-neutral-500);
}

.coupon-code-box button {
    font-family: "Poppins SemiBold";
    color: var(--color-red-900);
}

/*-- End My Cart --*/

/*-- Start Checkout --*/
.checkout {
    padding: 24px 0 80px;
}

.checkout .container-lg {
    padding: 0;
}

.checkout-title h1 {
    font-size: 24px;
    color: var(--color-black);
}

.order-prd-list::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(173, 173, 173, 0) 0%, rgba(173, 173, 173, 1) 47%, rgba(173, 173, 173, 0) 100%);
}

.order-prd-img img {
    width: 82px;
    height: 82px;
}

.order-prd-cnt {
    width: calc(100% - 98px);
}

.order-prd-cnt h4 {
    font-size: 16px;
    color: var(--color-black);
    line-height: 21px;
    margin-bottom: 4px;
}

.order-prd-cnt .order-prd-qty {
    font-size: 14px;
    color: var(--color-neutral-500);
    margin-bottom: 4px;
}

.order-prd-cnt .order-prd-qty span {
    font-family: "Poppins Medium";
    color: var(--color-black);
}

.order-prd-cnt .order-prd-price {
    font-size: 16px;
    font-family: "Poppins SemiBold";
    color: var(--color-black);
}

.checkout .accordion {
    border: none;
    border-radius: 6px;
}

.checkout .accordion-item {
    border-radius: 6px;
    border-color: rgb(173 173 173 / 70%);
}

.checkout .accordion-item:first-of-type,
.checkout .accordion-item:last-of-type {
    border-radius: 6px;
}

.checkout .accordion-item:not(:first-of-type) {
    border-top: 1px solid var(--color-neutral-400);
}

.checkout .accordion-button {
    font-size: 18px;
    font-family: "Poppins SemiBold";
    color: var(--color-black-600);
    text-transform: uppercase;
    background-color: rgb(255 226 226 / 50%);
    padding: 12px;
    border-radius: 6px;
}

.checkout .accordion-button i {
    color: var(--color-green-600);
}

.checkout .accordion-button::after {
    content: "\2b";
    position: absolute;
    right: 10px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: var(--color-black);
    text-align: center;
    margin-left: auto;
    background-image: none;
    background-size: 24px;
}

.checkout .accordion-button:not(.collapsed)::after {
    content: "\f068";
    background-image: none;
    transform: none;
}

.checkout .accordion-button:not(.collapsed) {
    background-color: rgb(255 226 226 / 50%);
    box-shadow: none;
    border-radius: 6px 6px 0 0;
}

.checkout .accordion-button:focus {
    z-index: 2;
}

.checkout .accordion-body {
    font-size: 14px;
    color: var(--color-neutral-500);
}

.checkout .accordion-body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(173, 173, 173, 0) 0%, rgba(173, 173, 173, 1) 47%, rgba(173, 173, 173, 0) 100%);
}

.contact-info-mobile h3 {
    font-size: 14px;
    font-family: "Poppins Medium";
    color: var(--color-black-400);
}

.checkout .accordion-body .thm-btn {
    font-size: 16px;
    padding: 10px 16px;
    min-width: 206px;
}

.contact-info-otp-verification h3 {
    font-size: 14px;
    font-family: "Poppins Regular";
    color: var(--color-neutral-500);
}

.contact-info-otp-verification h3 span {
    font-family: "Poppins SemiBold";
    color: var(--color-black-400);
}

.resend-code {
    font-size: 16px;
    color: var(--color-red-900);
}

.resend-code span {
    font-family: "Poppins SemiBold";
}

.change-mobile-number-btn {
    font-family: "Poppins SemiBold";
    color: var(--color-red-900);
}

.contact-info-personal h3 {
    font-size: 14px;
    font-family: "Poppins Medium";
    color: var(--color-black-400);
}

.checkout .accordion-body .form-control {
    color: var(--color-black-400);
    line-height: 19px;
    padding: 14px 16px;
    background-color: var(--color-white-50);
    border-color: var(--color-gray-300);
}

.checkout .accordion-body ::placeholder {
    color: var(--color-gray-650);
}

.pan-card-note svg {
    color: var(--color-red-300);
}

.pan-card-note p {
    font-size: 14px;
    color: var(--color-neutral-500);
}

.pan-card-note p span {
    font-family: "Poppins SemiBold";
}

.contact-info-personal .form-check-input {
    width: 16px;
    height: 16px;
}

.contact-info-personal .form-check-label {
    font-size: 16px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-black-400);
}

.user-contact-info ul li {
    font-size: 14px;
    color: var(--color-neutral-500);
}

.user-contact-info ul>*+*::before {
    content: "•";
    font-size: 14px;
    color: var(--color-neutral-500);
    margin: 0px 8px;
}

.user-delivery-address .no-saved-address {
    font-size: 14px;
    font-family: "Poppins Medium";
    color: var(--color-neutral-500);
}

.edit-user-info-btn {
    font-weight: 14px;
    font-family: "Poppins Medium";
    color: var(--color-red-900);
}

.add-shipping-address-frm .form-control {
    color: var(--color-black-400);
    line-height: 19px;
    padding: 14px 16px;
    background-color: var(--color-white-50);
    border-color: var(--color-gray-300);
}

.add-shipping-address-frm ::placeholder {
    color: var(--color-gray-650);
}

.address-type h6 {
    font-size: 14px;
    font-family: "Poppins Medium";
    color: var(--color-black-400);
}

.address-options input[type="radio"] {
    display: none;
}

.address-options label {
    padding: 10px 24px;
    background: var(--color-white);
    border: 1px solid var(--color-gray-300);
    border-radius: 50px;
    font-size: 16px;
    font-family: "Poppins Medium";
    color: var(--color-gray-650);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s ease;
}

.address-options input[type="radio"]:checked+label {
    border-color: var(--color-red-900);
    background: var(--color-peach-50);
    color: var(--color-black-400);
}

.address-options label:hover {
    border-color: var(--color-red-900);
}

.address-radio input {
    display: none;
}

.address-radio span {
    width: 18px;
    height: 18px;
    border: 2px solid var(--color-red-900);
    border-radius: 50%;
    display: block;
    position: relative;
    cursor: pointer;
}

.address-radio input:checked+span::after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-red-900);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.address-content {
    flex: 1;
}

.address-top {
    margin-bottom: 6px;
}

.address-top h5 {
    font-size: 16px;
    font-family: "Poppins SemiBold";
    color: var(--color-black-400);
}

.address-tag {
    padding: 2px 10px;
    border: 1px solid var(--color-red-900);
    background: var(--color-peach-50);
    font-size: 14px;
    font-family: "Poppins Medium";
    color: var(--color-black-300);
}

.address-content p {
    font-size: 16px;
    color: var(--color-neutral-500);
    margin-bottom: 6px;
}

.address-content a {
    font-size: 16px;
    color: var(--color-neutral-500);
    margin-bottom: 6px;
}

.delivery-info {
    font-size: 16px;
    color: var(--color-green-600);
}

.delivery-info span {
    font-family: "Poppins Medium";
}

.edit-btn {
    font-size: 16px;
    font-family: "Poppins Medium";
    color: var(--color-red-900);
}

.add-address {
    font-size: 16px;
    font-family: "Poppins Medium";
    color: var(--color-red-350);
    padding: 12px;
    border: 1px dashed var(--color-red-350);
    text-decoration: none;
}

.payment-box h3 {
    font-size: 14px;
    font-family: "Poppins Medium";
    color: var(--color-neutral-500);
}

.payment-option {
    border: 1px solid rgb(173 173 173 / 70%);
    background: var(--color-white);
    padding: 12px 16px;
    cursor: pointer;
}

.payment-option input {
    display: none;
}

.payment-option .checkmark {
    width: 18px;
    height: 18px;
    border: 2px solid var(--color-neutral-500);
    display: inline-block;
    margin-top: 13px;
    transition: .3s;
}

.payment-option input:checked+.checkmark {
    border-color: var(--color-red-900);
}

.payment-option input:checked+.checkmark::after {
    content: "";
    width: 8px;
    height: 8px;
    background: var(--color-red-900);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.payment-option .content {
    width: calc(100% - 22px);
    padding-left: 12px;
}

.payment-option h4 {
    font-size: 16px;
    font-family: "Poppins SemiBold";
    color: var(--color-black-400);
    margin-bottom: 2px;
}

.payment-option p {
    font-size: 14px;
    color: var(--color-neutral-500);
}

.payment-option .recommended {
    font-size: 14px;
    font-family: "Poppins Medium";
    color: var(--color-green-600);
}

.payment-option .price {
    font-size: 14px;
    font-family: "Poppins SemiBold";
    color: var(--color-black-400);
}

.payment-option.bank {
    background: rgb(255 236 201 / 20%);
    border: 1px solid rgb(213 171 72 / 50%);
}

.payment-option.bank .badge {
    background: var(--color-white);
    font-size: 14px;
    font-family: "Poppins Medium";
    color: var(--color-gold);
    padding: 2.5px 8px;
}

.payment-option p.high-value {
    color: var(--color-gold);
}

.payment-option .bank-transfer-cnt ul li {
    font-size: 14px;
    color: var(--color-gold-600);
}

.payment-option:has(input:checked) {
    background: var(--color-peach-50);
    border-color: rgb(90 15 28 / 70%);
}

.payment-option.bank:has(input:checked) {
    background: rgb(255 236 201 / 40%);
    border-color: var(--color-gold);
}

.payment-option .bank-transfer-cnt {
    display: none;
    margin-left: -30px;
}

.payment-option .bank-transfer-cnt::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(173, 173, 173, 0) 0%, rgba(173, 173, 173, 1) 47%, rgba(173, 173, 173, 0) 100%);
}

.payment-option.bank:has(input:checked) .bank-transfer-cnt {
    display: block;
}

.payment-option .estimated-savings {
    padding: 10px;
    background-color: var(--color-white);
    border: 1px solid rgb(0 145 65 / 50%);
    font-size: 14px;
    font-family: "Poppins Medium";
    color: var(--color-green-600);
}

.payment-option .unavailable-order {
    font-size: 14px;
    font-family: "Poppins Medium";
    color: var(--color-gold);
}

.swarnadwar-wallet .wallet-info-text {
    font-size: 16px;
    font-family: "Poppins SemiBold";
    color: var(--color-black-400);
}

.wallet-card {
    border: 1px solid var(--color-gray-475);
    overflow: hidden;
    background: var(--color-white);
}

.wallet-header {
    background: var(--color-red-900);
}

.wallet-icon {
    width: 43px;
    height: 40px;
    background: var(--color-burgundy-700);
    color: var(--color-yellow-500);
}

.wallet-info h3 {
    font-size: 18px;
    font-family: "Poppins Medium";
    color: var(--color-white);
}

.wallet-info p {
    font-size: 14px;
    color: rgb(255 229 167 / 70%);
    margin: 4px 0 0;
}

.switch {
    width: 83px;
    height: 39px;
}

.switch input {
    display: none;
}

.switch-slider {
    position: absolute;
    inset: 0;
    background: rgb(255 255 255 / 20%);
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: 50px;
    cursor: pointer;
    transition: .3s;
}

.switch-slider:before {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    top: 5px;
    left: 6px;
    background: var(--color-white);
    border-radius: 50%;
    transition: .3s;
}

.switch input:checked+.switch-slider {
    background: var(--color-gold);
    border-color: var(--color-gold);
}

.switch input:checked+.switch-slider::before {
    transform: translateX(42px);
}

.wallet-amount {
    background-color: var(--color-peach-25);
    border: 1px solid var(--color-yellow-300);
}

.wallet-title {
    font-size: 16px;
    font-family: "Poppins SemiBold";
    color: var(--color-black-400);
}

.gold-value {
    font-size: 18px;
    font-family: "Poppins Medium";
    color: var(--color-gold);
}

.wallet-price strong {
    font-size: 20px;
    font-family: "Poppins SemiBold";
    color: var(--color-black-400);
}

.wallet-body h6 {
    font-size: 14px;
    font-family: "Poppins SemiBold";
    color: var(--color-gold);
}

.redemption-option-body {
    display: none;
}

.redeem-option input[type="radio"] {
    display: none;
}

.redeem-card {
    display: block;
    border: 1px solid rgb(173 173 173 / 40%);
    cursor: pointer;
    transition: .3s;
}

.redeem-title {
    font-size: 16px;
    color: var(--color-black-400);
    padding-left: 26px;
}

.redeem-title::before {
    content: "";
    width: 18px;
    height: 18px;
    border: 2px solid var(--color-burgundy-600);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 3px;
    box-sizing: border-box;
}

.redeem-title::after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-burgundy-600);
    position: absolute;
    left: 5px;
    top: 8px;
    transform: scale(0);
    transition: .3s;
}

.redeem-subtitle {
    font-size: 16px;
    color: var(--color-neutral-500);
    margin-left: 26px;
}

.redeem-content {
    display: none;
}

.redeem-option:has(input:checked) .redeem-content {
    display: block;
}

.redeem-option input:checked+.redeem-card {
    background: rgb(213 186 124 / 26%);
    border-color: rgb(173 173 173 / 80%);
}

.redeem-option input:checked+.redeem-card .redeem-title::after {
    transform: scale(1);
}

.redeem-option input:checked+.redeem-card .redeem-content {
    display: block;
}

.gold-text {
    font-size: 14px;
    color: var(--color-gold);
}

.redeem-content p {
    font-size: 12px;
    color: var(--color-neutral-500);
}

.success-box {
    background: rgb(0 145 65 / 6%);
    border: 1px solid rgb(0 145 65 / 50%);
    font-size: 14px;
    color: var(--color-green-600);
}

.amount-label {
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
}

.amount-box {
    background-color: var(--color-white-100);
    border: 1px solid rgb(255 210 48 / 30%);
}

.amount-box span {
    font-size: 22px;
    color: rgb(123 51 6 / 70%);
    line-height: 29px;
}

.amount-box input {
    border: none;
    outline: none;
    width: 100%;
    font-size: 18px;
    background: transparent;
}

/*-- End Checkout --*/

/*-- Start Order Confirmed --*/
.order-confirmed {
    padding: 100px 0;
}

.order-confirmed-box {
    max-width: 765px;
    margin: 0 auto;
}

.order-confirmed-icon {
    width: 85px;
    height: 85px;
    line-height: 83px;
    background: linear-gradient(145deg, rgba(0, 201, 80, 1) 0%, rgba(0, 153, 102, 1) 100%);
    box-shadow: 0px 2px 48px -12px rgba(0, 0, 0, 0.13);
}

.order-confirmed-icon svg {
    color: var(--color-white);
}

.order-confirmed-top h1 {
    font-size: 32px;
    font-family: "Playfair Display Medium";
    color: var(--color-black);
    margin-bottom: 12px;
}

.order-confirmed-top p {
    font-size: 16px;
    font-family: "Poppins Medium";
    color: var(--color-neutral-500);
    margin-bottom: 12px;
}

.order-confirmed-prd {
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-450);
}

.order-confirmed-prd-details::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(173, 173, 173, 0) 0%, rgba(173, 173, 173, 1) 47%, rgba(173, 173, 173, 0) 100%);
}

.order-confirmed-prd .cart-prd-cnt {
    width: 100%;
}

.order-confirmed-prd-details span {
    font-size: 14px;
    color: var(--color-neutral-500);
}

.order-confirmed-prd-details h3 {
    font-size: 14px;
    font-family: "Poppins SemiBold";
    color: var(--color-black-400);
}

/*-- End Order Confirmed --*/

/*-- Start Footer --*/
.footer {
    position: relative;
    background: linear-gradient(90deg, rgba(154, 84, 87, 1) 0%, rgba(187, 120, 122, 1) 46%, rgba(136, 76, 79, 1) 100%);
}

.footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, rgba(255, 176, 169, 0) 5%, rgba(255, 176, 169, 1) 50%, rgba(255, 176, 169, 0) 100%);
}

.footer-top-txt p {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-white);
    margin-bottom: 0;
    padding: 32px;
}

.footer-list {
    position: relative;
    padding: 32px 0;
    display: flex;
    gap: 36px;
}

.footer-list::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, rgba(255, 176, 169, 0) 5%, rgba(255, 176, 169, 1) 50%, rgba(255, 176, 169, 0) 100%);
}

.footer-list::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, rgba(255, 176, 169, 0) 5%, rgba(255, 176, 169, 1) 50%, rgba(255, 176, 169, 0) 100%);
}

.footer-logo {
    display: flex;
    flex-direction: column;
    align-self: center;
}

.footer-logo img {
    filter: brightness(0) invert(1);
    max-width: 197px;
    margin-bottom: 20px;
}

.footer-logo p {
    font-size: 14px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-gray-400);
    margin-bottom: 0;
}

.footer-content h5 {
    font-size: 20px;
    font-family: "Playfair Display Bold";
    font-weight: 700;
    color: var(--color-white);
    line-height: 27px;
    margin-bottom: 12px;
}

.footer-content h5 i {
    margin-left: 12px;
}

.footer-content ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.footer-content ul li {
    list-style-type: none;
    margin-bottom: 12px;
}

.footer-content ul li a {
    font-size: 16px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-neutral-200);
    line-height: 24px;
}

.footer-content ul li a:hover {
    color: var(--color-yellow-500);
}

.footer-contact {
    display: flex;
    align-items: start;
    gap: 8px;
}

.footer-contact img {
    margin-top: 5px;
    width: 19px;
    height: auto;
}

.footer-contact p {
    font-size: 16px;
    font-family: "Poppins Medium";
    font-weight: 500;
    color: var(--color-neutral-200);
    margin-bottom: 8px;
}

.footer-contact p span.fw-semibold {
    font-family: "Poppins SemiBold";
}

.footer-contact p a {
    color: var(--color-neutral-200);
}

.footer-contact p a:hover {
    color: var(--color-yellow-500);
}

.footer-btm {
    padding: 32px 0;
}

.footer-btm p {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-white);
    margin-bottom: 0;
}

.footer-social ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 22px;
}

.footer-social ul li a {
    font-size: 20px;
    color: var(--color-white);
}

.footer-social ul li a:hover {
    color: var(--color-yellow-500);
}

/*-- End Footer --*/