@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
    margin: 0;
    font-family: 'Inter', 'Noto Serif';
    color: #000;
    background: #ffffff;
    overflow-x: hidden;
}
html {
    scroll-behavior: smooth;
  }

input,
textarea,
button {
    font-family: 'Inter', 'Noto Serif';
    outline: none;
}

button,
input[type="submit"],
input[type="reset"] {
    cursor: pointer;
}

.btn-primary {
    font-family: 'Inter';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 128.571% */
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: rgba(91, 91, 95, 1);
    margin: 0;
    padding: 0;
}

input,
select {
    outline: none;
}

a {
    text-decoration: none;
    color: #1b2642;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}

.transition {
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}

.list-none {
    margin: 0;
    padding: 0;
    list-style: none;
}

fieldset {
    border: none;
    padding: 0;
}

#wrapper {
    position: relative;
    overflow: hidden;
}

ol,
ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

p {
    margin: 0;
    padding: 0;
}

img {
    padding: 0;
    margin: 0;
}

.flex {
    display: flex;
}

.gap-12 {
    gap: 12px;
}

.gap-24 {
    gap: 24px;
}

.gap-30 {
    gap: 30px;
}

.gap-33 {
    gap: 33px;
}

.gap-40 {
    gap: 40px;
}

.gap-50 {
    gap: 50px;
}

.gap-80 {
    gap: 80px;
}

.f-wrap {
    flex-wrap: wrap;
}

.j-between {
    justify-content: space-between;
}

.j-center {
    justify-content: center;
}

.align-center {
    align-items: center;
}

.align-start {
    align-items: start;
}

.align-end {
    align-items: end;
}

.block {
    display: block;
}

/* MAin Css */

.container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.header-content nav ul {
    list-style: none;
    display: flex;
    gap: 30px;
    align-items: center;
}

.header-content nav a {
    color: var(--Neutral-Grey-06, #5B5B5F);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 128.571% */
}

.logo img {
    max-width: 150px;
    height: auto;
}
.ftr-lgo {
    width: 100%;
    max-width: 117px;
}
.left-nav {
    flex: 1;
    text-align: left;
}

.right-nav {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.header-content nav .login-btn {
    background: var(--Neutral-Grey-10, #303030);
    display: inline-flex;
    /* padding: 15px 40px; */
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--Neutral-Grey-00, #F8F8F8);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 128.571% */
    transition: 0.4s ease-in;
    width: 97px;
    height: 48px;
}

.header-content nav .login-btn:hover {
    background-color: transparent;
    color: #303030;
    border: 1px solid #303030;
}

/* .header-content nav .search-icon, nav .cart-icon {
    font-size: 1.2em;
} */
header#header {
    width: 100%;
    max-width: 100%;
    border-bottom: 1px solid var(--Neutral-Grey-01, #F5F5F6);
    background: #FFF;
    padding: 14px 0;
	position:relative;
	z-index:99;
}

nav.right-nav ul li.cart-txt p {
    color: var(--Neutral-Grey-05, #86878A);
    text-align: right;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 6px;
}

/* footer */

footer#footer {
    background: var(--Neutral-Grey-10, #303030);
    padding: 20px 0 24px 0;
}

.footer-news {
    background: #FFF;
    padding: 40px 36px;
    margin-bottom: 60px;
}

.sub-news span {
    color: var(--Neutral-Grey-05, #86878A);
    font-family: "Noto Serif";
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.dark-blk {
    color: var(--Neutral-Grey-10, #303030) !important;
}

.sub-news p {
    color: var(--Neutral-Grey-05, #86878A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 25.6px */
    margin-top: 16px;
}

.sub-news {
    width: 100%;
    max-width: 55.2%;
}

.footer-mail-cntnt {
    background: var(--Neutral-Grey-01, #F5F5F6);
    padding: 14px 8px 14px 32px;
}

.footer-mail-cntnt input {
    border: none;
    background: transparent;
}

.footer-mail-cntnt input#fter-mail {
    color: var(--Gray-500, #6D6D6D);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    max-width: 65%;
}

.footer-mail-cntnt input#footer-sbmit-btn {
    background: var(--Neutral-Grey-10, #303030);
    color: var(--Neutral-Grey-00, #F8F8F8);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 128.571% */
    padding: 11px 16px;
    width: 120px;
}

.footer-mail {
    width: 100%;
    max-width: 498px;
}

.ftr-qstion span.ftr-h5 {
    color: var(--Neutral-Grey-02, #E6E6E7);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
	display : block;
}  
 
.ftr-qstion p {
    color: var(--Neutral-Grey-02, #E6E6E7);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.ftr-cl a {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ftr-cl a img {
    border-radius: 30px;
    background: #FFF;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
}

.ftr-cl {
    margin-top: 32px;
}

.ftr-cntnt span.ftr-h3 {
    color: #fff;
    font-family: "Noto Serif";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 40px;
	display: block;
}   

nav.quck-lnk ul li a {
    color: var(--Neutral-Grey-02, #E6E6E7);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

nav.quck-lnk ul li {
    margin-top: 20px;
}

.footer-botm-cntnt {
    border-top: 1px solid rgba(248, 248, 248, 0.12);
    padding: 60px 0;
}

.ftr-cntnt:nth-child(2) {
    width: 100%;
    max-width: 320px;
}

.footer-rsrvd p {
    color: var(--Neutral-Grey-03, #D0D0D1);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

.ftr-social a {
    border-radius: 68px;
    border: 1px solid var(--FFFFFF, #FFF);
    width: 40px;
    height: 40px;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s ease-in;
}

.ftr-social {
    display: flex;
    gap: 10px;
}

.ftr-social a:nth-child(2) img {
/*     background: #fff; */
/*     border-radius: 30px; */
}
.ftr-lgo img {
    width: 100%;
    max-width: 100%;
}

.ftr-social a img:hover {
    transform: scale(1.1);
}

.ftr-social a:hover {
    background-color: #fff;
}


.ftr-social a:hover img {
    filter: invert(100%) sepia(100%) saturate(10%) hue-rotate(342deg) brightness(100%) contrast(0);
}

.footer-rsrvd {
    border-top: 1px solid rgba(248, 248, 248, 0.12);
    padding: 24px 0 0 0;
}


/* Banner */
.hme-banner-cntnt h1 {
    color: var(--Neutral-Grey-06, #5B5B5F);
    font-family: "Noto Serif";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 80px;
    /* 125% */
    margin-bottom: 54px;
    width: 100%;
    max-width: 1039px;
    position: relative;
    /* left: 60px; */
}

.hme-banner-cntnt p {
    color: var(--Neutral-Grey-06, #5B5B5F);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    width: 100%;
    max-width: 648px;
}

.home-banner {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding-top: 52px;
}

.home-banner::after {
    content: "";
    position: absolute;
    background: var(--Neutral-Grey-00, #F8F8F8);
    width: 100%;
    max-width: 100%;
    height: 700px;
    top: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    right: 0;
}

.banner-btn {
    margin-top: 32px;
}

.bnr-head h1:first-child {
    line-height: 0;
    margin-top: 40px;
    margin-bottom: 0;
    left: 100px;
}

.bnr-head h1:last-child {
    /* margin-left: -60px; */
}

.scroll-img img {
    top: 0 !important;
    position: relative !important;
}

.scroll-img {
    position: relative;
}

.scroll-arow img {
    top: 0 !important;
}

.scroll-arow {
    position: absolute;
    left: 55px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 22px;
}

.scroll-anim {
    animation: rotate 8s linear infinite;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


a.cstm-qte {
    background: var(--Neutral-Grey-10, #303030);
    color: var(--Neutral-Grey-00, #F8F8F8);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 128.571% */
    height: 48px;
    width: 248px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s ease-in;
}

.header-content nav.left-nav ul li {
    position: relative;
}

.header-content nav.left-nav ul li::after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #303030;
    width: 0;
    left: 0;
    bottom: 0;
    transition: 0.4s ease-in;
}
span.mbl-bnr-head{
    display: none;
}
.header-content nav.left-nav ul li:hover::after {
    width: 100%;
}

nav.quck-lnk ul li a {
    position: relative;
}

nav.quck-lnk ul li a::after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #fff;
    width: 0;
    left: 0;
    bottom: 0;
    transition: 0.4s ease-in;
}

nav.quck-lnk ul li a:hover::after {
    width: 100%;
}

.banner-btn a.cstm-qte-1 {
    border: 1px solid var(--Neutral-Grey-10, #303030);
    width: 248px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s ease-in;
}


.bnr-head {
    position: relative;
}

.bnr-dmnd {
    position: absolute;
    top: -50px;
    left: -80px;
}

.hme-banner-cntnt img {
    position: relative;
    top: 60px;
}




/* Basic styling for the video container and button */
.video-container {
    max-width: 100%;
    margin: 68px 0 0 0;
    text-align: center;
    height: 700px;
    position: relative;
}

video {
    width: 100%;
    height: 100%;
    position: relative;
}

.toggle-btn {
    /* padding: 10px 20px; */
    font-size: 16px;
    cursor: pointer;
    /* margin-top: 10px; */
    border: none;
    background-color: #F5F5F6;
    color: white;
    border-radius: 5px;
    position: absolute;
    left: 120px;
    bottom: 120px;
    color: #000;
    border-radius: 100%;
    width: 140px;
    height: 140px;
}


.h-wrk-heding h2 {
    color: var(--Neutral-Grey-05, #86878A);
    font-family: "Noto Serif";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

section.how-works {
    margin-top: 100px;
}




ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-bottom: 48px;
}

ul.tabs li {
    background: none;
    display: inline-block;
    cursor: pointer;
    width: 100%;
    max-width: 24.5%;
    color: rgba(134, 135, 138, 1);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-bottom: 1px solid rgba(230, 230, 231, 1);
    padding-bottom: 18px;
    position: relative;
}

ul.tabs li.current::after {
    content: "";
    position: absolute;
    border-bottom: 1px solid rgba(0, 0, 0, 1);
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 148px;
}

.tab-content {
    display: none;
}

.tab-content.current {
    display: inherit;
}

.work-tab {
    margin-top: 56px;
}

li.tab-link.current {
    color: rgba(48, 48, 48, 1);
}

.sub-reqst {
    width: 100%;
    max-width: 416px;
    padding: 24px 24px 32px 28px;
    background: #F5F5F6;
    position: absolute;
    z-index: 9;
}

.sb-papr p {
    color: var(--2-a-2-b-27, #2A2B27);
    text-align: right;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 108.333% */
    opacity: 0.12;
}

.papr-head {
    margin-top: 223px;
}

.papr-head h3 {
    color: var(--Neutral-Grey-10, #303030);
    font-family: 'Inter';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;
}

.papr-head p {
    color: var(--Neutral-Grey-06, #5B5B5F);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
}

.h-work-tab-cntnt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.h-work-tab-img {
    margin-left: auto;
    width: 100%;
    max-width: 956px;
}

.h-work-tab-img img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.cstm-jwlry-txt {
    width: 100%;
    max-width: 49%;
}

.cstm-jwlry-txt p {
    color: var(--Neutral-Grey-05, #86878A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
}

.cstm-jwlry-txt a.cstm-qte {
    margin-top: 40px;
    max-width: 182px;
}

section.cstm-jwlry {
    margin-top: 100px;
    background: var(--Neutral-Grey-01, #F5F5F6);
    padding: 78px 0;
    position: relative;
}

.cstm-jwlry-cntnt h2 {
    color: var(--Neutral-Grey-05, #86878A);
    font-family: "Noto Serif";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-align: center;
    margin-left: -160px;
}

.cstm-jwlry-dta {
    margin-top: 48px;
    gap: 64px;
}

.cstm-jwlry-img {
    width: 100%;
    max-width: 38.4%;
    margin-left: 92px;
}

.cstm-jwlry-img img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.cstm-dimnd {
    position: absolute;
    bottom: 160px;
    width: 100%;
    max-width: 246px;
    left: 0;
    z-index: 9;
}

.cstm-dimnd::after {
    content: "";
    position: absolute;
    border: 10px solid #FFF;
    background: var(--Neutral-Grey-01, #F5F5F6);
    right: -34px;
    width: 100%;
    max-width: 200px;
    height: 220px;
    z-index: -1;
    top: -20px;
}

section.store {
    margin-top: 100px;
}

.store-cntnt h2 {
    color: var(--Neutral-Grey-05, #86878A);
    text-align: center;
    font-family: "Noto Serif";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 48px;
}

#storecarousel .item img {
    background: var(--Neutral-Grey-01, #F5F5F6);
    padding: 0;
    width: 100%;
    /* max-width: 318px; */
    /* height: 180px; */
    object-fit: contain;
}
.art-txt img {
    height: auto !important;
}
.store-owl-slider {
    max-width: 1288px;
    margin: auto;
	padding: 0 40px;
}
.hme-art-dta a img {
    height: 280px;
}  
.blg-pge-txt ul li {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    opacity: 1;
    list-style: disc;!;!i;!;
    margin-left: 20px;
}

.blg-pge-txt ul {
    padding: 10px 0px;
}

.blg-pge-txt ol li {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    opacity: 1;
    list-style: decimal;
    margin-left: 20px;
}  
h4.made-to-order {
    background-color: #303030;
    width: max-content;
    padding: 3px 20px;
    color: #fff;
    margin-bottom: 10px;
    border-radius: 17px;
    font-weight: 400;
}
  

@media only screen and (min-width: 681px) {
	#storecarousel .owl-item {
		width: 316px !important;
	}
}

.store-cntnt p {
    color: var(--Neutral-Grey-05, #86878A);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    width: 100%;
    max-width: 796px;
    margin: auto;
    margin-top: 48px;
    margin-bottom: 36px;
}

.store-cntnt a.cstm-qte {
    margin: auto;
}

section.browse {
    margin-top: 100px;
    background: var(--Neutral-Grey-10, #303030);
    padding: 80px 0 80px 80px;
}

.browse-head h2 {
    color: var(--Neutral-Grey-01, #F5F5F6);
    font-family: "Noto Serif";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 16px;
}

.browse-head p {
    color: var(--Neutral-Grey-04, #AEAEB2);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
}

.browse-owl-slider {
    margin-top: 48px;
}

.item .cat-itm p {
    color: var(--Neutral-Grey-01, #F5F5F6);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-top: 20px;
}

#browsecarousel .owl-nav {
    position: absolute;
    top: -90px;
    right: 40px;
}

#browsecarousel .owl-nav button img,
#sync2 .owl-nav button img {
    border: 1px solid var(--Neutral-Grey-02, #E6E6E7);
    width: 48px;
    height: 48px;
    padding: 17px;
    display: block;
}

#browsecarousel .owl-nav button {
    margin-right: 12px;
}

img.lft-arrow-1,
img.lft-arrow-2,
    {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(188deg) brightness(104%) contrast(105%);
}

#browsecarousel .owl-nav button:hover {
    background: #fff;
}

#browsecarousel .owl-nav button img {
    display: block;
}

#browsecarousel .owl-nav button:hover img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(43deg) brightness(93%) contrast(104%);
}

#browsecarousel .owl-carousel .owl-dots {
    display: block;
}


.post-grid {
    width: 300px;
    overflow: hidden;
}

.thumb-item {
    transition: transform 0.3s ease;
    width: 100%;
}
.thumb-item button.owl-dot {
    width: 100%;
/*     max-width: 65px; */
	max-width: 18%;
    height: 100%;
	position: relative;
}

.thumb-item img {
    width: 100%;
}

.title h5 {
    color: var(--Neutral-Grey-04, #AEAEB2);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 133.333% */
    text-transform: uppercase;
    margin-top: 12px;
}

.text h3 {
    color: var(--Neutral-Grey-10, #303030);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 171.429% */
    margin-top: 8px;
}

.text p {
    color: var(--Neutral-Grey-06, #5B5B5F);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 128.571% */
    margin-top: 8px;
}

.ltst-clct-dta {
    flex-wrap: wrap;
    margin-top: 48px;
    row-gap: 48px;
	justify-content: flex-start;
    gap: 16px;
}

.ltst-clct-img {
    width: 100%;
    max-width: 308px;
    position: relative;
	margin-top: 0 !important;
}

section.ltst-clctin {
    margin-top: 100px;
}

.ltst-clction-cntnt h2 {
    color: var(--Neutral-Grey-05, #86878A);
    text-align: center;
    font-family: "Noto Serif";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.n-clctn {
    position: absolute;
    top: 14px;
    left: 14px;
    background: #FFF;
    box-shadow: 0px 0px 8px 0px rgba(78, 79, 80, 0.16);
    width: 100%;
    max-width: 57px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.n-clctn p {
    color: var(--Neutral-Grey-10, #303030);
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.96px;
    text-transform: uppercase;
}

.custom-radio {
    display: none;
}

.custom-radio-label {
    display: inline-block;
    cursor: pointer;
}

.radio-image {
    width: 16px;
    height: 16px;
    background-image: url('../images/rd-1.svg');
    background-size: cover;
    display: block;

}

.custom-radio:checked+.custom-radio-label {
    border-radius: 40px;
    border: 1px solid var(--Neutral-Grey-02, #E6E6E7);
    padding: 4px;
    position: relative;
    top: 6px;
}

.ltst-clction-cntnt a.cstm-qte {
    width: 205px;
    margin: auto;
    margin-top: 60px;
}

.swiper-button-prev,
.swiper-button-next {
    width: 65px;
    height: 100%;
    display: block;
    stroke-width: 2px;
    position: relative;
}

.thumb-item .owl-dots {
   display: flex;
    position: absolute;
    bottom: 10px;
    /* left: 0px; */
    z-index: 99;
    gap: 6px;
    height: 90%;
    align-items: flex-end;
    width: 100%;
    max-width: 98%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.thumb-item button.owl-dot.active::after {
    background: rgba(48, 48, 48, 1) !important;
}

.thumb-item .owl-dots button::after {
    content: "";
    background: var(--Neutral-Grey-03, #D0D0D1) !important;
/*     width: 65px; */
	width: 100%;
    height: 2px;
    position: absolute;
    /* left: 0; */
    bottom: 0;
    display: flex;
}

.thumb-item .owl-nav.disabled {
    display: none !important;
}








.feed-slide {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

div#sync1 {
    width: 100%;
    max-width: 632px;
    height: 731px;
}

div#sync1 .owl-item.active {
    /* width: 632px !important; */
    max-width: 632px;
}

div#sync1 .owl-item .item img {
    width: 100% !important;
    max-width: 100%;
    height: 100%;
}

.feed-abs {
    width: 100%;
    max-width: 240px;
    background: var(--Neutral-Grey-01, #F5F5F6);
    height: 140px;
    padding: 26px 39px;
    position: absolute;
    bottom: 16px;
    left: 16px;
}

div#sync1 .owl-item .item {
    position: relative;
    height: 731px;
    object-fit: cover;
}

#sync2 .owl-item {
    width: 100% !important;
    max-width: 308px;
    opacity: 0;
}

div#sync2 .owl-stage {
    display: flex;
    /* justify-content: space-between; */
    gap: 16px;
}

#sync2 .owl-item.active {
    opacity: 1;
}

#sync-1 .owl-carousel .owl-dots {
    display: none;
}

#sync2 .owl-nav button {
    background: transparent;
    /* margin: 0; */
    border: 1px solid #000;
}

#sync2 .owl-nav button:hover {
    background: #000;
}

#sync2 .owl-nav button:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(188deg) brightness(104%) contrast(105%);
}

#sync2 .owl-nav {
    display: flex;
}

.slide-txt-dta {
    margin-left: 48px;
    width: 100%;
    max-width: 584px;
}

.slide-txt-dta img {
    margin-bottom: 28px;
}

.slide-txt-dta h5 {
    color: var(--Neutral-Grey-10, #303030);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 133.333% */
    margin-bottom: 28px;
}

.star {
    display: flex;
    gap: 4px;
}

.star img {
    margin-bottom: 0;
}

.slide-txt-dta p {
    color: var(--Neutral-Grey-05, #86878A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    margin-top: 28px;
    margin-bottom: 24px;
}

.cretor {
    display: flex;
    align-items: center;
    margin-top: 24px;
}

.cretor p {
    margin: 0 !important;
    color: var(--Neutral-Grey-05, #86878A);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.cretor h6 {
    color: var(--Neutral-Grey-10, #303030);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

div#sync2 {
    display: flex;
    flex-direction: column-reverse;
    row-gap: 30px;
}

section.feedback {
    background: var(--Neutral-Grey-01, #F5F5F6);
    padding: 80px 0;
    margin-top: 100px;
}

.feed-head h2,
.article-cntnt h2 {
    color: var(--Neutral-Grey-05, #86878A);
    text-align: center;
    font-family: "Noto Serif";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 16px;
}

.feed-head p {
    color: var(--Neutral-Grey-05, #86878A);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 25.6px */
}

.feed-head {
    width: 100%;
    max-width: 1052px;
    margin: auto;
    margin-bottom: 48px;
}

img.lft-arrow-5,
img.lft-arrow-0 {
    filter: brightness(0) saturate(100%) invert(13%) sepia(2%) saturate(3%) hue-rotate(320deg) brightness(96%) contrast(83%);
    /* background: transparent !important; */
    border: none !important;
}

.slde-feed-lft img {
    width: 32px !important;
    max-width: 32px;
}

img.lft-arrow-1 {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(5%) hue-rotate(160deg) brightness(101%) contrast(100%);
}

section.article {
    margin: 100px 0;
}

.hme-art-dta {
    width: 100%;
    max-width: 33%;
}

.hme-art-dta a {
    display: block;
}

.hme-art-dta a img {
    width: 100%;
    max-width: 100%;
}

.hme-art-dta h3 {
    color: var(--Neutral-Grey-10, #303030);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 133.333% */
    margin-top: 16px;
}

.art-dte img {
    width: 100%;
    max-width: 20px !important;
}

.art-dte p,
.nc p {
    color: var(--greyscale-828282, #828282);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 4px;
}

.cstm-dimnd img {
    width: 100%;
    max-width: 100%;
}

.nc img {
    width: 100%;
    max-width: 17px !important;
}

.art-txt {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #E6E6E7;
}

.article-cntnt a.cstm-qte {
    margin: auto;
    margin-top: 48px;
    width: 175px;
}

img#toggleImage {
    top: 0;
    filter: brightness(0) saturate(100%) invert(0%) sepia(37%) saturate(2083%) hue-rotate(47deg) brightness(84%) contrast(97%);
    width: 32px;
    height: 32px;
}

/* swatches */
input[type="radio"i] {
    display: none;
}

ul.fltr-clor li label {
    width: 24px;
    height: 24px;
    display: block;
    cursor: pointer;
}

ul.fltr-clor {
    display: flex;
    gap: 10px;
    margin-top: 12px;
}

/* input.swatches:checked+.swatches-label {
    border-radius: 40px;
    border: 1px solid var(--Neutral-Grey-02, #E6E6E7);
    padding: 4px;
    width: 24px;
    height: 24px;
} */

label.swatches-label {
    background-repeat: no-repeat;
    background-position: center;
}

.bnr-dmnd img {
    top: 0;
}



.customer-testimonials-container {
    margin: 61px 0px 0px;
}

.customer-testimonials-left {
    width: 53%;
}

.customer-testimonials-right {
    width: 100%;
    max-width: 49%;
}

.customer-testimonials-image-slide img {
    width: 100%;
}

.testimonial-heading h2 {
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.12px;
    text-transform: uppercase;
}

.testimonial-content-slide h6 span {
    color: #6C757D;
}

.testimonials-controllers .testimonials-pagination {
    position: relative;
    font-size: 0px;
}

.testimonials-controllers .swiper-button-prev,
.testimonials-controllers .swiper-button-next {
    position: relative;
    font-size: 0px;
    background-image: none;
    width: 20px;
    height: 20px;
}

.testimonials-slider-arrows {
    display: flex;
    /* max-width: 197px; */
    align-items: center;
    margin: 20px 0px 40px;
    gap: 20px;
    align-items: flex-end;
    margin-left: auto;
    position: relative;
    left: 80%;
    top: 16px;
}

.testimonials-pagination span {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--black);
    font-family: 'Satoshi';
}

.testimonials-pagination .swiper-pagination-current {
    padding: 0 16px 0px 0px;
}

.testimonials-pagination .swiper-pagination-total {
    padding: 0 0 0 16px;
    color: #ADB5BD;
    border-left: 1px solid #ADB5BD;
}

.customer-testimonials-thumbnail-slide img {
    width: 100%;
    height: 330px;
    object-fit: cover;
}

.customer-testimonials-image-slide img {
    max-height: 731px;
    object-fit: cover;
    height: 731px;
}

.feed-abs img {
    height: auto !important;
}

.customer-testimonials-flex {
    display: flex;
    gap: 16px;
}

.testimonial-content-slider .slde-feed-lft h5 {
    color: var(--Neutral-Grey-10, #303030);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 133.333% */
    margin-bottom: 16px;
    margin-top: 28px;
}

.testimonial-content-slider .slde-feed-lft p {
    color: var(--Neutral-Grey-05, #86878A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    margin-top: 28px;
}

.testimonial-content-container {
    margin-left: 48px;
}

.testimonial-content-slide.swiper-slide.swiper-slide-active {
    margin-right: 0 !important;
}

.testimonial-content-container {
    max-width: 584px;
    margin-left: auto;
}

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

.swiper-button-prev {
    position: relative;
    left: 0;
}

.swiper-button-next,
.swiper-button-prev {
    width: 48px !important;
    height: 48px !important;
    border: 1px solid var(--Neutral-Grey-10, #303030);
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: var(--Neutral-Grey-10, #303030);
}

.swiper-button-next:hover img,
.swiper-button-prev:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(20deg) brightness(101%) contrast(103%);
}

a.cstm-qte:hover {
    border: 1px solid #000;
    color: #303030;
    background: transparent;
}

a.cstm-qte-1:hover {
    background: #303030;
    color: #fff;
}
a.login-btn.whole {
    width: 150px;
}
.header-content nav.right-nav ul {
    list-style: none;
    display: flex;
    gap: 16px;
    align-items: center;
}
nav.right-nav ul li:nth-child(1) a {
    position: relative;
}

nav.right-nav ul li:nth-child(1) a::after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #303030;
    width: 0;
    left: 0;
    bottom: 0;
    transition: 0.4s ease-in;
}

nav.right-nav ul li:nth-child(1) a:hover::after {
    width: 100%;
}

/* when work started on product page code copied from jawad files */
/* Article Page */
section.other-page-banner {}

section.other-page-banner {
    background: #F5F5F6;
    background-repeat: no-repeat;
    width: 100%;
    height: 360px;
    position: relative;
}

.other-page-banner-cntnt {
    align-items: center;
    margin-left: 76px;
}

.othr-bnr-img img {
    width: 100%;
    max-width: 100%;
    display: block;
    height: 100%;
}

.othr-bnr-img {
    width: 100%;
    max-width: 53%;
    position: relative;
    z-index: 9;
    height: 360px;
}

.heading h1 {
    color: var(--Neutral-Grey-06, #5B5B5F);
    font-family: "Noto Serif";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    /* 125% */
}

.other-page-banner::before {
    content: "";
    position: absolute;
    background-image: url(../images/bnr-aftr.svg);
    background-repeat: no-repeat;
    width: 100%;
    max-width: 283px;
    height: 313px;
    right: 0;
    top: 0;
}

#article-pge .hme-article {
    flex-wrap: wrap;
    row-gap: 48px;
}

section#article-pge {
    margin-top: 77px;
}

#article-pge .hme-art-dta {
    width: 100%;
    max-width: 32%;
}

#article-pge .container {
    max-width: 1296px;
}

.art-pge-btn a.wish-btn {
    border: 1px solid var(--EAEAEA, #EAEAEA);
    background: var(--White, #FFF);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 48px;
    height: 48px;
}

a.wish-btn:hover,
a.wish-btn.active {
    background: #1C1C22;
    color: #fff;
}

.art-pge-btn {
    margin-top: 72px;
    gap: 13px;
}

a.wish-btn:hover img,
a.wish-btn.active img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(20deg) brightness(101%) contrast(103%);
}


/* Cntct Page */
section.cntct-hlp .ftr-cl a img {
    border-radius: 30px;
    background: #303030;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
}

.how-hlp h2 {
    color: #303030;
    font-family: "Noto Serif";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 12px;
}

.how-hlp p {
    color: #807F89;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    width: 100%;
    max-width: 437px;
    margin-bottom: 24px;
}

.drk-txt {
    color: #303030;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    /* 162.5% */
}

img.cntct-img {
    width: 100%;
    max-width: 446px;
    margin-bottom: 16px;
    display: block;
}

section.cntct-hlp .ftr-qstion span.ftr-h5 {
    margin-bottom: 8px;
    color: #303030;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.67;
}

section.cntct-hlp .ftr-qstion p {
    color: #303030;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
}

section.cntct-hlp {
    margin-top: 92px;
    margin-bottom: 80px;
}

.cntct-form-dta {
    background: #F5F5F6;
    padding: 24px 32px;
    width: 100%;
    max-width: 59.6%;
}

.how-hlp {
    width: 100%;
    max-width: 34.9%;
}

.cntct-form-dta h2 {
    color: #303030;
    font-family: "Noto Serif";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 32px;
}

.cntct-frm-flx {
    display: flex;
    flex-direction: column;
    row-gap: 14px;
    margin-bottom: 20px;
    width: 100%;
    max-width: 100%;
}

.cntct-frm-fld {
    gap: 20px;
}

.cntct-frm-flx label {
    color: #303030;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.cntct-frm-flx input {
    border: 1px solid var(--Border, #E7E7E7);
    background: var(--White, #FFF);
    height: 52px;
    width: 100%;
    max-width: 100%;
    padding: 0 14px;
}

.cntct-frm-flx input::placeholder {
    color: #807F89;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.cntct-frm-flx textarea {
    border: 1px solid var(--Border, #E7E7E7);
    background: var(--White, #FFF);
    color: #807F89;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 16px 14px 0;
    width: 100%;
    max-width: 100%;
    height: 104px;
    resize: none;
}

.cntct-frm-flx select {
    border: 1px solid var(--Border, #E7E7E7);
    background: var(--White, #FFF);
    color: #807F89;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    max-width: 100%;
    height: 52px;
    padding: 0 14px;
    -webkit-appearance: none;
    position: relative;
    cursor: pointer;
}

.slct-aftr::after {
    content: "";
    position: absolute;
    background-image: url(../images/slct-arow.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    right: 16px;
    top: 45px;
    pointer-events: none;
}

.slct-aftr {
    position: relative;
}

span.opt-clr {
    color: #807F89;
}

input#cntct-frm-sbmt {
    background: var(--Neutral-Grey-10, #303030);
    margin-left: auto;
    display: flex;
    width: 100%;
    max-width: 128px;
    height: 48px;
    color: var(--Neutral-Grey-00, #F8F8F8);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 128.571% */
}

/* Custom Quote Page */

#file-drag::after {
    content: "";
    position: absolute;
    background-image: url(../images/upload.svg);
    background-repeat: no-repeat;
    width: 37px;
    height: 37px;
    top: 28px;
    right: 48%;

}

div#file-upload-form {
    row-gap: 0;
}

#file-drag p, #doc-upload-box p {
    position: relative;
    bottom: -28px;
}

input[type="file"] {
    display: none;
}

#file-drag {
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
    max-width: 100%;
    height: 100%;
    color: #807F89;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: auto;
    width: 100%;
    height: 159px;
    border: 1px solid var(--Border, #E7E7E7);
    background: var(--White, #FFF);
    display: flex;
    justify-content: center;
    align-items: center;
    row-gap: 0;
    position: relative;
}

div#file-upload-form h3 {
    color: #303030;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 14px;
}

#file-progress {
    display: none;
    margin: 10px 0;
    width: 100%;
}

progress {
    appearance: none;
    background: #eee;
    border: none;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    height: 10px;
}

/* About Page */
section.about-pge::after {
    content: "";
    position: absolute;
    background: var(--Neutral-Grey-00, #F8F8F8);
    width: 100%;
    max-width: 100%;
    height: 700px;
    background-repeat: no-repeat;
    top: 0;
    z-index: -1;
}

section.about-pge {
    position: relative;
    z-index: 9;
}

.about-cntnt h1 {
    color: var(--Neutral-Grey-06, #5B5B5F);
    font-family: "Noto Serif";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 80px;
    /* 166.667% */
}

.about-cntnt {
    padding-top: 52px;
}

.abt-dscvr h4 {
    color: var(--Neutral-Grey-06, #5B5B5F);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    /* 162.5% */
    width: 100%;
    max-width: 303px;
}

.abt-dscvr {
    margin-top: 134px;
}

.abt-dscvr p {
    color: #86878A;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    width: 100%;
    max-width: 648px;
}

.about-pge .video-container {
    max-width: 849px;
    height: 464px;
    margin-top: 63px;
    margin-left: auto;
}

.about-pge .video-container button#toggleButton {
    width: 108px;
    height: 108px;
    left: unset;
    right: 38px;
    bottom: 28px;
}

.about-pge::before {
    content: "";
    position: absolute;
    background-image: url(../images/bnr-aftr.svg);
    background-repeat: no-repeat;
    width: 100%;
    max-width: 240px;
    height: 430px;
    right: 0;
    top: -78px;
    z-index: 1;
}

.abt-abs {
    position: absolute;
    bottom: 180px;
    width: 100%;
    max-width: 262px;
    height: 178px;
}

.abt-abs img {
    display: block;
    width: 100%;
    max-width: 100%;
    object-fit: contain;
}

section.abt-wrk {
    margin-top: 73px;
    background: #303030;
    padding: 78px 80px;
}

.abt-wrk-cntnt h2 {
    color: var(--Neutral-Grey-05, #86878A);
    text-align: center;
    font-family: "Noto Serif";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.whte-txt {
    color: #fff;
}

.abt-wrk-txt {
    margin-top: 48px;
    gap: 64px;
}

.abt-wrk-img {
    width: 100%;
    max-width: 38.5%;
}

.abt-wrk-img img {
    width: 100%;
    max-width: 100%;
}

.abt-wrk-txt-dta {
    width: 100%;
    max-width: 54%;
}

.abt-wrk-txt-dta p {
    color: #B6B6B6;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
}

section.about-perfct {
    margin: 100px 0 162px;
}

.abt-prfct-txt h2 {
    color: var(--Neutral-Grey-05, #86878A);
    font-family: "Noto Serif";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 16px;
}

.abt-prfct-txt p {
    color: #807F89;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
}

.abt-prfct-txt {
    width: 100%;
    max-width: 49%;
}

.abt-prfct-img {
    width: 100%;
    max-width: 38.5%;
    position: relative;
}

.abt-prfct-img img {
    width: 100%;
    max-width: 100%;
}

.abt-prfct-abs {
    width: 100%;
    max-width: 252px;
    position: absolute;
    bottom: -62px;
    left: -68px;
}

section#about-work {
    background: var(--Neutral-Grey-10, #303030);
    padding: 78px 80px;
}

#about-work .h-wrk-heding h2 {
    color: var(--Neutral-Grey-05, #86878A);
    font-family: "Noto Serif";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

#about-work .h-wrk-heding h2 .dark-blk {
    color: #FFF !important;
} 

#about-work li.tab-link.current {
    color: #fff;
}

#about-work li.tab-link.current::after {
    border-bottom: 1px solid #fff;
}

#about-work ul.tabs li {
    border-bottom: 1px solid rgb(230 230 231 / 12%);
}

#about-work a.cstm-qte {
    background: #fff;
    color: #303030;
    transition: 0.4s ease-in;
}

#about-work a.cstm-qte:hover {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
}

section#about-feed {
    background: transparent;
    padding: 0;
    margin-top: 80px;
    margin-bottom: 80px;
}

#about-feed a.about-qte {
    margin: auto;
    margin-top: 60px;
    background: #303030;
    width: 162px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 128.571% */
}

div#swiper-wrapper-f40b708110b15bb310 {
    width: 632px;
}

/* Product Page */

select#filter {
    border: 1px solid #303030;
    background: var(--FFFFFF, #FFF);
    width: 100%;
    max-width: 146px;
    height: 48px;
    padding: 14px 25px;
}

.hde-btn {
    gap: 30px;
}

.rslt {
    color: var(--807F89, #807F89);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
}

.hde-btn {
    width: 100%;
    max-width: 100%;
    position: relative;
}

.fltr-slect {
    border-bottom: 1px solid var(--EAEAEA, #EAEAEA);
    background: var(--FFFFFF, #FFF);
    padding-bottom: 20px;
    margin-bottom: 40px;
}

section.product-flter-sec {
    margin-top: 68px;
    margin-bottom: 100px;
}

select#filter {
    -webkit-appearance: none;
}

.hde-btn::after {
    content: "";
    position: absolute;
    background-image: url(../images/slct-arow.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    top: 15px;
    pointer-events: none;
    left: 100px;
}

.product-lft-fltr {
    background: rgba(245, 245, 246, 0.40);
    width: 100%;
    max-width: 283px;
    height: 100%;
}

.jwlry-lft-fltr {
    padding: 28px 18px;
    border-top: 1px solid var(--EAEAEA, #EAEAEA);
    border-bottom: 1px solid var(--EAEAEA, #EAEAEA);
}

.product-lft-fltr h3 {
    color: #303030;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 120% */
    margin-bottom: 20px;
}

.prdct-chk-flx label {
    color: var(--807F89, #807F89);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    margin-left: 11px;
    cursor: pointer;
}

.sze-qnty {
    color: var(--807F89, #807F89);
    text-align: right;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}

.jwlry-prdct-chk {
    margin-bottom: 14px;
}

.product-lft-fltr input {
    accent-color: #303030;
    background: transparent;
}

.prdct-chk-flx input:checked+label {
    color: #303030;
}

.rng-sze-chk input {
    display: none;
}

.rng-sze-fltr {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
    /* row-gap: 10px; */
    margin-bottom: 20px;
}

.fltr-sze,
.fltr-clr {
    padding: 24px 18px;
    border-bottom: 1px solid var(--EAEAEA, #EAEAEA);
}

.rng-sze-chk label {
    background: #F5F5F6;
    padding: 7px 12px;
    color: #303030;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    cursor: pointer;
}

.rng-sze-chk {
    margin-bottom: 10px;
}

.rng-sze-chk input:checked+label {
    border: 1px solid #303030;
}

.sze-chk label {
    color: #303030;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    margin-left: 11px;
}

.size-all span {
    color: #303030;
    text-align: right;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}

.fltr-sze a.sze-gud {
    color: #303030;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    margin-top: 20px;
    text-decoration: underline;
    text-underline-offset: 6px;
}

.jwlry-shpe {
    border-top: none;
}

.fltr-clr-dta label {
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    margin: auto;
    cursor: pointer;
}

.fltr-clr-nme p {
    color: #303030;
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 8px;
    cursor: pointer;
}

.fltr-clr-flx {
    flex-wrap: wrap;
    gap: 32px;
}

.fltr-clr-dta input:checked+label {
    border: 1px solid #303030;
    border-radius: 50%;
}

/* Price Range SLider */

::selection {
    color: #fff;
    background: #000;
}

.price-input {
    width: 100%;
    display: flex;
    margin: 26px 0 0px;
}

.price-input .field {
    display: flex;
    width: 100%;
    max-width: 103px;
    align-items: center;
    padding: 12px 7px 12px 7px;
    border: 1px solid #E7E7E7;
    height: 40px;
}

.field input {
    border: none;
    -moz-appearance: textfield;
}

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

.price-input .separator p {
    margin: 0 12px;
    color: var(--807F89, #807F89);
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

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

input.input-min {
    width: 100%;
    max-width: 100%;
    padding-right: 0px;
    color: var(--807F89, #807F89);
    text-align: right;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

input.input-max {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    color: var(--807F89, #807F89);
    text-align: right;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.slider {
    height: 5px;
    position: relative;
    background: #000;
    border-radius: 5px;
}

.slider .progress {
    height: 100%;
    left: 25%;
    right: 25%;
    position: absolute;
    border-radius: 5px;
    background: #1C1C22;
}

.range-input {
    position: relative;
}

.range-input input {
    position: absolute;
    width: 101%;
    height: 4px;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: -3px;
    cursor: pointer;
}

input[type="range"]::-webkit-slider-thumb {
    height: 16px;
    width: 16px;
    border-radius: 12px;
    background: #fff;
    border: 2px solid #000;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

input[type="range"]::-moz-range-thumb {
    height: 16px;
    width: 16px;
    border: none;
    border-radius: 12px;
    background: #fff;
    border: 2px solid #000;
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

p.dlr {
    color: var(--807F89, #807F89);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.price-range-container {
    padding: 24px 18px;
    border-bottom: 1px solid var(--EAEAEA, #EAEAEA);
}

/* Range Slider End */

.select2-container--default .select2-selection--single {
    border: 1px solid var(--1C1C22, #1C1C22) !important;
    background: var(--FFFFFF, #FFF) !important;
    width: 120px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center;
	text-align: center;
    justify-content: center;
}

span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus, span.select2.select2-container.select2-container--default {
    width: 120px !important;
    height: 48px !important;
    display: flex;
    align-items: center;
    z-index: 9999 !important;
}

span.select2-dropdown.select2-dropdown--below, span.select2-dropdown.select2-dropdown--above {
    width: 192px !important;
    background: var(--FFFFFF, #FFF);
    left: -71px;
    padding: 14px 14px;
    border: 1px solid #EAEAEA;
	top:10px;
    z-index: 9999 !important;
}

.sort-lbl {
    display: block;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: var(--Neutral-Grey-05, #86878A);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 4px;
    text-align: center;
}

span.select2-results ul#select2-sort-filter-results li {
    color: var(--Neutral-Grey-05, #86878A);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 14px;
}

span.select2-results ul#select2-sort-filter-results li:last-child {
    border-bottom: none;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #303030 !important;
    color: white !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0 !important;
    left: 0% !important;
    margin-left: -16px !important;
    margin-top: 1px !important;
    position: absolute !important;
    top: 90% !important;
    width: 0 !important;
	background:white;
}
input.select2-search__field {
    display: none;
}

.product-fltr-rgt-dta {
    margin-top: 0;
    justify-content: flex-start;
    gap: 16px;
    row-gap: 40px;
    width: 100%;
    max-width: 80%;
}
.product-fltr-rgt-dta .product-fltr-rgt {
    margin-top: 0;
    justify-content: flex-start;
    gap: 16px;
    row-gap: 40px;
}

.prodct-fltr-dta {
    gap: 39px;
}

.bread-crumb nav ul {
    display: flex;
    gap: 20px;
	align-items: center;
}

.bread-crumb nav ul li a {
    color: #303030;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 100% */
    letter-spacing: 1.28px;
    text-transform: uppercase;
}

.bread-crumb {
    margin: 40px 0;
}

.product-fltr-rgt-dta.hided_filters {
    width: 100%;
    max-width: 100%;
}

/* Product detail slider */
.slider .slick-prev:before,
.slider .slick-next:before,
.slick-track:after,
.slick-track:before {
    display: none;
}

.slider .slick-prev:hover,
.slider .slick-next:hover {
    border-color: transparent #ffd200;
}

.slider-lrge .slider-banner-image img {
    width: 585px;
    height: 585px;
    object-fit: contain;
}

.product-slider {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    width: 100%;
    max-width: 585px;
}

.slider-thumb-smal .thumbImg img {
    width: 280px;
    height: 280px;
    object-fit: contain;
    opacity: 0.5;
}

.slider-thumb-smal .thumbImg.slick-slide.slick-current.slick-center img {
    opacity: 1;
}

.slider-thumb-smal .slick-list.draggable .slick-track {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
	width: 100% !important;
}

.slick-list.draggable {
    padding: 0 !important;
}

.slider-thumb .slick-slide {
    width: 280px !important;
    height: 280px;
	cursor: pointer;
}
.slick-track {
    transform: none !important;
}

.product-dtail-dta {
    gap: 64px;
}

.pd-dtl-cntn h2 {
    color: #303030;
    font-family: "Noto Serif";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    /* 140% */
    margin-bottom: 9px;
}

.rtng {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.rtng p.rt-pnt {
    color: #303030;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 19.2px */
}

.rtng p.rtng-rvw {
    color: #807F89;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 19.2px */
    margin-left: 12px;
}

.pd-dtl-cntnt span {
    color: #807F89;
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.pd-dtl-cntnt p.dtl-clr {
    color: #303030;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 120% */
    margin-top: 38px;
}

.pd-dtl-cntnt ul.fltr-clor {
    margin: 24px 0 32px;
}

.pd-dtl-cntnt .sze-dtl-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pd-dtl-cntnt .sze-dtl-1 h6 {
    color: #303030;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 120% */
}

.pd-dtl-cntnt .sze-dtl-1 a {
    color: #303030;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    text-decoration: underline;
}

.pd-dtl-cntnt .rng-sze-fltr {
    margin-top: 24px;
    width: 100%;
    max-width: 404px;
}

.pd-dtl-btn {
    gap: 16px;
    margin-bottom: 28px;
}

.pd-dtl-like {
    border: 1px solid #303030;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pd-dtl-btn a {
    background: #303030;
    width: 100%;
    max-width: 580px;
    color: var(--FFFFFF, #FFF);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pd-dtl-txt {
    padding-top: 38px;
    padding-bottom: 40px;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
}

.pd-dtl-txt h3 {
    color: #303030;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 120% */
    margin-bottom: 16px;
}

.pd-dtl-txt p {
    color: #807F89;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
}

.pd-dtl-txt ul li {
    color: #807F89;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    list-style: disc;
    list-style-position: inside;
}

.dtl-shr h3 {
    color: #303030;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 120% */
    margin-top: 32px;
}

.social-links {
    margin-top: 16px;
    gap: 16px;
}

.social-links a {
    border: 1px solid #303030;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pd-dtl-cntnt input.swatches:checked+.swatches-label {
    border: 1px solid #303030;
}

section.recent-view {
    margin-top: 80px;
}

.rcnt-view-cntnt h2 {
    color: var(--Neutral-Grey-05, #86878A);
    text-align: center;
    font-family: "Noto Serif";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 56px;
}

section#may-like {
    margin-top: 100px;
}

section.reviews-sec {
    margin-top: 84px;
}

.rview-cntnt h2 {
    color: #303030;
    font-family: "Noto Serif";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    /* 56px */
    position: relative;
    width: 100%;
    max-width: 307px;
}

.rview-cntnt h2::after {
    content: "";
    position: absolute;
    background: #CDCDCD;
    width: 50px;
    top: 30px;
    right: 0;
    height: 1px;
}
.overall-head h3 {
    color: #4E4F50;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 72%; /* 51.2px */
}

.overall-head p {
    color: #272727;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 90%; /* 25.6px */
}

.overall-head {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin-bottom: 32px;
}
.stars {
    gap: 8px;
}

.percentage p {
    color: #ADB5BD;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
}
.prcnt-bar {
    background: #CCC;
    width: 100%;
    max-width: 359px;
    height: 13px;
    margin: 0 17px 0 32px;
}
.prcnt-bar.filled {
    background: #5E5E5E;
}
.rveiw-give {
    margin-top: 72px;
}
.overal-review {
    width: 100%;
    max-width: 44.7%;
}

.add-rvew {
    width: 100%;
    max-width: 41%;
}

.add-rvew h3 {
    color: #303030;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Noto Serif";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 133.333% */
    margin-bottom: 24px;
}

.you-rat h4 {
    color: #303030;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px; /* 85.714% */
    text-transform: capitalize;
}

.you-rat {
    gap: 16px;
    margin-bottom: 24px;
}

.you-rat-star {
    gap: 2px;
}

.you-rat-star img {
    width: 16px;
}

.ad-rvew-cntnt {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    margin-bottom: 24px;
}

.ad-rvew-cntnt label {
    color: #303030;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px; /* 85.714% */
    text-transform: capitalize;
}

.ad-rvew-cntnt textarea {
    background: #F5F5F5;
    border: none;
    padding: 16px;
    color: var(--neutral-04100, #6C7275);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 216.667% */
    opacity: 0.5;
    width: 100%;
    height: 140px;
    resize: none;
}

.ad-rvew-nme-dta {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    width: 100%;
    max-width: 100%;
}

.ad-rvew-nme-dta label {
     /* 85.714% */
     color: #303030;
     font-family: Inter;
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: 12px; /* 85.714% */
     text-transform: capitalize;
}

.ad-rvew-nme-dta input {
    background: #F5F5F5;
    border: none;
    padding: 7px 16px;
    color: #6C7275;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 216.667% */
    opacity: 0.5;
    width: 100%;
    max-width: 100%;
}
.add-rvew-name {
    gap: 16px;
}
input#rvew-sbmit {
    margin-top: 32px;
    background: #303030;
    color: var(--FFFFFF, #FFF);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    width: 132px;
    height: 48px;
    border: none;
}
.user-all-rvew {
    border-bottom: 1px solid var(--neutral-03100, #E8ECEF);
    padding-bottom: 52px;
    margin-bottom: 24px;
    gap: 40px;
    width: 100%;
    max-width: 1064px;
}

.user-img {
    width: 100%;
    max-width: 72px;
}

.user-img img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.user-rvew-txt h2 {
    color: #141718;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; /* 160% */
    margin-bottom: 8px;
}

.user-rvew-star img {
    width: 16px;
    margin-right: 2px;
}

.user-rvew-txt p {
    color: #807F89;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
    margin-top: 16px;
}
button.load-rvew {
    margin: auto;
    margin-top: 72px;
    border: 1px solid #303030;
    background: transparent;
    display: flex;
    color: #303030;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    width: 148px;
    height: 48px;
    justify-content: center;
    align-items: center;
}
section.user-rvew {
    margin: 72px 0 100px 0;
}

































.vehicle-detail-banner .car-slider-desc {
    max-width: 180px;
    margin: 0 auto;
}
.banner-slider .slider.slider-for {
    max-width: 84%;
    padding-right: 35px;
}
.banner-slider .slider.slider-nav {
    max-width: 16%;
}
.banner-slider .slider.slider-for,
.banner-slider .slider.slider-nav {
    width: 100%;
    float: left;
}
.banner-slider .slider.slider-nav {
    height: 610px;
    overflow: hidden;

}
.slider-banner-image {
    height: 610px;
}
.banner-slider .slider.slider-nav {
    padding: 20px 0 0;
}
.slider-nav .slick-slide.thumbnail-image .thumbImg{
    max-width: 178px;
    height: 110px;
    margin: 0 auto;
    border: 1px solid #EBEBEB;
}
.slider-banner-image img,
.slider-nav .slick-slide.thumbnail-image .thumbImg img {
    height: 100%;
    width:100%;
    object-fit: cover;
}
.slick-vertical .slick-slide:active,
.slick-vertical .slick-slide:focus,
.slick-arrow:hover,
.slick-arrow:focus {
    border: 0;
    outline: 0;
}
.slider-nav .slick-slide.slick-current.thumbnail-image .thumbImg {
    border: 2px solid #196DB6;
}
.slider-nav .slick-slide.slick-current span {
    color: #196DB6;
}
.slider-nav .slick-slide {
    text-align: center;
}
.slider-nav .slick-slide span {
    font-size: 14px;
    display: block;
    padding: 5px 0 15px;
}
.slick-arrow {
    width: 100%;
    background-color: transparent;
    border: 0;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
    height: 18px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
}
.slick-prev {
   top: 0;
}
.slick-next {
   bottom: 0;
   background-color: #fff;
}
.slick-prev.slick-arrow {
    background-image: url(../images/black-up-arrow.png);
}
.slick-next.slick-arrow {
    background-image: url(../images/black-down-arrow.png);
}
/*End USE CSS for Slider*/


.video-container #myVideo {
    object-fit: cover;
}

.bg-color-div {
    position: absolute;
    width: 200vw;
    height: 100%;
    background: var(--Neutral-Grey-01, #F5F5F6);
    top: 0;
    left: -50vw;
    z-index: -1;
}

.ltst-clct-img .n-clctn {
    z-index: 2;
/*     top: 32px; */
}

.slde-feed-lft .star img {
    width: 16px !important;
    max-width: 16px !important; 
}

nav.quck-lnk ul li:first-child {
    margin-top: 0px;
}
.ftr-lgo {
    max-width: 64px;
}
.ham-menu {
    display: none;
}


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

	.banner-slider .slider.slider-for,
	.banner-slider .slider.slider-nav {
	    max-width: 100%;
	    float: none;
	}
	.banner-slider .slider.slider-for {
		padding-right: 0;
	}
	.banner-slider .slider.slider-nav {
		height: auto;
	}
	.slider-banner-image {
	    height: 500px;
	} 
	.slider.slider-nav.thumb-image {
        padding: 10px 30px 0;
	}
	.slider-nav .slick-slide span {
		padding: 5px 0;
	}
	.slick-arrow {
		padding: 0;
	    width: 30px;
	    height: 30px;
	    top: 50%;
	    bottom: 0;
	    -webkit-transform: translateY(-50%) rotate(-90deg);
	    -moz-transform: translateY(-50%) rotate(-90deg);
	    -ms-transform: translateY(-50%) rotate(-90deg);
	    transform: translateY(-50%) rotate(-90deg);
	}
	.slick-prev {
	    left: 0;
	    right: unset;
	}
	.slick-next {
	    left: unset;
	    right: 0;
   		background-color: transparent;
	}
	.vehicle-detail-banner .car-slider-desc {
    	max-width: 340px;
	}
	.bid-tag {
    	padding: 10px 0 15px;
	}
	.slider.slider-nav.thumb-image {
	   white-space: nowrap;
	}
	.thumbnail-image.slick-slide {
		padding: 0px 5px;
		min-width: 75px;
		display: inline-block;
		float: none;
	}
}

@media screen and (max-width : 767px) {
	.slider-banner-image {
	    height: 400px;
	}
	.slider.slider-nav.thumb-image {
    	padding: 0px 20px 0;
    	margin: 10px 0px 0;
	}
	.slider-nav .slick-slide.thumbnail-image .thumbImg {
		max-width: 140px;
		height: 80px;
	}
	.slick-prev.slick-arrow {
    	background-position: center 10px;
	}
	.slick-next.slick-arrow {
    	background-position: center 10px, center;
	}
	.slider-nav .slick-slide span {
	    font-size: 12px;
	    white-space: normal;
	}
}

@media screen and (max-width: 580px) {
	.slider-banner-image {
	    height:340px;
	}
}

@media screen and (max-width : 480px) {
	.slider-banner-image {
	    height:280px;
	}
}

.rng-sze-chk input:disabled + label {
    pointer-events: none;
    opacity: 0.8;
}
.pd-dtl-cntn {
    width: 100%;
    max-width: 47%;
}
.marked {
    background: #303030;
}

.marked img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(7486%) hue-rotate(66deg) brightness(109%) contrast(116%);
}
.single-product .ltst-clct-dta {
    justify-content: flex-start;
    gap: 16px;
}
li.cart-txt {
    position: relative;
}

.cart-count {
    position: absolute;
    top: -5px;
    right:20px;
    border-radius: 6.5px;
    background: var(--Neutral-Grey-10, #303030);
    color: var(--Neutral-Grey-00, #F8F8F8);
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 1px 3px;
    height: 15px;
    width: 13px;
    display: flex;
    justify-content: center;
}

/* when complete html provided then udpating remaining style */
section.ring-find-sec {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-top: 64px;
}

.find-ring-cntnt h1 {
    color: var(--Neutral-Grey-06, #5B5B5F);
    font-family: "Noto Serif";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 80px;
    /* 166.667% */
    text-align: center;
    margin-bottom: 35px;
}

.find-ring-fltr {
    border-bottom: 1px solid rgba(230, 230, 231, 1);
    padding-bottom: 12px;
    width: 100%;
    max-width: 831px;
    margin: auto;
}

.rng-fltr-chose p {
    color: var(--Neutral-Grey-10, #303030);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 12px;
}

/* .dimnd-shp-inpt input:checked+label {
    border: 0.85px solid #303030;
    width: 69px;
    height: 78px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
} */

.diamnd-shpe {
    width: 100%;
    max-width: 29.3%;
}

.diamnd-shpe-dta {
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    row-gap: 20px;
    margin-top: 16px;
}

.dimnd-shp-inpt label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 78px;
    flex-direction: column;
    row-gap: 10px;
    color: #303030;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
	text-align: center;
}
.dimnd-shp-inpt label img {
    width: 28px;
    height: 28px;
}

.diamond-select-fltr h3 {
    color: var(--Neutral-Grey-10, #303030);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.diamond-select-fltr {
    background: #FFF;
    box-shadow: 0px 4px 66px 0px rgba(0, 0, 0, 0.08);
    padding: 28px;
    margin-top: 33px;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 40px;
    row-gap: 24px;
}

section.ring-find-sec::after {
    content: "";
    background: rgba(245, 245, 246, 1);
    width: 100%;
    max-width: 100%;
    position: absolute;
    height: 360px;
    z-index: -5;
    top: 0;
}

div#diamond-price,
div#carat {
    padding: 0;
    width: 100%;
    max-width: 48%;
    border-bottom: none;
}
.diamond-filter-left-range {
    width: 100%;
    max-width: 67%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

#diamond-price .price-input,
div#carat .price-input {
    margin: 0;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 18px;
}

#diamond-price .min-dmnd-price h4,
div#carat .min-dmnd-price h4 {
    color: var(--Neutral-Grey-05, #86878A);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 11px;
}

#diamond-price .price-input .field,
div#carat .price-input .field {
    border: 0.856px solid #303030;
    width: 102px;
    height: 30px;
}

#diamond-price input.input-min,
div#carat input.input-min,
#diamond-price input.input-max,
div#carat input.input-max {
    text-align: justify;
}

#diamond-price .slider,
div#carat .slider {
    height: 2px;
    position: relative;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}



/* Thumb styling for Chrome, Safari, and Opera */
#diamond-price .range-input input[type="range"]::-webkit-slider-thumb,
div#carat .range-input input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    background: #303030;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #fff;
}


/* Styling for the color range slider */
/* Styling for the color range slider */
.color-slider-container {
    width: 100%;
    max-width: 48%;
}

#color-range-slider,
#clarity-range-slider,
#cut-range-slider {
    margin: 14px 0 0 0;
    max-width: 100%;
    position: relative;
    /* Required for positioning the labels */
    cursor: pointer;
	width: 98%;
    left: 10px;
}

.color-range-values {
    margin-top: 10px;
    font-size: 18px;
}

.color-range-values span {
    font-weight: bold;
}

.color-labels {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    margin: 30px 0 14px 0;
    font-size: 14px;
    cursor: pointer;
    /* Indicate that labels are clickable */
}

.rng-fltr-chose h3 {
    color: var(--Neutral-Grey-10, #303030);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.color-labels .act-bar {
    transition: background-color 0.3s;
    color: var(--Neutral-Grey-05, #86878A);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
}

/* Active label styling */
.color-labels .active-label {
    color: #303030;
    position: relative;
}

.noUi-horizontal {
    height: 2px !important;
}

.noUi-target {
    background: rgba(0, 0, 0, 0.1) !important;
    border-radius: 4px !important;
    box-shadow: none;
    border: none;
}

.noUi-horizontal .noUi-handle {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50%;
    top: -5px;
    right: 0;
    color: rgba(48, 48, 48, 1) !important;
    background: rgba(48, 48, 48, 1) !important;
    box-shadow: none;
    z-index: 99 !important;
    cursor: pointer;
}

.noUi-handle:after,
.noUi-handle:before {
    display: none;
}

.noUi-connect {
    background: rgba(48, 48, 48, 1) !important;
}

.color-range-values,
.clarity-range-values,
.cut-range-values {
    display: none;
}

.act-bar {
    position: relative;
}

.color-labels .act-bar::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 2px;
    background: white;
    bottom: -16px;
    z-index: 1;
    right: -57px;
}

.color-labels .act-bar:last-child:after {
    display: none;
}

.clarity-slider-container .act-bar::after {
    /* right: -20px; */
    content: "";
    position: absolute;
    left: 0;
    right: -70px;
}

section.ring-find-clctin {
    margin: 60px 0 100px;
}

section.ring-find-clctin .fltr-slect.flex p {
    color: var(--807F89, #807F89);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
}

section.ring-find-clctin .fltr-slect {
    margin-bottom: 32px;
}

.fr-srt span.select2-dropdown.select2-dropdown--below,
.fr-srt span.select2-dropdown.select2-dropdown--above {
    width: 192px !important;
    background: var(--FFFFFF, #FFF);
    left: 0;
    padding: 20px 14px;
    border: 1px solid #EAEAEA;
}

section.ring-find-sec::before {
    content: "";
    position: absolute;
    background-image: url(../images/bnr-aftr.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 293px;
    height: 313px;
    top: -80px;
    right: -160px;
    z-index: -1;
}

.df-bnr-abs {
    position: absolute;
    top: 40px;
    right: 50px;
    width: 100%;
    max-width: 231px;
    z-index: -1;
}

.df-bnr-abs img {
    width: 100%;
    max-width: 100%;
}

section.perfct-cstm {
    margin: 80px 0;
}

.prfct-txt-dta {
    width: 100%;
    max-width: 49.4%;
}

.prfct-cstm-img {
    width: 100%;
    max-width: 47.45%;
}

.prfct-cstm-img img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.prfct-txt-dta h2 {
    color: var(--Neutral-Grey-05, #86878A);
    font-family: "Noto Serif";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    max-width: 569px;
}

.prfct-txt-dta p {
    color: #807F89;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    margin: 16px 0;
}

.prfct-txt-dta a.cstm-qte {
    width: 205px;
}

#wholeseller-tab ul.tabs li {
    max-width: 33%;
}

#wholeseller-tab .papr-head {
    margin-top: 75px;
}

section#wholeseller-tab {
    background: var(--Neutral-Grey-01, #F5F5F6);
    padding: 80px 0;
}

#wholeseller-tab .sub-reqst {
    background: #FFF;
}

section#wholesel-filter {
    background: var(--Neutral-Grey-10, #303030);
    padding: 90px 0;
    margin-bottom: 100px;
}

.wholesel-filter-cntnt h2 {
    color: #F5F5F6;
    font-family: "Noto Serif";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 80px;
    /* 166.667% */
    text-align: center;
    margin-bottom: 40px;
}

#wholesel-filter .diamond-select-fltr {
    background: #373737;
}

#wholesel-filter .diamond-select-fltr h3 {
    color: #fff;
}

#wholesel-filter #diamond-price .min-dmnd-price h4,
#wholesel-filter div#carat .min-dmnd-price h4 {
    color: rgba(134, 135, 138, 1);
}

#wholesel-filter #diamond-price .price-input .field,
#wholesel-filter div#carat .price-input .field {
    border: 0.856px solid #DFDFDF;
}

#wholesel-filter #diamond-price input.input-min,
#wholesel-filter div#carat input.input-min,
#wholesel-filter #diamond-price input.input-max,
#wholesel-filter div#carat input.input-max {
    background: transparent;
}

#wholesel-filter .dimnd-shp-inpt label {
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(6339%) hue-rotate(186deg) brightness(108%) contrast(75%);
}

#wholesel-filter .color-labels .act-bar {
    color: #86878A;
}

#wholesel-filter .color-labels .active-label {
    color: #fff;
}

#wholesel-filter .noUi-horizontal .noUi-handle {
    color: #DFDFDF !important;
    background: #DFDFDF !important;
}

#wholesel-filter .noUi-connect,
#wholesel-filter .slider .progress {
    background: #DFDFDF !important;
}

#wholesel-filter .noUi-target,
#wholesel-filter .slider {
    background: rgba(223, 223, 223, 0.4) !important;
}

#wholesel-filter .color-labels .act-bar::after {
    content: "";
    position: absolute;
    background: rgba(223, 223, 223, 0.3);
}

#wholesel-filter #diamond-price .range-input input[type="range"]::-webkit-slider-thumb,
#wholesel-filter div#carat .range-input input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #DFDFDF;
    border-radius: 50%;
    border: 2px solid #fff;
}

#wholesel-filter .title h5,
#wholesel-filter .text p {
    color: rgba(174, 174, 178, 1);
}

#wholesel-filter .text h3 {
    color: rgba(245, 245, 246, 1);
}

.cad-sel-form {
    width: 100%;
    max-width: 59.6%;
}

.cad-sel-form .cntct-form-dta {
    max-width: 100%;
    padding: 26px 20px;
}

.cad-frm-head {
    background: #303030;
    padding: 15px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cad-frm-head h2 {
    color: var(--Neutral-Grey-00, #F8F8F8);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 90% */
}

.cad-frm-cntnt {
    gap: 36px;
}

.cad-sel-form input,
.cad-sel-form select {
    height: 42px;
}

.cad-sel-form textarea#cntct-msg-1,
.cad-sel-form textarea#cntct-msg-1 {
    height: 68px;
}

.cad-sel-form textarea#cntct-msg-11 {
    height: 90px;
}


.cad-sel-form #file-drag,
div#doc-upload-box {
    height: 129px;
}

.cad-sel-form .doc-upload-container h3,
.cad-sel-form div#file-upload-form h3 {
    color: #303030;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
}

.cad-sel-form .cntct-frm-flx {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    margin-bottom: 16px;
}

.doc-upload-container {
    margin-bottom: 16px;
}

progress#file-progress {
    display: none !important;
}

.slider-thumb .slick-list {
    padding: 0 !important;
}

.slider-thumb .slick-list .slick-track {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100% !important;
    margin: 0;
    max-width: 100%;
    row-gap: 24px;
}

.blg-dtl-cntnt {
    width: 100%;
    max-width: 843px;
    margin: auto;
}

.blg-dtl-cntnt .bread-crumb nav ul li,
.blg-dtl-cntnt .bread-crumb nav ul li a {
    color: #828282;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.blg-dtl-cntnt .bread-crumb {
    margin: 0;
    margin-bottom: 14px;
}

section.blog-dtl-sec {
    margin: 100px 0;
}

.blg-dtl-cntnt h1 {
    color: #000;
    font-family: "Noto Serif";
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 130.8%;
    /* 57.552px */
    max-width: 731px;
    margin-bottom: 24px;
}

.blg-img-1 {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
}

.blg-img-1 img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 32px;
}

.blg-img-1 span {
    color: #828282;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.blg-img-1 p {
    color: var(--Neutral-Grey-09, #3C3C3D);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 200% */
    opacity: 0.8;
    margin-top: 20px;
    margin-bottom: 32px;
}

.blg-img-2 {
    width: 100%;
    max-width: 100%;
}

.blg-img-2 img {
    width: 100%;
    max-width: 100%;
}

.blg-pge-txt {
    margin:20px 0px 32px 0px;
}

.blg-pge-txt h2 {
    color: #000;
    font-family: "Noto Serif";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 130.8%;
    /* 41.856px */
    margin-bottom: 16px;
    margin-top: 24px;
}

.blg-pge-txt p {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 200% */
    opacity: 1;
}

.blg-shr {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blg-shr span.blg-shr-h3 {
    color: #000;
    font-family: "Noto Serif";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130.8%;
    /* 31.392px */
}

.blg-shr-logo {
    display: flex;
    gap: 16px;
}

.blg-shr-logo a {
    border: 1px solid rgba(134, 142, 150, 1);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: ease-in 0.6s;
}

.blg-shr-logo a:hover {
    transform: scale(1.15);
}
section.ship-pge {
    margin: 80px 0;
}

section.ship-pge .blg-dtl-cntnt p {
    color: var(--Neutral-Grey-09, #3C3C3D);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 200% */
    opacity: 0.8;
}
.blg-pge-txt p span, section.ship-pge .blg-dtl-cntnt p a {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 200% */
    opacity: 1 !important;
} 

/* Whole Seller Signup */

.form-container {
    padding: 40px 0 0 40px;
    width: 100%;
    max-width: 100%;
	margin-bottom: 20px;
}

form#stepForm {
    margin-top: 32px;
}

.intl-tel-input,
.iti {
    width: 100%;
}

.sign-frm-dta {
    width: 100%;
    max-width: 416px;
    margin: auto;
    margin-top: 40px;
}

.prgrs-dta {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    justify-content: space-between;
}

.form-header h1 {
    color: #303030;
    font-family: "Noto Serif";
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
}

.form-header p {
    color: #5B5B5F;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

span#step-title {
    color: #303030;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    width: 100%;
    max-width: 30%;
}

span#step-number {
    color: #303030;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
}

section.sign-up {
    width: 100%;
    max-width: 1440px;
    margin: auto;
    background: #fff;
}

.form-header {
    display: flex;
    flex-direction: column;
}

.form-header p {
    font-size: 14px;
    color: #777;
    margin-bottom: 10px;
}

.form-progress {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
}

.progress-bar {
    width: 100%;
    height: 3px;
    background-color: #E6E6E7;
    margin-top: 8px;
    position: relative;
    border-radius: 40px;
}

.progressd {
    height: 3px;
    background-color: #303030;
    width: 50%;
    transition: width 0.4s ease;
    border-radius: 40px;
}

#progress-percentage {
    /* position: absolute; */
    /* top: -20px; */
    /* right: 10px; */
    color: #303030;
    text-align: right;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    width: 100%;
    max-width: 25%;
}

.form-group {
    width: 100%;
    margin-bottom: 20px;
}

.form-group label {
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
    color: #303030;
    font-family: Inter;
    font-weight: 500;
}

.form-group input,
.form-group select {
    width: 100%;
    padding: 16px 20px;
    background: #F5F5F6;
    border: none;
    border-radius: 4px;
    margin-top: 5px;
    -webkit-appearance: none;
}

#nextBtn,
#submitBtn {
    border: none;
    cursor: pointer;
    color: var(--Neutral-Grey-00, #F8F8F8);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 128.571% */
    background: var(--Neutral-Grey-10, #303030);
    display: flex;
    width: 100%;
    padding: 16px 16px 15px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

#nextBtn:hover,
#submitBtn:hover {
    background-color: #45a049;
}

.step {
    display: none;
}

.active {
    display: block;
}

.file-upload-container input[type="file"] {
    display: none;
}

.file-upload-container label {
    cursor: pointer;
    display: block;
    padding: 10px;
    border-radius: 5px;
    background-color: #ddd;
    margin-top: 10px;
    transition: background-color 0.3s;
}

.file-upload-container label:hover {
    background-color: #ccc;
}

.sign-form-fld {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 16px;
}

.al-log {
    margin-top: 24px;
    justify-content: center;
    gap: 6px;
}

.al-log p {
    color: var(--Neutral-Grey-06, #5B5B5F);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
}

.al-log a {
    color: var(--Neutral-Grey-10, #303030);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 24px */
}


.toggle-password {
    position: absolute;
    right: 15px;
    top: 50px;
    transform: translateY(-50%);
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.form-group {
    position: relative;
}

.toggle-password img {
    width: 20px;
    height: 20px;
}

.sellr-sign-img {
    width: 100%;
    max-width: 712px;
}

.sellr-sign-img img {
    width: 100%;
    max-width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}



.form-group label#upd {
    margin-top: 10px;
    border: 1px solid var(--E2E8ED, #E2E8ED);
    background: #F5F5F6;
    width: 100%;
    max-width: 416px;
    min-height: 142px;
    cursor: pointer;

}

.file-upload-preview {
    margin-top: 10px;
}

.dragging {
    border-color: #000;
    /* Change border color when dragging */
}
.form-group label#upd .file-upload-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}
.sgn-cty {
    position: relative;
}
.sgn-cty::after{
    content: "";
    position: absolute;
    background-image: url(https://cmswebdeveloper.com/geajewelers/wp-content/uploads/2024/10/slct-arow.svg);
    width: 100%;
    max-width: 18px;
    height: 18px;
    top: 0;
    right: 0;
    top: 40px;
    right: 16px;
    pointer-events: none;
}
.frg-psd a {
    color: var(--Neutral-Grey-10, #303030);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
}

.frg-psd {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-top: 24px;
    margin-bottom: 32px;
}
input.log-btn {
    background: var(--Neutral-Grey-10, #303030);
    max-width: 100%;
    display: flex;
    width: 100%;
    padding: 16px 16px 15px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: var(--Neutral-Grey-00, #F8F8F8);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
}
.cstm-sgn .sign-frm-dta {
    margin-top: 170px;
}
.rtrn-dta-txt h4 {
    opacity: 0.8;
    color: var(--Neutral-Grey-09, #3C3C3D);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 10px;
}
/* .rtn {
    align-items: flex-end;
} */


/* Lost Password */

form.woocommerce-ResetPassword.lost_reset_password {
    width: 100%;
    max-width: 60%;
    margin: auto;
    margin-top: 60px;
}

form.woocommerce-ResetPassword.lost_reset_password p:first-child {
    color: var(--Neutral-Grey-10, #303030);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;
}

form.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first label {
    color: var(--Main-Colors-231f20, #231F20);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    margin-bottom: 12px;
}

form.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first input, form.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last input {
    background: var(--Neutral-Grey-01, #F5F5F6) !important;
    display: flex;
    width: 100%;
    padding: 16px 82px 16px 20px;
    align-items: flex-start;
    gap: 32px;
    border: none;
	
}
form.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last{
	float:none !important;
	  width: 100%;
}

form.woocommerce-ResetPassword.lost_reset_password button.woocommerce-Button.button {
    background: var(--Neutral-Grey-10, #303030);
    color: var(--Neutral-Grey-00, #F8F8F8);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    display: flex;
    width: 100%;
    padding: 16px 16px 15px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    margin-top: 10px;
}
p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first {
    width: 100%;
    max-width: 100%;
}
.woocommerce-lost-password .woocommerce-message {
    background: var(--Neutral-Grey-10, #303030);
    color: #fff;
}
.woocommerce-lost-password .woocommerce {
    margin-bottom: 60px;
}

.woocommerce-lost-password .woocommerce p {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}
.woocommerce-lost-password .woocommerce-message::before {
    content: "\e015";
    color: #fff;
}
a.bck-stp-1 {
    position: relative;
    color: var(--Neutral-Grey-06, #5B5B5F);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    padding-left: 10px;
}

a.bck-stp-1::after {
    content: "<";
    position: absolute;
    left: 0;
    top: -4px;
    font-family: 'Noto Serif';
    color: #000;
}
.page-template-find_your_ring span.select2-dropdown.select2-dropdown--below, span.select2-dropdown.select2-dropdown--above {
    left: 0;
}
.page-template-wholesalersignup .hde-bck {
    display: none;
}

/* Account Detail */

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account label {
    color: var(--Neutral-Grey-10, #303030);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    margin-bottom: 10px;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account input {
    background: var(--Neutral-Grey-01, #F5F5F6);
    border: none;
    width: 100% !important;!i;!;
    max-width: 100% !important;!i;!;
    display: flex;
    width: 200px;
    padding: 16px 82px 16px 20px;
    align-items: flex-start;
    gap: 32px;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account p.woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last {
    width: 100%;
    max-width: 100%;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button {
    background: #000;
    height: 50px;
    color: var(--Neutral-Grey-00, #F8F8F8);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    margin: 20px 0;
}

/* Account order */
.woocommerce-orders  .woocommerce, .woocommerce-downloads .woocommerce {
    margin: 40px 0;
}

.woocommerce-orders .woocommerce-info, .woocommerce-downloads .woocommerce-info{
    background: #000;
    color: #fff;
}

.woocommerce-orders a.woocommerce-Button.wc-forward.button, .woocommerce-downloads a.button.wc-forward {
    background: #fff;
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
}
.woocommerce-orders .woocommerce-info::before, .woocommerce-downloads .woocommerce-info::before {
    color: #fff;
}
.woocommerce-account .woocommerce {
    margin: 40px 0;
}

 nav.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 20px;
    font-family: 'Inter';
    font-size: 18px;
}

nav.woocommerce-MyAccount-navigation ul li a {
    color: #00000094;
}

 nav.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #000;
}

#cad-frm-one .cntct-frm-flx span.wpcf7-form-control-wrap textarea {
    height: 68px;
}
#cad-frm-to .cntct-frm-flx textarea {
    height: 90px;
}
#cad-frm-to #file-drag, div#doc-upload-box {
    height: 129px !important;
}

/* Cart Page */
.woocommerce-cart .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
    width: 100%;
}

.woocommerce-cart .wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {
    padding-left: 0;
    margin-left: auto;
}

.woocommerce-cart .wc-block-cart__submit.wp-block-woocommerce-proceed-to-checkout-block {}

.woocommerce-cart .wc-block-cart__submit-container a, .woocommerce-cart button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
    background: #000;
    color: var(--Neutral-Grey-00, #F8F8F8);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 90% */
    margin-top: 20px;
}
 .woocommerce-cart button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained{
	 margin-top:0;
}
.woocommerce-checkout input, .woocommerce-checkout select {
    background: var(--Neutral-Grey-01, #F5F5F6) !important;
    border: none !important;
}

.woocommerce-checkout .wc-block-checkout__actions_row button {
    background: #000;
    color: var(--Neutral-Grey-00, #F8F8F8);
    font-family: Inter;
    font-size: 14px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
}

.show_gallery_img{
	position: relative;
}
.thumb-item .owl-item img {
    height: 323px;
    object-fit: contain;
}
.page-template-diamonds span.select2-dropdown.select2-dropdown--below, .page-template-diamonds span.select2-dropdown.select2-dropdown--above {
    width: 192px !important;
    background: var(--FFFFFF, #FFF);
    left: 0;
}
.page-template-wholesaler .diamond-select-fltr h3 img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(0%) hue-rotate(242deg) brightness(100%) contrast(101%);
}



.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    color: #1C1C22;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 1.5px solid #1C1C22 !important;
    width: 8px !important;
    height: 8px !important;
    transform: rotate(45deg);
    border-left: 0px !important;
    border-top: 0px !important;
    top: 17px !important;
}

.bread-crumb nav ul li span {
    width: 9px;
    height: 13px;
    display: inline-block;
    color: #303030;
    font-size: 20px;
	right: -5px;
    position: relative;
}

.bread-crumb nav ul li {
    color: #303030;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 1.28px;
    text-transform: uppercase;
}

.single-product .rtng {
    gap: 4px;
    align-items: center;
}

.ltst-clct-img.to_changeprice img#show_swatch_img {
    width: 100%;
    max-width: 100%;
	display: block;
}



.left-nav ul#menu-header-left-menu ul.sub-menu {
    display: block;
    top: 60px;
    height: auto;
    bottom: auto !important;
}

.left-nav ul#menu-header-left-menu ul.sub-menu li:not(:last-child) {
    margin-bottom: 10px;
}

.left-nav .menu-item-has-children>a {
    padding-bottom: 43px;
    margin-bottom: -43px;
}


.left-nav .menu-item-has-children::before {
    content: "";
    position: absolute;
    background-image: url(https://www.geajewelers.com/wp-content/uploads/2025/04/sub-arrow.svg);
    width: 12px;
    height: 12px;
    top: 5px;
    right: -16px;
}

.left-nav .menu-item-has-children:hover::before {
    transform: rotate(180deg);
}


@media only screen and (max-width: 1025px) {
	section.recent-view {
		margin-top: 60px;
	}
}

.pd-dtl-cntn p.sku {
    color: #303030;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
	margin-bottom: 32px;
}

/* .pd-dtl-cntn .prmum-prc.pd-dtl-cntnt {
    display: flex;
    flex-direction: column;
    row-gap: 28px;
} */
.parent {
    background: var(--Neutral-Grey-01, #F5F5F6);
    padding: 11px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #807F89;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
    width: 100%;
    max-width: 48%;
}

.diamond_metas {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 17px;
    row-gap: 12px;
}
.search_diamond select {
    width: 100%;
    max-width: 100%;
    margin-bottom: 36px;
    margin-top: 14px;
    padding: 11px 16px;
    border: 1px solid var(--Neutral-Grey-02, #E6E6E7);
    color: #807F89;
    font-family: Inter !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
}
.custom_design_request a {
    border: 1px solid #303030;
    display: flex;
    width: 307px;
    height: 48px;
    justify-content: center;
    align-items: center;
}

.custom_design_request {
    display: flex;
    gap: 17px;
}

form.variations_form.cart {
    padding-bottom: 40px;
}
.product-detail-cntnt button.slick-next.slick-arrow {
    display: none !important;
}
.header-content nav ul li:nth-child(1) {
    display: block;
}



.ham-menu.active ul#menu-mobile-menu li {
    display: block;
}

.reset a {
    width: 100%;
    max-width: 150px;
}

.reset a {
    font-family: inter;
    font-size: 14px;
    display: flex;
    gap: 5px;
    align-items: center;
    font-weight: 600;
}

.reset img {
    width: 100%;
    max-width: 24px;
}
.reset-result {
    display: flex;
    align-items: center;
    gap: 40px;
}
.logged-in nav.right-nav ul li a#dynamic-login-link img {
    width: 100%;
    max-width: 24px;
}

.logged-in nav.right-nav ul li a#dynamic-login-link {
    border: none;
    justify-content: flex-start;
    font-family: 'Noto Serif';
    font-size: 14px;
	background: transparent;
    color: #000;
}

.search-result-blog .hme-article {
    flex-wrap: wrap;
}

.search-result-blog .hme-art-dta {
    max-width: 32%;
}
.ad-rvew-cntnt textarea, .ad-rvew-nme-dta input {
    color: #000 !important;
	opacity:1;
}
p.crt_count {
    display: none;
}
.header-content nav.right-nav ul {
    gap: 12px;
    align-items: center;
    position: relative;
    left: 0px;
}
.logged-in nav.right-nav ul li a#dynamic-login-link{
    flex-direction: column;
    width: 100%;
    max-width: 120px;
	line-break: anywhere;
    text-align: center;
	font-size: 11px;
}
.header-content nav .login-btn {
    gap: 5px;
}




/* New Ring Pop Up Css */
a#select_diamond {
    width: 100%;
    max-width: 100%;
    margin-bottom: 16px;
}
  body.ring-pop-aftr {
            position: relative;
            overflow: hidden;
        }


        body.ring-pop-aftr::after {
            content: "";
            position: absolute;
            background: rgba(0, 0, 0, 0.80);
            top: 0;
            height: 100%;
            width: 100%;
            z-index: 99;
        }

        .select-diamond-pop {
          
            z-index: 999;
            background: #fff;
            width: 100%;
            max-width: 97%;
            height: 100vh;
            overflow: scroll;
            margin: 0 auto;
            left: 0;
            right: 0;
            top: 100px;
            padding: 56px 0 400px 0;
/* 			margin-top: 180px; */
        }
.custom_design_request.select_diamond {
    flex-direction: column;
}

a#select_ring {
    width: 100%;
}
a.select-diamond-btn {
    border: none;
    display: contents;
}
section.new-ring-design {
    position: fixed;
    top: 100px;
    z-index: 999;
    left: 0;
    right: 0;
}
 .select-diamond-pop span.select2-dropdown.select2-dropdown--below,  .select-diamond-pop span.select2-dropdown.select2-dropdown--above {
    left: 0 !important;
    top: 0 !important;
}

        .new-ring-select-pop {
            display: none;
        }

        .select-diamond-pop-content h2 {
            color: #303030;
            font-family: "Noto Serif";
            font-size: 40px;
            font-style: normal;
            font-weight: 400;
            line-height: 56px;
            /* 140% */
        }

        .pop-select-diamond {
            margin-top: 40px;
            width: 100%;
        }

        .pop-select-diamond-search input {
            border: none;
            color: #807F89;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px;
            /* 162.5% */
        }

        .pop-select-diamond-search button {
            border: none;
            background: transparent;
        }

        .pop-select-diamond-search {
            border: 1px solid var(--Neutral-Grey-02, #E6E6E7);
            width: 100%;
            max-width: 308px;
            padding: 9px 14px;
        }

        .pop-select-diamond-search button img {
            width: 20px;
            height: 20px;
        }

        select.engagement-select {
            border: 1px solid var(--Neutral-Grey-02, #E6E6E7);
            width: 308px;
            padding: 12px 14px;
            color: #807F89;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px;
            /* 162.5% */
        }

        .new-ring-select-pop {/* position: relative; *//* height: 1024px; */}

        .pop-ring-close {
            position: fixed;
            top: 50px;
            z-index: 999;
            right: 20px;
        }

        .pop-ring-close a {
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .pop-ring-close a p {
            color: var(--Neutral-Grey-00, #F8F8F8);
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 16px;
            /* 100% */
            letter-spacing: 1.28px;
            text-transform: uppercase;
        }

        .select-ring-product-detail {
            position: relative;
            border: 1px solid var(--Neutral-Grey-02, #E6E6E7);
            padding-right: 24px;
            margin: 40px 0 80px 0;
        }

        .select-ring-product-detail .select-ring-product-detail-dta {
            gap: 16px;
        }

        .select-ring-product-detail .text h3 {
            color: #303030;
            font-family: "Noto Serif";
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: 34px;
            /* 141.667% */
        }

        .select-ring-product-detail .text p {
            color: #807F89;
            font-family: Inter;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-transform: uppercase;
            margin-top: 16px;
        }

        .select-ring-product-detail p.dtl-clr {
            color: var(--Neutral-Grey-10, #303030);
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
            /* 171.429% */
            margin-top: 30px;
        }

        .select-ring-product-detail .sze-dtl-1 {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 24px;
        }

        .select-ring-product-detail .sze-dtl-1 h6 {
            color: var(--Neutral-Grey-10, #303030);
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
            /* 171.429% */
        }

        .select-ring-product-detail .sze-dtl-1 a.sze-gd {
            color: #303030;
            font-family: Inter;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.48px;
            text-transform: uppercase;
            border-bottom: 1px solid;
        }

        .select-ring-product-detail .select-ring-product-detail-text {
            width: 100%;
            max-width: 100%;
        }

        .select-ring-product-detail .ring-detail-swatch {
            width: 100%;
            max-width: 60%;
        }

        .select-ring-product-detail .dtl-sze.ring-slct-dtl-sze {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .select-ring-product-detail .dtl-sze-cntnu a {
            background: #303030;
            color: var(--FFFFFF, #FFF);
            text-align: center;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.56px;
            text-transform: uppercase;
            width: 160px;
            height: 48px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

/*         .select-ring-product-detail input.swatches:checked+.swatches-label {
            border-radius: 40px;
            border: 1px solid #000;
        } */
        .select-ring-product-detail .rng-sze-chk input:checked+label {
            background: #303030;
            color: #fff;
        }
        .select-ring-product-detail-dta .ltst-clct-img {
            max-width: 24.6%;
        }
        
        .select-ring-product-detail-dta .ring-select-product-detail-img {
            width: 100%;
            max-width: 100%;
        }
        
        .select-ring-product-detail-dta .ring-select-product-detail-img img {
            width: 100%;
            max-width: 100%;
            display: block;
        }
        .select-ring-product-detail {
            display: none;
        }

        .selected-diamond-aftr {
            width: 100%;
            max-width: 632px;
            margin: 35px 0 20px 0;
        }
        
        .selected-diamond-aftr h4 {
            color: #303030;
            font-family: Inter;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px; /* 120% */
            margin-bottom: 12px;
        }
        
        .selected-new-diamond-dta {
            background: #F5F5F6;
            padding: 10px 18px 10px 8px;
        }
        
      .new-select-diamond-img {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
        .new-select-diamond-text h3 {
            color: #303030;
            font-family: "Noto Serif";
            font-size: 23.582px;
            font-style: normal;
            font-weight: 500;
/*             line-height: 48.48px;  */
        }
p#show_attributes {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}
p#show_attributes img {
    width: 24px;
    height: 24px;
}
        
        .new-select-diamond-text p {
            color: #807F89;
            font-family: Inter;
            font-size: 21.224px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-transform: uppercase;
        }

        .new-select-diamond-img img {
            width: 84px;
            height: 88px;
            object-fit: cover;
        }
        .selected-new-diamond-dta a.select-diamond-btn img {
            width: 31px;
            height: 31px;
            object-fit: cover;
			cursor:pointer;
        }

.rng-sze-chk.swatch-circle label {
    background: #F5F5F6;
    padding: 7px 12px;
    color: #303030;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.select-ring-product-detail input.swatches:checked+.swatches-label {
            border-radius: 0;
            border: 1px solid #000;
            height: 100% !important;
            padding: 7px 17px;
            
        }
.select-ring-product-detail-text p.sku_item {
    color: #303030;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 20px 0;
}
.select-ring-product-detail ul.fltr-clor.swatches-list input.swatches:checked+.swatches-label {
    border-radius: 40px;
    padding: 4px;
    height: 24px !important;
}
/* 
.select-diamond-pop span.select2-selection.select2-selection--single {
    width: 308px !important;
  
    justify-content: space-between; 

}

.select-diamond-pop .gem-sort {
    width: 308px !important;  

}

.select-diamond-pop .gem-sort select {
    width: 308px !important;
}

.select-diamond-pop .gem-sort select span {
    width: 308px !important;
}

span.select2-dropdown.select2-dropdown--below, span.select2-dropdown.select2-dropdown--above {
    left: 0;
    top: 0;
    width: 308px !important;
    padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: -180px !important;
} */
        @media only screen and (max-width: 768px) {

            .dtl-sze.ring-slct-dtl-sze {
                flex-direction: column;
                align-items: flex-start !important;
            }
            .select-ring-product-detail .ring-detail-swatch {
                width: 100%;
                max-width: 100%;
            }
            div#new-ring-product-detail {
                padding-bottom: 20px;
            }
            div#new-ring-product-detail {
                padding-bottom: 20px;
            }
            
            .select-ring-product-detail .dtl-sze-cntnu a {
                width: 100%;
            }
            
            .dtl-sze-cntnu {
                width: 100%;
            }
			.select-diamond-pop {
        top: 540px;
    }

        }

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

            .pop-select-diamond {
                flex-direction: column;
                align-items: flex-start;
                row-gap: 20px;
                margin-top: 20px;
                width: 100%;
            }
            .pop-select-diamond {
                flex-direction: column;
                align-items: flex-start;
                row-gap: 20px;
                margin-top: 20px;
                width: 100%;
            }
            
            .gem-sort select {
                width: 100%;
                max-width: 100%;
            }
            
            .gem-sort {
                width: 100%;
                max-width: 100%;
            }
            
            .pop-select-diamond-search {
                max-width: 100%;
            }

            .select-ring-product-detail-dta {
                flex-direction: column;
            }
            div#new-ring-product-detail {
                padding: 20px;
            }
            .select-ring-product-detail-dta .ltst-clct-img {
                max-width: 100%;
            }
            .select-ring-product-detail .text h3 {
                font-size: 20px;
            }            
            .select-ring-product-detail .text p {

                font-size: 16px;
                margin-top: 10px;
            }
            .select-ring-product-detail p.dtl-clr {
                color: var(--Neutral-Grey-10, #303030);
                font-family: Inter;
                font-size: 14px;
                margin-top: 10px;
            }
            .select-diamond-pop-content h2 {
                color: #303030;
                font-family: "Noto Serif";
                font-size: 32px;
            }
            .select-diamond-pop {

                padding: 26px 0 360px 0;
            } 
			
			
			
			
/* 			
.select-diamond-pop span.select2-selection.select2-selection--single {
    width: 100% !important;
   
    justify-content: space-between; 

}

.select-diamond-pop .gem-sort {
    width: 100% !important;  

}

.select-diamond-pop .gem-sort select {
    width:  100% !important;
}

.select-diamond-pop .gem-sort select span {
    width:  100% !important;
}

span.select2-dropdown.select2-dropdown--below, span.select2-dropdown.select2-dropdown--above {
    left: 0;
    top: 0;
    width:  100% !important;
    padding: 0;
}
			span.selection {
    width: 100% !important;
} */

			




        }

@media only screen and (max-width: 660px) {
/* 				.select-diamond-pop span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus, .select-diamond-pop span.select2.select2-container.select2-container--default{
				width:100% !important;
			}
	.select-diamond-pop .select2-container--default .select2-selection--single .select2-selection__arrow{
		right:0 !important;
	}
	.select-diamond-pop span.select2-container.select2-container--default.select2-container--open {
    z-index: 999;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
} */
			
}

/*   11 dec changes due to QA       */
.right-nav ul li:nth-child(2) {
    position: relative;
}

.right-nav ul li:nth-child(2):hover::after {
    width: 100%;
}

.right-nav ul li:nth-child(2)::after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #303030;
    width: 0;
    left: 0;
    bottom: 0;
    transition: 0.4s ease-in;
}

.right-nav ul li:nth-child(1) a::after{
	display: none;
}

.footer-mail-cntnt input#footer-sbmit-btn:hover {
    background: transparent;
    color: #303030;
    border: 1px solid #303030;
	transition: all 0.3s ease-in-out;
}

ul.sub-menu li {
    width: max-content;
}

li.breadcrumb-item {
    line-height: 28px !important;
}
input#rvew-sbmit:hover {
    background: transparent;
    border: 1px solid #303030;
    color: #303030;
    transition: all 0.3s ease-in-out;
}
input#wc-block-components-totals-coupon__input-0 {
    height: 100%;
}
.woocommerce-cart button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained:hover, .woocommerce-cart .wc-block-cart__submit-container a:hover {
    background: transparent;
    border: 1px solid #303030;
    color: #303030;
    transition: all 0.3s ease-in-out;
}
.woocommerce-cart button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained{
	  border: 1px solid transparent;
}

.is-large.wc-block-cart .wc-block-cart-items th{
	text-align: center !important;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus {
    box-shadow: unset !important;
    box-shadow: unset !important;
    outline: none !important;
}
.header-content nav.left-nav ul li.current-menu-item::after {
    width: 100% !important;
}

.page-id-192 p, .page-id-192 h3, .page-id-192 a, .page-id-192 h4 {
    line-height: 34px;
}

.page-id-192 .woocommerce form .form-row input, .page-id-192 .woocommerce form .form-row textarea, .page-id-192 .woocommerce form .form-row select {
    border: 1px solid #F5F5F6;
    background: #F5F5F6;
    padding: 16px;
}

.page-id-192 .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 100% !important;
    text-align: left !important;
	border: 1px solid #F5F5F6 !important;
}

.page-id-192 .select2-container--default .select2-selection--single {
    width: 100% !important;
	border: 1px solid #F5F5F6 !important;
	 background: #F5F5F6 !important;
}

.page-id-192 span.selection {
    width: 100% !important;
	border: 1px solid #F5F5F6 !important;
}

.page-id-192 span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus, .page-id-192 span.select2.select2-container.select2-container--default {
    width: 100% !important;
	border: 1px solid #F5F5F6 !important;
}

.page-id-192 span.select2-dropdown.select2-dropdown--below{
	left: 0;
	width: 300px !important;
	top: 10px;
}

.page-id-192 button {
    background: #303030;
    color: #fff;
    padding: 15px 40px;
    margin-top: 20px;
    border: 1px solid transparent;
}

.page-id-192 button:hover{
	 background: transparent;
    border: 1px solid #303030;
    color: #303030;
    transition: all 0.3s ease-in-out;
}

.page-id-192 .woocommerce form .form-row label {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}

.page-id-192 a.button.wc-forward {
    padding: 15px 40px;
    border: 1px solid transparent;
}

.page-id-192 a.button.wc-forward:hover {
    background: #303030;
    border: 1px solid #303030;
    color: #fff;
}

.page-id-192 .woocommerce-info {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.page-id-192 .woocommerce-info::after {
    display: none;
}

.page-id-192 .woocommerce-info::before{
	top: unset;
}

.move-up {
    margin-bottom: 18px;
}

.hde-btn select {
    border-radius: 4px;
    color: #444;
}

.select2-container--default .select2-results>.select2-results__options{
	scrollbar-width: thin;
}
.blg-dtl-cntnt h3, .blg-dtl-cntnt h4, .blg-dtl-cntnt h5, .blg-dtl-cntnt h6 {
    margin-bottom: 16px;
    margin-top: 24px;
	color: #000;
}  
p:empty {
    display: none;
}

.blg-pge-txt span {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    opacity: 1;
    padding-bottom: 20px; 
    display: block;
}
.blg-pge-txt p span {
    padding-bottom: 0px;
}
.blg-pge-txt h2 span {
    padding-bottom: 0px;
}
.blg-pge-txt h3 span {
    padding-bottom: 0px;
}
.blg-pge-txt h4 span {
    padding-bottom: 0px;
}
.blg-pge-txt li span {
    padding-bottom: 0px;
} 
.blg-pge-txt img {
    display: block;
    padding: 20px 0px;
}

div#storecarousel {
    justify-content: center;
    gap: 32px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    flex-wrap: nowrap;
}
.static-slider .item img {
    width: 408px !important;
    height: 240px !important;
    max-height: 240px !important;
}
.static-slider {
    flex-wrap: wrap;
    padding: 0 20px;
}

.pd-dtl-btn .single_add_to_cart_button:hover {
    background-color: white !important;
    color: black !important;
    border: 1px solid black !important;
}
#about-feed a.about-qte:hover {
    background: white;
    border: 1px solid black;
    color: black;
}

.ftr-qstion h5 {
    opacity: 0.67;
    color: #303030;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
}
ul.mobile-nav-anchor li a {
    color: var(--Neutral-Grey-06, #5B5B5F);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
 
}

ul.mobile-nav-anchor {
    display: flex;
    gap: 12px;
    flex-direction: column;
    margin-top: 16px;
}
.bnr-txt-dta {
    margin-top: 40px;
}
.bnr-txt-dta h2 {
    margin-bottom: 15px;
}