/* braedcrumb */
.inner-page-banner {
    background: unset;
    min-height: unset;
    overflow: hidden;
}
.inner-page-banner .BreadCrumbs-content {
    align-items: center;
    color: #000;
    display: flex;
    height: 40px;
    justify-content: flex-start;
    margin: 20px auto 2px;
    /* max-width: 1460px; */
    width: 100%;
    position: relative;
    left: 15%;
    right: 0;
    overflow: hidden;
}
.inner-page-banner .BreadCrumbs-content a{
    color: #000;
    font-weight: 400;
    font-family: 'nunito Sans';
    font-size: 12px;
    letter-spacing: 0px;
    font-style: normal;
}
.inner-page-banner .BreadCrumbs-content span {
    color: #000;
    font-weight: 600;
    font-family: 'Nunito Sans';
    font-size:11px;
}
.inner-page-banner .BreadCrumbs-content a.inner_breadcrumb {
    opacity: .6;
}
/* jewelry_banner */
#jewelry_banner .banner_text {
    min-height: 420px;
    background-size: cover;
    position: relative;
    background-image: url(../../images/jewelry_banner.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color:#000;
    font-size:21px;
}
#jewelry_banner .banner_text h4 {
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 40px;
}
#jewelry_banner .banner_text h4 span {
    font-size: 115px;
    font-weight: 700 !important;
    text-transform: uppercase;
    line-height: 1;
    display: block;
    letter-spacing: 18px;
}
#jewelry_banner .banner_text p {
    font-size: 18px;
    margin-bottom: 18px;
    text-align: center;
    width: 100%;
    max-width: 670px;
}
#jewelry_banner .banner_text a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    color: #fcfefe;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    font-family: Nunito Sans;
    line-height: 41px;
    border-radius: 50px;
    font-size: 15px;
    padding: 0px 46.5px;
}
/* promo_banner */
#sale_banner img.item-img {
    padding: 50px  202px;
}
/* fine_jewelry_new */
#jewelry_main {
    padding: 0px 0px 0 0;
    text-align: center;
    text-transform: capitalize;
}

#jewelry_main .custom_container, .jewelry_categories_page .custom_container, #birthstone_jewelry .custom_container {
    max-width: 1252px !important;
    width: 100%;
    margin: auto;
}

#jewelry_main .our_products_new {
    display: flex;
    justify-content: center;
    gap: 7px;
}

#jewelry_main .splash_main_box {
    display: flex;
    flex-direction: column;
    /* max-width: 1252px;
    min-width: 960px;
    margin: 50px auto; */
    margin-bottom: 66px;
}
#jewelry_main .splash_main_box .spalsh_box {
    display: flex;
}
#jewelry_main .splash_main_box .spalsh_box .img_box {
    height: 0px;
    width: 100%;
    padding-bottom: 61%;
}
#jewelry_main .splash_main_box .spalsh_box.birthstone_row .img_box {
    height: 0px;
    width: 100%;
    padding-bottom: 30%;
}

#jewelry_main .img-section {
    position: relative;
}

#jewelry_main .img-section {
    background: #fff;
    margin: 0 11px;
    width: 100% !important;
    max-width: 502px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: transform .4s;
    transition: opacity .35s, transform .35s;
}

#jewelry_main .our_products {
    margin-top: 35px;
}

#jewelry_main a.item-container {
    position: relative;
    display: inline-flex;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
}

#jewelry_main .text-container_text {
    right: 9%;
    left: auto;
    align-items: flex-end;
    position: absolute;
    top: 35%;
    left: 9%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
#jewelry_main a.item-container.left_column .text-container_text {
    align-items: flex-end;
    justify-content: flex-end;
}

#jewelry_main h2.title {
    margin-right: -10.5px !important;
    margin: 0;
    font-size: 35px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 10.5px;
}

#jewelry_main .description {
    margin-top: 20px;
    max-width: 295px;
    width: 100% !important;
    color: #1b1b1b;
    font-size: 16px;
    width: 100%;
    display: flex;
    margin-top: 28px;
    justify-content: flex-end;
    text-align: justify !important;
    text-transform: lowercase;
}

#jewelry_main .text-container_text.earring_text .button {
    color: #a41a2f;
}
#jewelry_main .text-container_text.ring_text .button {
    color: #06315e;
}

#jewelry_main .button {
    padding-right: 4.3em;
    padding-left: 0;
    padding-left: 4.3em;
    position: relative;
    box-shadow: none;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    display: inline-block;
    text-decoration: none;
    line-height: 1.638em;
    letter-spacing: 0;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 30px;
    left: 0%;
    cursor: pointer;
}

#jewelry_main .text-container_text.earring_text p.description {
    text-align: right !important;
}

#jewelry_main .text-container_text.earring_text h2.title {
    /* right: 0%;
    position: absolute;
    top: -40px; */
    color: #a41a2f;
    text-align: right;
}

#jewelry_main .text-container_text.ring_text h2.title {
    color: #06315e;
    text-align: left;
}

#jewelry_main .text-container_text.ring_text p.description {
    color: #06315e;
    justify-content: flex-start;
    margin-left: 2px;
}

#jewelry_main .text-container_text.necklace_text p.description {
    justify-content: flex-start;
    margin-left: 2px;
}

#jewelry_main .text-container_text.ring_text .button {
    left: 1% !important;
}

#jewelry_main .button-label {
    font-weight: 900;
    font-size: 12px;
    display: inline-block;
    opacity: 1;
    cursor: pointer;
    letter-spacing: 3px;
    transition: opacity .2s ease, color .2s ease, transform .4s 50ms cubic-bezier(0.645, 0.045, 0.355, 1);
    white-space: nowrap;
}

#jewelry_main .text-container_text.bracelet_text h2.title {
    /* right: 0%;
    position: absolute;
    top: -40px; */
    color: #ca7a21;
    text-align: right;
}
#jewelry_main .text-container_text.bracelet_text p.description {
    text-align: right !important;
}

#jewelry_main .text-container_text.bracelet_text .button {
    left: 0%;
    color: #ca7a21;
}

#jewelry_main .text-container_text.necklace_text h2.title {
    color: #5f1760;
    text-align: left;
}


#jewelry_main .text-container_text.necklace_text .button {
    left:1%;
    color: #5f1760;
}

#jewelry_main .splash_main_box .spalsh_box a.birthstone_box {
    margin-bottom: 0;
}

#jewelry_main .text-container_text.birthstone_text {
    align-items: flex-start;
    left: 54.25%;
    top: 25%;
}

#jewelry_main .text-container_text.birthstone_text h2.title {
    color: #054f62;
    text-align: right;
}

#jewelry_main a:hover .text-container_text.birthstone_text .button .button-label {
    transform: translateX(-31%) !important;
}

#jewelry_main .text-container_text.birthstone_text p.description {
    justify-content: flex-start;
}

#jewelry_main .text-container_text.birthstone_text .button {
    left:1%;
    color: #054f62;
}

#jewelry_main a.earring_box .button:before{
    right:0;
}

#jewelry_main a.earring_box:hover .button.rtl_button:before {
    right: 100%;
    left: auto;
    transform: translateX(220%);
}

#jewelry_main a.ring_box .button:before{
    left:0;
}

#jewelry_main a.ring_box:hover .button.rtl_button:before {
    left: 100%;
    right: auto;
    transform: translateX(220%);
}

#jewelry_main a.bracelet_box .button:before{
    right:0;
}

#jewelry_main a.bracelet_box:hover .button.rtl_button:before {
    right: 100%;
    left: auto;
    transform: translateX(220%);
}

#jewelry_main a.necklace_box .button:before{
    left:0;
}

#jewelry_main a.necklace_box:hover .button.rtl_button:before {
    left: 100%;
    right: auto;
    transform: translateX(220%);
}

#jewelry_main a.birthstone_box .button:before{
 left:0;
}

#jewelry_main a.birthstone_box:hover .button.rtl_button:before {
    right: 100%;
    left: auto;
    transform: translateX(220%);
}

#jewelry_main a .button:before {
    content: "";
    box-sizing: border-box;
    height: 1px;
    width: 100%;
    max-width:45px;
    position: absolute;
    top: 49%;
    background-color: currentColor;
    transform: translateX(0);
    transition: opacity .2s ease, left .5s cubic-bezier(0.645, 0.045, 0.355, 1), transform .5s cubic-bezier(0.645, 0.045, 0.355, 1), right .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#jewelry_main a:hover .button:before {
    right: 100%;
    left: auto;
    transform: translateX(19.5em);
}

#jewelry_main a:hover .text-container_text.necklace_text .button:before {
    transform: translateX(415%);
}

#jewelry_main a:hover .button-label {
    transform: translateX(-2em);
}

#jewelry_main a:hover .text-container_text.necklace_text .button-label {
    transform: translateX(-37.5%);
}

#jewelry_main a:hover .button.rtl_button .button-label {
    transform: translateX(38%);
}

#jewelry_main a:hover .text-container_text.ring_text .button:before {
    transform: translateX(345.5%);
}

#jewelry_main a:hover .text-container_text.ring_text .button .button-label {
    transform: translateX(-47.5%);
}

#jewelry_main a:hover .text-container_text.birthstone_text .button:before {
    transform: translateX(18.5em);
}

#jewelry_main .container.custom_container {
    max-width: 1570px !important;
}

/* #jewelry_main a.item-container.earring_box img {
    max-width: 621px;
    width: 100%;
    height: 100%;
    min-height: 380px;
} */

#jewelry_main a.item-container.earring_box img {
    max-width: 100%;
    margin-right: 7px;
}

#jewelry_main a.item-container.ring_box img {
    max-width: 100%;
    margin-left: 7px;
}

#jewelry_main a.item-container.bracelet_box img {
    max-width: 100%;
    margin-right: 7px;
}

#jewelry_main a.item-container.necklace_box img {
    max-width: 100%;
    margin-left: 7px;
}

#jewelry_main a.item-container.birthstone_box img {
    max-width: 100%;
}

#jewelry_main .img-section:hover img {
    transition: opacity .35s, transform .35s;
}

#jewelry_main .img-section:hover img {
    transform: scale(1.2);
    opacity: .6;
}

#jewelry_main .text-btn p.text {
    letter-spacing: 0.5px;
    border-radius: 0;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 33px;
    position: relative;
    z-index: 1;
    pointer-events: none;
    font-weight: 500;
    font-family: 'Nunito Sans', sans-serif;
    background: unset;
    box-shadow: unset;
}

#jewelry_main .text-btn {
    top: 0;
    bottom: 0;
    opacity: 1;
}
#jewelry_main .our_products .slick-track {
    display: flex;
    justify-content: center;
}
#jewelry_main .text-btn p.text:hover {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 27%);
    color: #fff;
}

#jewelry_main .text-btn p.text {
    color: #000000;
    /* padding: 10px 40px; */
    font-size: 15px;
    font-weight: 300;
    /* line-height: 23.19px; */
    letter-spacing: 0.5px;
    text-transform: capitalize;
    border-radius: 0;
    background-image: linear-gradient(to right top, #ebb455, #f2bd4d, #f3c95b, #f1be0a, #e4be04);
    box-shadow: 0 4px 11px rgba(0, 0, 0, 24%);
}

#jewelry_main .text-btn {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    opacity: 0;
}

#jewelry_main .our_products .img-section:hover .text-btn {
    opacity: 1;
    transition: all 0.5s ease-in;
}

#jewelry_main .our_products .img-section:hover img {
    opacity: .6;
}
#jewelry_main {
    padding: 4px 0px 0px 0px;
}

/* fine_jewelry_new_end */

/* taste_choice */
#fine_splash {
    padding: 0 0 100px 0;
}
#fine_splash .custom_container {
    max-width: 1252px !important;
    width: 100%;
    margin: auto;
}
#fine_splash h2 {
    font-size: 24px;
    letter-spacing: 7px;
    color: #656565;
    font-weight: 200;
    text-transform: uppercase;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
}
#fine_splash .nav.nav-pills.nav_jewelry {
    display: flex;
    align-items: center;
    width: 100%;
}
#fine_splash .nav_jewelry .heading a {
    padding: 26px 80px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight:normal;
    border-radius: unset;
}
#fine_splash .nav_jewelry .metal_heading a {
    background-color: #f8eeec;
    color: #a41a2f;
}
#fine_splash .nav_jewelry li a:hover {
    filter: brightness(94%);
}
#fine_splash .nav_jewelry .active a:hover {
    filter: unset;
}
#fine_splash .nav_jewelry .holiday_heading a {
    background-color: #e5f3fb;
    color: #0f4d8d;
}
#fine_splash .nav_jewelry .occasion_heading a {
    background-color: #fdf5ea;
    color: #ca7a21;
}
#fine_splash .nav_jewelry .price_heading a {
    background-color: #ebe7ef;
    color: #5f1760;
}
#fine_splash .nav_jewelry .heading a span {
    font-size: 18px;
    z-index: unset;
    position: unset;
    color: unset;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-right: -3px;
}
#fine_splash .main_tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    gap: 10px 10px;
}
#fine_splash .main_tab .splash_box {
    flex: 0 0 49.5%;
    position: relative;
    width: 100%;
    height: 100%;
}
#fine_splash .main_tab .splash_box img {
    width: 100%;
    height: 100%;
}
#fine_splash .main_tab .text_content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#fine_splash .nav_jewelry .metal_heading.heading {
    margin-left: unset !important;
}
#fine_splash .nav_jewelry .heading {
    margin-left: 13px !important;
    margin-bottom:10px;
    /* max-width: 305px; */
    height:100%;
    border-top: 4px solid transparent;
}
/* li.active.metal_heading.heading {
    border-top: 4px solid #a41a2f;
    width: 100%;
} */
#fine_splash .nav_jewelry .active.metal_heading {
    border-top: 4px solid #a41a2f;
}
#fine_splash .nav_jewelry .active.holiday_heading {
    border-top: 4px solid #0f4d8d;
}
#fine_splash .nav_jewelry .active.occasion_heading {
    border-top: 4px solid #ca7a21;
}
#fine_splash .nav_jewelry .active.price_heading {
    border-top: 4px solid #5f1760;
}
#fine_splash .main_tab .metal_rose {
    color: #a41a2f;
}
#fine_splash .main_tab .metal_white {
    color: #656565;
}
#fine_splash .main_tab .metal_platinum {
    color: #1b1b1b;
}
#fine_splash .main_tab .metal_yellow {
    color: #ca7a21;
}
#fine_splash .holiday_tab .splash_box {
    color: #0f4d8d;
}
#fine_splash .occasion_tab .splash_box {
    color: #ca7a21;
}
#fine_splash .price_tab .splash_box {
    color: #5f1760;
}
.splash_button {
    color: unset !important;
    border: unset;
    padding: unset;
    display: inline-block;
    opacity: 1;
    cursor: pointer;
    letter-spacing: 3px;
    transition: opacity .2s ease,color .2s ease,transform .4s 50ms cubic-bezier(0.645, 0.045, 0.355, 1);
    font-size: 12px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
    position: relative;
}
#fine_splash .main_tab .text_content h5 {
    margin: 0;
    font-size: 35px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 10.5px;
}
#fine_splash .main_tab .metal_rose .text_content {
    top: 26%;
    left: 13%;
    align-items: start;
}
#fine_splash .main_tab .metal_white .text_content {
    top: 26%;
    left: 27.5%;
    align-items: end;
}
#fine_splash .main_tab .metal_platinum .text_content {
    top: 67%;
    left: 13%;
    align-items: start;
}
#fine_splash .main_tab .metal_yellow .text_content {
    top: 67%;
    left: 27.5%;
    align-items: end;
}
#fine_splash .main_tab .holiday_motherday .text_content {
    top: 26%;
    left: 13%;
    align-items: start;
}
#fine_splash .main_tab .holiday_newyear .text_content {
    top: 26%;
    left: 35.5%;
    align-items: end;
}
#fine_splash .main_tab .holiday_christmas .text_content {
    top: 67%;
    left: 13%;
    align-items: start;
}
#fine_splash .main_tab .holiday_valentineday .text_content {
    top: 67%;
    left: 12.5%;
    align-items: end;
}
#fine_splash .main_tab .occasion_graduation .text_content {
    top: 26%;
    left: 13%;
    align-items: start;
}
#fine_splash .main_tab .occasion_anniversary .text_content {
    top: 26%;
    left: 27.5%;
    align-items: end;
}
#fine_splash .main_tab .occasion_birthday .text_content {
    top: 67%;
    left: 13%;
    align-items: start;
}
#fine_splash .main_tab .occasion_weddingday .text_content {
    top: 67%;
    left: 27.5%;
    align-items: end;
}
#fine_splash .main_tab .price_under_twofifty .text_content {
    top: 26%;
    left: 13%;
    align-items: start;
}
#fine_splash .main_tab .price_under_fivehundred .text_content {
    top: 26%;
    left: 27.5%;
    align-items: end;
}
#fine_splash .main_tab .price_under_sevenfifty .text_content {
    top: 67%;
    left: 13%;
    align-items: start;
}
#fine_splash .main_tab .price_under_thousand .text_content {
    top: 67%;
    left: 27.5%;
    align-items: end;
}
#fine_splash #price .main_tab .text_content h5 {
    font-weight: 400;
}
#fine_splash #price .main_tab .text_content h5 span {
    font-weight: 900;
}
a .splash_button:before {
    content: "";
    box-sizing: border-box;
    height: 1px;
    width: 100%;
    max-width: 45px;
    position: absolute;
    top: 49%;
    background-color: currentColor;
    transition: opacity .2s ease, left .5s cubic-bezier(0.645, 0.045, 0.355, 1), transform .5s cubic-bezier(0.645, 0.045, 0.355, 1), right .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#fine_splash .left_splash .splash_button:before {
    transform: translateX(100%) !important;
}
#fine_splash .left_splash:hover .splash_button:before {
    transform: translateX(-20%) !important;
}
.left_splash .splash_button:before
{
    right: 0 !important;
    transform: translateX(110%) !important;
}
.right_splash .splash_button:before
{
    left: 0 !important;
    transform: translateX(-110%) !important;
}

.left_splash:hover .splash_button:before {
    right: 100% !important;
    left: auto !important;
    transform: translateX(-12%) !important;
}
.right_splash:hover .splash_button:before {
    left: 100% !important;
    right: auto !important;
    transform: translateX(10%) !important;
}
.left_splash:hover .text_content {
    /* transform: translateX(4%); */
    /* padding-left: 50px; */
    /* align-items: center; */
}
.right_splash:hover .text_content {
    /* padding-right: 50px; */
    /* transform: translateX(4%); */
    /* align-items: center; */
}
.splash_button span {
    /* position: absolute; */
    transition: opacity .2s ease,color .2s ease,transform .4s 50ms cubic-bezier(0.645, 0.045, 0.355, 1);
    white-space: nowrap;
}
#fine_splash .left_splash:hover .text_content {
    align-items: center !important;
}
#fine_splash .right_splash:hover .text_content {
    align-items: center !important;
}


/* earring_jewelry */

.jewelry_banner .jewelry-banner {
    position: relative;
    min-height: 540px !important;
    height: 100%;
    width: 100%;
    background-color: #feebe9;
    background-size: contain;
    background-repeat: no-repeat;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.jewelry_banner .header-img {
    top: 4%;
    position: absolute;
    z-index: 1;
    left: 26.05%;
    width: fit-content;
    pointer-events: none;
    margin-top: 15px;
}

.jewelry_banner .banner-main-head {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 1;
    margin-top: 15px;
}

.jewelry_banner .title {
    color: #a41a2f;
    font-size: 105px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 36px;
    margin-bottom: 3%;
}

.jewelry_banner .bottom-jewelry-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 4%;
}

.jewelry_banner .bottom-jewelry-box a {
    background-color: #a41a2f;
    border-radius: 20px;
    color: #fcfefe;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 2px;
    display: inline-flex;
    padding: 8px 30px;
    transition: all .25s ease-in-out;
}

.jewelry_banner .bottom-jewelry-box a:hover {
    background-color: #d62240;
}

.jewelry_banner .bottom-jewelry-text {
    color: #a41a2f;
    font-size: 18px;
    margin-bottom: 36px;
    max-width: 300px;
    width: 100%;
}

.jewelry_categories_page .category-alltypes {
    display: flex;
    flex-direction: column;
    margin: unset;
}

.jewelry_categories_page .forall-jewelry {
    position: relative;
    display: inline-flex;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
    padding: unset;
}

.jewelry_categories_page .text-container-jewelry {
    position: absolute;
    top: 30%;
    left: 9%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.jewelry_categories_page .title {
    margin: 0;
    font-size: 35px;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: 10.5px;
    white-space: nowrap;
}

.jewelry_categories_page .description {
    color: #1b1b1b;
    font-size: 16px;
    display: flex;
    margin-top: 35px;
}
.jewelry_categories_page .right_splash .button-label {
    /* position: relative; */
    transform: translateX(25%);
    display: flex;
}
.jewelry_categories_page .left_splash .button-label {
    /* position: relative; */
    transform: translateX(-20%);
    display: flex;
}
.jewelry_categories_page .diamond_stud .description {
    max-width: 425px;
    width:100%;
}
.jewelry_categories_page .description {
    max-width: 235px;
    width:100%;
}

/* .jewelry_categories_page .button {
    padding-left: 4.3em;
    position: relative;
    box-shadow: none;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    display: inline-block;
    text-decoration: none;
    line-height: 1.638em;
    letter-spacing: 0;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: auto;
    cursor: pointer;
} */

/* .jewelry_categories_page .button-label {
    display: inline-block;
    opacity: 1;
    cursor: pointer;
    letter-spacing: 3px;
    transition: opacity .2s ease, color .2s ease, transform .4s 50ms cubic-bezier(0.645, 0.045, 0.355, 1);
    font-weight: 900;
} */

.jewelry_categories_page .button:before {
    content: "";
    box-sizing: border-box;
    height: 1px;
    width: 3.8em;
    position: absolute;
    top: 49%;
    left: 0em;
    background-color: currentColor;
    transform: translateX(0);
    transition: opacity .2s ease, left .5s cubic-bezier(0.645, 0.045, 0.355, 1), transform .5s cubic-bezier(0.645, 0.045, 0.355, 1), right .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.jewelry_categories_page .right-ear-gems {
    right: 9%;
    left: auto;
    align-items: flex-end;
}

.jewelry_categories_page .rounded-button {
    background-color: #175a68;
    border-radius: 20px;
    color: #fcfefe;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 2px;
    display: inline-flex;
    padding: 8px 30px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 70%;
    bottom: 20%;
    transition: all .25s ease-in-out;
    white-space: nowrap;
}
.jewelry_categories_page .rounded-button:hover{
    background-color: #1f7687;
}

.jewelry_categories_page .additional-text {
    color: #1b1b1b;
    font-size: 17px;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 400;
    font-style: italic;
    margin-top: 8px;
}

.jewelry_categories_page .dyo-text {
    font-size: 70px;
    font-weight: 900;
    margin-bottom: 12px;
    width: 100%;
    max-width: 500px;
}

.jewelry_categories_page .gallery-type-text {
    font-weight: 900;
}

/* .jewelry_categories_page .button {
    padding-left: 4.3em;
    position: relative;
    box-shadow: none;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    display: inline-block;
    text-decoration: none;
    line-height: 1.638em;
    letter-spacing: 0;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: auto;
    cursor: pointer;
} */
.jewelry_categories_page .diamond_stud {
    margin-top: -150px;
    margin-bottom: unset;
}
.jewelry_categories_page .splash_box {
    margin-bottom: 30px;
}
.jewelry_categories_page .title_heading {
    color: #a41a2f;
}
.jewelry_categories_page .text_box .splash_button {
    color: #a41a2f !important;
}
.diamond_stud.splash_box.right_splash {
    color: #175a68;
}
.jewelry_categories_page .right_splash .splash_button:before {
    transform: translateX(0%) !important;
}
.jewelry_categories_page .right_splash:hover .button-label {
    transform: translateX(0%);
}
.left_splash .splash_button:before {
    transform: translateX(0%) !important;
    left: unset !important;
}
.jewelry_categories_page .left_splash:hover .button-label {
    transform: translateX(0%) !important;
}
.jewelry_categories_page .splash_box .diamond_stud_box {
    align-items: center;
    transform: translate(-50%,-50%);
    top: 54%;
    left: 50%;
}
.jewelry_categories_page .forall-jewelry .design_jewelry {
    width: 50%;
    height: auto;
    align-items: center;
    text-align: center;
    top: 38%;
    left: 70%;
    transform: translate(-50%,-50%);
    color: #175a68;
}
.jewelry_categories_page .forall-jewelry .design_jewelry .title {
    text-align: center;
}
.jewelry_categories_page .splash_button {
    margin-top: 40px;
}
.jewelry_categories_page .splash_box .diamond_stud_box .splash_button {
    margin-top: 20px;
}
.jewelry_categories_page .splash_box img, .jewelry_categories_page .forall-jewelry img {
    transform: scale(1);
    transition: transform 1s ease;
    overflow: hidden !important;
    width: 100%;
    object-fit: cover;
}
.jewelry_categories_page .splash_box:hover img, .jewelry_categories_page .forall-jewelry:hover img {
    transform: scale(1.03);
}
.jewelry_categories_page .forall-jewelry.design_jewelry_stud {
    margin-bottom: 100px;
}

/* ring_jewelry */
#ring_jewelry {
    padding-bottom: 100px;
}
#ring_jewelry_banner .ring-banner {
    position: relative;
    min-height: 540px !important;
    height: 100%;
    width: 100%;
    background-color: #edf6fc;
    background-size: contain;
    background-repeat: no-repeat;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#ring_jewelry_banner .header-img {
    top: 9%;
    position: absolute;
    z-index: 1;
    left: 14%;
    width: fit-content;
    pointer-events: none;
    /* margin-top: 15px; */
}

#ring_jewelry_banner .banner-main-head {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 2;
    margin-top: 15px;
    transform: translateX(50%);
}

#ring_jewelry_banner .title {
    color: #06315e;
    font-size: 105px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 36px;
    margin-bottom: 3%;
}

#ring_jewelry_banner .bottom-jewelry-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 4%;
}

#ring_jewelry_banner .bottom-jewelry-box a {
    background-color: #06315e;
    border-radius: 20px;
    color: #fcfefe;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 2px;
    display: inline-flex;
    padding: 8px 30px;
    transition: all .25s ease-in-out;
}

#ring_jewelry_banner .bottom-jewelry-box a:hover {
    background-color: #0a4c8f;
}

#ring_jewelry_banner .bottom-jewelry-text {
    color: #06315e;
    font-size: 18px;
    margin-bottom: 36px;
    max-width: 485px;
    width: 100%;
}
.jewelry_categories_page .diamond_stud {
    margin-top: 50px;
    margin-bottom: unset;
}
.jewelry_box.splash_box.right_splash {
    color: #710308;
}
.jewelry_categories_page .eternity_ring.splash_box .diamond_stud_box {
    top: 38%;
}
#ring_jewelry .anniversary_ring .description {
    max-width: 490px;
}
#ring_jewelry .eternity_ring .description {
    max-width: 590px;
}
#ring_jewelry .anniversary_ring.jewelry_box.splash_box.right_splash {
    color: #710308;
    padding-top: 50px;
}
#ring_jewelry .eternity_ring.jewelry_box.splash_box.right_splash {
    color: #022e4e;
}
#ring_jewelry .category_box.splash_box .title_heading {
    color: #06315e !important;
}
#ring_jewelry .category_box.splash_box .splash_button {
    color: #06315e !important;
}
#ring_jewelry .jewelry_categories_page .title {
    white-space: nowrap;
}
#ring_jewelry .left_splash .button-label {
    margin-right: 10px;
}
/* bracelet_jewelry */
#bracelet_jewelry_banner .jewelry-banner{
    background-color: #f9f1e6;
}
#bracelet_jewelry .splash_box .diamond_stud_box {
    top: 45%;
}
#bracelet_jewelry {
    padding-bottom: 100px;
}
#bracelet_jewelry_banner .header-img {
    bottom: -8%;
    left: 16%;
    max-width: 570px;
    top: auto !important;
}
#bracelet_jewelry_banner .banner-main-head {
    margin-bottom: 100px;
    margin-top: 0;
}
#bracelet_jewelry_banner .title {
    color: #710308;
}
#bracelet_jewelry_banner .bottom-jewelry-text {
    color: #710308;
    max-width: 461px;
    margin-top: 40px;
}
#bracelet_jewelry_banner .bottom-jewelry-box a {
    background-color: #710308;
}
#bracelet_jewelry_banner .bottom-jewelry-box a:hover {
    background-color: #a3050d;
}
#bracelet_jewelry .diamond_stud.splash_box.right_splash {
    color: #710308;
}
#bracelet_jewelry .title_heading {
    color: #710308;
}
#bracelet_jewelry .text_box .splash_button {
    color: #710308 !important;
}

/* necklace */
#necklace_jewelry_banner .header-img {
    top: 0% !important;
    margin-top: 0;
    max-width: 761px;
    left: 12%;
}
#necklace_jewelry .diamond_stud {
    margin-top: 100px;
}
#necklace_jewelry .splash_box .diamond_stud_box {
    top: 45%;
}
#necklace_jewelry_banner .jewelry-banner{
    background-color: #eeedf2;
}
#necklace_jewelry_banner .title {
    color: #5f1760;
    letter-spacing: 28px;
}
#necklace_jewelry_banner .bottom-jewelry-text {
    color: #5f1760;
    max-width: 435px;
}
#necklace_jewelry_banner .bottom-jewelry-box a {
    background-color: #5f1760;
}
#necklace_jewelry_banner .bottom-jewelry-box a:hover {
    background-color: #7e2080;
}
#necklace_jewelry .diamond_stud.splash_box.right_splash {
    color: #5f1760;
}
#necklace_jewelry .title_heading {
    color: #5f1760;
}
#necklace_jewelry .text_box .splash_button {
    color: #5f1760 !important;
}
#necklace_jewelry .dyo-text {
    white-space: normal;
    max-width: 495px;
}
#necklace_jewelry .forall-jewelry .design_jewelry {
    top: 20%;
    color: #fff;
    left: 73%;
}
#necklace_jewelry .rounded-button {
    background-color: #5f1760;
    left: 73%;
}
#necklace_jewelry .rounded-button:hover {
    background-color: #7e2080;
}
#necklace_jewelry .description {
    max-width: 460px;
}
#necklace_jewelry .diamond_pendant.splash_box.right_splash .description {
    max-width: 460px;
}
#necklace_jewelry .diamond_pendant .button-label {
    margin-left: 10px;
}
/* birthstone_jewelry */
#birthstone_jewelry_banner .header-img {
    top: 2%;
    left: 9.05%;
    max-width: 634px;
    width:43%;
}
#birthstone_jewelry_banner .splash_box.right_splash .description {
    max-width: 500px;
}
#birthstone_jewelry_banner .banner-main-head {
    width:57%;
    align-items: flex-start;
    margin-top: 0;
}
#birthstone_jewelry_banner .title {
    color: #033340;
    font-size: 81.6px;
    letter-spacing: 0px;
    margin-bottom: 0;
}
#birthstone_jewelry_banner .jewelry-banner {
    background-color: #dbebeb;
    justify-content: space-between;
    flex-direction: row-reverse;
}
#birthstone_jewelry_banner .bottom-jewelry-text {
    max-width: 500px;
}
#birthstone_jewelry_banner .bottom-jewelry-text {
    color: #033340;
}
#birthstone_jewelry_banner .bottom-jewelry-box a {
    background-color: #033340;
}
#birthstone_jewelry_banner .bottom-jewelry-box a:hover {
    background-color: #065d73;
}
#birthstone_jewelry_banner .bottom-jewelry-box {
    margin-left: 10px;
}
#birthstone_jewelry #jewelry_main {
    padding: 50px 0px 100px 0px;
    margin-right: 0px;
    margin-left: 0px;
}
#birthstone_jewelry .text-container_text h2.title {
    display: flex;
    flex-direction: column;
}
#birthstone_jewelry .text-container_text h2.title span {
    font-weight: 200;
    margin-top: 10px;
}
#birthstone_jewelry .description {
    max-width: 265px;
}
#birthstone_jewelry .button {
    margin-top: 45px;
}
/* #birthstone_jewelry .splash_main_box .spalsh_box .img_box {
    width: unset;
} */
#birthstone_jewelry a.item-container .text-container_text {
    justify-content: center !important;
    top: 0;
    bottom: 0;
}
#birthstone_jewelry .item-container.left_column {
    text-align: right;
}
#birthstone_jewelry .item-container.right_column {
    text-align: left;
}
#birthstone_jewelry .left_column:hover .button:before {
    transform: translate(-100%);
    left: 100%;
    right: 0;
}
#birthstone_jewelry .left_column:hover .button.rtl_button .button-label {
    transform: translateX(2%);
}
#birthstone_jewelry .left_column .button-label {
    transform: translateX(25%);
}
#birthstone_jewelry .right_column:hover .button:before {
    transform: unset;
    right: 100%;
    left: 0;
}
#birthstone_jewelry .right_column .button:before {
    transform: translate(-210%);
    left: 100%;
    right: 0;
}
#birthstone_jewelry .right_column:hover .button.rtl_button .button-label {
    transform: translateX(2%);
}
#birthstone_jewelry .right_column .button-label {
    transform: translateX(-20%);
}
#birthstone_jewelry a:hover .button-label {
    transform: translateX(0%);
}
#birthstone_jewelry a.item-container{
    margin-bottom:0px;
}
#birthstone_jewelry .splash_main_box .spalsh_box {
    gap: 12px;
}
#birthstone_jewelry .splash_main_box {
    margin-bottom: 80px;
    gap: 12px;
}
#jewelry_main .item-container.garnet_box .text-container_text {
    color: #a41a2f;
}
#jewelry_main .item-container .text-container_text.amethyst_text {
    color: #642e74;
}
#jewelry_main .item-container .text-container_text.aquamarine_text {
    color: #057b8f;
}
#jewelry_main .item-container .text-container_text.diamond_text {
    color: #29282e;
}
#jewelry_main .item-container .text-container_text.emerald_text {
    color: #2a6e2d;
}
#jewelry_main .item-container .text-container_text.pearl_text {
    color: #88300d;
}
#jewelry_main .item-container .text-container_text.ruby_text {
    color: #a90772;
}
#jewelry_main .item-container .text-container_text.peridot_text {
    color: #642e74;
}
#jewelry_main .item-container .text-container_text.sapphire_text {
    color: #111e57;
}
#jewelry_main .item-container .text-container_text.opal_text {
    color: #a2105f;
}
#jewelry_main .item-container .text-container_text.citrine_text {
    color: #710308;
}
#jewelry_main .item-container .text-container_text.topaz_text {
    color: #054f62;
}
.stp-list::after {
    content: '';
    height: 60px;
    width: 60px;
    position: absolute;
    /* background-color: pink; */
    top: 8%;
    right: -28px;
    border-top: #ddd solid 2px;
    border-left: #ddd solid 2px;
    transform: rotate(135deg);
}
/* jewelry_page */
.gemstone_filter .panel_filter .chip_filters .dropdown.birthstone .dropdown-menu {
    min-width: 500px !important;
}
.gemstone_filter .panel_filter .chip_filters .dropdown.metal .dropdown-menu {
    min-width: 500px !important;
}
.gemstone_filter .panel_filter .chip_filters .dropdown.pearl .dropdown-menu {
    min-width: 250px !important;
}
.gemstone_filter .panel_filter .chip_filters .open>.dropdown-menu {
    min-width: 750px !important;
}
.gemstone_filter .panel_filter .chip_filters .dropdown.diamond .dropdown-menu {
    min-width: 250px !important;
}
.filtered-data.container-fluid.filters-main-block {
    flex-direction: column;
    padding-top: unset;
    margin-top: 15px;
    padding-bottom: unset;
    margin: 25px 0 0;
    display: inline-block;
    width: 100%;
}
.content_tag {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
section#top-filter-jewelry {
    background-color: #fff !important;
    padding: 12px 18px;
    padding-bottom: 25px;
}
#top-filter-jewelry  .panel_filter .chip_filters li:hover {
    background: transparent !important;
}
#top-filter-jewelry .filter_buttons li:hover {
    background: #f7f7f7 !important;
}
#top-filter-jewelry .dropdown-menu>li>a {
    /* line-height: 8px;
    height: 25px; */
    text-align: left;
}
#top-filter-jewelry li {
    padding: 0;
}
#top-filter-jewelry .button-close-filter-tag a {
    font-size: 13px;
    color: #a1a1a1;
    padding-left: 10px;
}
#top-filter-jewelry .filtered-data {
    flex-direction: column;
    padding-top: unset;
    margin-top: 15px;
    padding-bottom: unset;
}
#top-filter-jewelry {
    background-color: #fff !important;
    padding: 12px 18px;
    padding-bottom: 25px;
}
#top-filter-jewelry .custom_container .diamonds-contain {
    width: 100%;
    margin: 32px 0 16px;
}
#top-filter-jewelry .p_class.special_head {
    font-size: 18px !important;
    letter-spacing: 1px;
    padding-bottom: 16px;
    font-weight: 600 !important;
    color: #000;
    font-family: 'Nunito Sans';
    padding-top: 10px;
}
#top-filter-jewelry .diamonds-contain .color-box {
    width: 100%;
    display: flex;
    gap: 8px;
}
#top-filter-jewelry .diamonds-contain .color-box .diamond-part {
        /* flex: 0 0 10%; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* gap: 10px; */
        width: 100%;
        padding: 10px 25px;
        /* max-width: 75px;
        height: 45px; */
        /* padding-top: 12px; */
        /* padding-bottom: 5px; */
        border: 1px solid transparent;
        position: relative;
        background-color: #f8f8f8;
}
#top-filter-jewelry .diamonds-contain .color-box .diamond-part img {
    width: 24px;
    height: 24px;
}
#top-filter-jewelry .diamonds-contain .color-box .diamond-part:hover{
border: 1px solid #000;
background-color: #fff;
}
#top-filter-jewelry .diamond-part .checkbox-panel {
    position: absolute;
    top: 5%;
    left: 5%;
}
#top-filter-jewelry .checkbox-panel .checkbox-set, .img_box .img_part .checkbox-panel .checkbox-set {
    width: 16px;
    height: 16px;
    /* border: 1px solid #ccc; */
    position: relative;
}
#top-filter-jewelry .diamonds-contain .color-box .diamond-part .g-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
}
#top-filter-jewelry .diamonds-contain .color-box .diamond-part p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    cursor: pointer;
    position: absolute;
    top: -30px;
    position: absolute;
    left: 0;
    right: 0;
    color: #656565;
    font-size: 12px !important;
    display: block!important;
    transition: 0.5s;
    font-family: 'Nunito Sans';
    white-space: nowrap;
    transform: none;
    margin-top: 6px;
    text-transform: uppercase;
    opacity: 0;
}
#top-filter-jewelry .diamonds-contain .color-box .diamond-part:hover p{
    opacity:1;
}
#top-filter-jewelry .second_row {
    margin-bottom: 20px;
    justify-content: start;
}
#top-filter-jewelry .diamonds-contain {
    /* width: 50%; */
    display: flex;
    /* flex-direction: column; */
    /* gap: 60px; */
    align-items: center;
    justify-content: space-between;
}
#top-filter-jewelry .filter_main_box {
    justify-content: space-between;
}
#top-filter-jewelry .second_row {
    /* width: 50%; */
    display: flex;
    justify-content: space-between;
    gap: 12px 50px;
    padding: 12px 0 20px 0;
    flex-wrap: wrap;
    margin: 0;
}
/* #top-filter-jewelry .tps_filter .range-filter input[type="text"] {
    width: 100%;
} */
#top-filter-jewelry .box.margin_left.p_first {
    /* width: 100%; */
    margin-bottom: 16px;
    display: flex;
    /* gap: 25px; */
}
#top-filter-jewelry .second_row .box, .display_cont .display_cont_cont .box {
    width: 30%;
}
#top-filter-jewelry .p_class.special_head {
    font-size: 14px !important;
    letter-spacing: 1px;
    padding-bottom: 16px;
    font-weight: 400 !important;
    color: #1b1b1b;
    font-family: 'Nunito Sans';
    padding-top: 10px;
    margin-right: 4px;
    min-width: 85px;
}
#top-filter-jewelry .box.margin_left.p_first .img_box {
    gap: 8px;
    flex-wrap: nowrap;
}
#top-filter-jewelry .img_box {
    width: 100%;
    display: flex;
    gap: 15px 11px;
    flex-wrap: wrap;
}
#top-filter-jewelry .box.margin_left.p_first .img_box .img_part:hover {
    border: 1px solid #000 !important;
    background-color: #fff;
}
#top-filter-jewelry .box.margin_left.p_first .img_box .img_part:not(:last-child) {
    border-right: none;
}
#top-filter-jewelry .box.margin_left.p_first .img_box .img_part {
    width: 100%;
    max-width: 50px;
    height: 100%;
    min-height:45px;
    flex-direction: column;
    align-items: center;
    background-color: #f8f8f8;
    display: flex;
    font-size: 14px;
    justify-content: center;
    margin: 0;
    position: relative;
    text-align: center;
    /* width: inherit; */
    border: 1px solid transparent !important;
}
#top-filter-jewelry .img_box .img_part {
    border: 1px solid lightgray;
    padding: 6px;
    width: 13%;
    text-align: center;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: block;
}
#top-filter-jewelry .img_box .img_part .checkbox-panel {
    position: absolute;
    top: 5%;
    left: 5%;
}
#top-filter-jewelry .img_part input[type=checkbox] {
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    margin-top: 0;
}
#top-filter-jewelry .box.margin_left.p_first .img_box .img_part svg {
    width: 24px;
    height: 24px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
#top-filter-jewelry .box.margin_left.p_first .img_box .img_part .text, .box.margin_left.p_first .img_box .img_part .text1 {
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    color: #656565;
    font-size: 12px;
    display: block!important;
    transition: 0.5s;
    font-weight: 400 !important;
    font-family: 'Nunito Sans';
    white-space: nowrap;
    transform: none;
    margin-top: 6px;
    text-transform: uppercase;
    opacity: 0;
}
#top-filter-jewelry .box.margin_left.p_first .img_box .img_part:hover label.text {
    opacity: 1;
}
#top-filter-jewelry .text, #top-filter-jewelry .text1 {
    position: absolute;
    top: -21px;
    left: 50%;
    transform: translate(-50%);
    color: gray;
    font-size: 12px !important;
    display: none;
    transition: 0.5s;
    font-weight: 500 !important;
    font-family: 'Nunito Sans';
    white-space: nowrap;
}
#top-filter-jewelry .tps_filter {
    vertical-align: top;
    padding: 0 5px 0 0px;
    height: auto;
    margin: 0;
    justify-content: space-between;
    width: 41.67%;
    padding: 25px 0px;
    display: flex;
}
#top-filter-jewelry .tps_filter .range-filter {
    display: flex;
    flex-direction: column;
    width: 100%;
}
#top-filter-jewelry .tps_filter .range-filter .row {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    align-items: center;
    margin: unset;
    gap: 5px;
}
#top-filter-jewelry .range-filter .input-style {
    width: 100%;
}
#top-filter-jewelry .search_filter_cut.tps_filter .row input {
    margin-top: 10px;
}
#top-filter-jewelry .input-style input {
    height: 35px !important;
    margin-left: 0 !important;
    /* width: 110px; */
    color:#1b1b1b;
    border: 1px solid #d2d2d2;
    padding-left: 5px;
    font-size: 12px !important;
    box-shadow: unset !important;
    border-radius: 5px;
}
#top-filter-jewelry .gemstone_row {
    display: flex;
}
#top-filter-jewelry .slider_filter {
    display: flex;
    /* flex-direction: column; */
    width: 100%;
    align-items: center;
}
#top-filter-jewelry .gemstone_row_main {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
}
#top-filter-jewelry .gemstone_row_main .heading_text {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
#top-filter-jewelry .gemstone_row_main h4.title {
    align-items: center;
    color: #1b1b1b;
    display: flex;
    font-family: Nunito Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 700 !important;
    justify-content: flex-start;
    letter-spacing: -.04em;
    margin: 0;
}
#top-filter-jewelry .content_tag {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#top-filter-jewelry .content_tag .content_tag_filter {
    display: flex;
    gap: 2px 10px;
    align-items: center;
    flex-wrap: wrap;
}
#top-filter-jewelry .content_tag .filter-tag {
    display: flex;
    align-items: flex-start;
    gap: 5px;
}
#top-filter-jewelry .content_tag .content_tag_filter svg.button-close-filter-tag {
    padding-bottom: unset;
    border-radius: unset;
    width: 8px;
    height: 8px;
}
#top-filter-jewelry .content_tag .button-close-filter-tag {
    height: unset;
    padding: unset;
    white-space: nowrap;
    border-radius: 0;
    /* padding-top: 20px; */
    font-size: 13px;
    color: #656565 !important;
    /* padding-left: 10px; */
}
#top-filter-jewelry .content_tag .category_filter {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
}
/* #top-filter-jewelry .content_tag .button-close-filter-tag a {
    font-size:13px;
    color:#a1a1a1;
    padding-left: 10px;
} */
#top-filter-jewelry .content_tag .content_tag_filter span {
    font-size: 13px;
    color: #656565 !important;
    
}
#top-filter-jewelry .gemstone_row_main span.content_badge {
    align-self: center;
    color: #a19fa0;
    font-size: 18px;
    margin-left: 6px;
    text-transform: none;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
#top-filter-jewelry .gemstone_row_main p.subtitle {
    color: #333;
    font-family: Nunito Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    text-transform: none;
    width: 100%;
    max-width: 1213px;
}
#top-filter-jewelry .content_tag #filterTags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#top-filter-jewelry .content_tag .categoryTag {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #656565 !important;
}
#top-filter-jewelry .content_tag .categoryTag .crossButton {
    padding: unset;
    border: unset;
    font-size: 18px;
    margin-left: 8px;
    font-weight: 500;
    line-height: 0;
}
#top-filter-jewelry .content_tag .separator_category {
    height: 20px; /* Adjust height as needed */
    border-left: 1px solid #ddd;
    margin: 0 10px;
}
body #top-filter-jewelry .filtered-data .gemstone_filter .panel_filter .chip_filters .dropdown.price .dropdown-menu .search_filter_cut.tps_filter p.p_class.special_head {
    font-size: 16px !important;
    font-weight: 700 !important;
}
#top-filter-jewelry .tps_filter .range-filter .irs.irs--flat .irs-bar {
    background-color: #000 !important;
    height: 4px !important;
}
#top-filter-jewelry .tps_filter .range-filter .irs .irs-handle.from, #top-filter-jewelry .tps_filter .range-filter .irs .irs-handle.to {
    background: #fff;
    border: 1px solid #a1a1a1;
    height: 24px;
    /* margin-top: -10px; */
    opacity: 1;
    position: absolute;
    width: 24px;
    border-radius: 50%;
    cursor: grab;
    top: 0px;
    bottom: 0;
    margin: auto;
    margin-bottom: 0;
}
#top-filter-jewelry .tps_filter .range-filter .irs .irs-handle.from:hover, #top-filter-jewelry .tps_filter .range-filter .irs .irs-handle.to:hover{
box-shadow: 0 0 0 7px rgba(27,27,27,.102)!important;
}

#top-filter-jewelry .tps_filter .range-filter .irs .irs-line {
    height: 4px;
}
.inner-page-banner .BreadCrumbs-content {
    left: 1%;
}
.gemstone_filter .filter_buttons .filter_price .select-wrapper select option:hover {
    background: #f7f7f7 !important;
}
.gemstone_filter .filter_buttons .filter_price .select-wrapper select option {
    background: #fff !important;
    color: #333 !important;
}
#product-showcase {
    padding-top: 0;
}
section#top-filter-jewelry {
    padding-bottom: 0px;
}
#top-filter-jewelry .filtered-data {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
/* card */
.main_jewelry .card-content:hover {
    box-shadow: 0px 0px 7px 1px rgba(0,0,0,.3) !important;
}
.main_jewelry .card-content a.img_box {
    width: 100%;
    height: 100%;
    /* max-width: 450px;
    min-height: 563px; */
    transition: opacity .3s ease-in;
    /* background-color: #f8f8f8; */
    /* border: 2px solid #f8f8f8; */
}
.main_jewelry .card-content a .img-responsive {
    /* min-height: 563px; */
    height: 100%;
}
.main_jewelry .card-content a svg.img_icon {
    position: absolute;
    z-index: 1;
}
.main_jewelry .card-content a.img_box h3.tag_add {
    color: #656565 !important;
    font-size: 12px;
    margin-left: 5px;
    font-weight: 400 !important;
    background: #f5f5f5e6;
    width: fit-content;
    padding: 6px;
    border-radius: 4px;
    line-height: 12px;
    margin-bottom: 4px;
}
.main_jewelry .card-content .product_wishlist {
    display: flex;
    width: 100%;
    justify-content: space-between;
   align-items: center;
}
.main_jewelry .card-content .product_wishlist h3 a {
    color: #1b1b1b;
    display: flex;
    font-size: 14px;
    font-weight: 450;
    line-height: 18px;
    overflow: hidden;
    text-align: left;
/*    white-space: nowrap;*/
}
.main_jewelry .card-content .product-price {
    display: flex;
    gap: 7px;
    justify-content: left;
    width: 100%;
}
.main_jewelry .card-content .product-price p.price.cut {
    text-decoration-thickness: 1px;
    font-weight: 400;
    color: #818181;
    font-size: 13px;
}
.main_jewelry .card-content .product-price p.price {
    color: #1b1b1b;
    font-size: 13px;
    font-weight: 500;
}
.main_jewelry .card-content .product_wishlist a svg.wishListIcon {
    fill: #505050;
}
.main_jewelry .card-content .product_wishlist a svg.wishListIcon:hover {
    fill: #ff8081;
    transform: none;
}
.gemstone_filter .panel_filter .chip_filters .dropdown.metal ul.style_menu li a svg {
    margin-right: 10px;
}
select {
    appearance: none !important; /* Removes default browser styles */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff; /* White background */
    color: #333;
    border: 1px solid #ccc;
    cursor: pointer;
}

/* Style options */
select option {
    background: #fff !important; /* White background */
    color: #333 !important; /* Dark text */
}

/* Attempt to change hover effect */
select option:hover,
select option:focus {
    background: #f7f7f7 !important; /* Light gray */
    color: #333 !important;
}