@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

:root {
    --krfs-yellowGold: #FDE68A;
    --krfs-roseGold: #FECACA;
    --krfs-platinum: #EDEDED;    
    --krfs-whiteGold: #CFCFCF;
}

.details-page section {
    width: 100%;
    margin-bottom: 60px;
}

.hidden {
    display: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
label {
    font-family: Assistant, sans-serif;
    font-weight: 400;
}

section h2 {
    font-size: 28px;
    line-height: normal;
}


section.krfs_main_section {
    max-width: 100% !important;
    padding-top: 0;
}

.krfs_main_section .diamond-list-padding{
    gap: initial !important;
}











.filter--section-krfs {
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: start !important;
    /* box-shadow: 1px -25px 23px -34px rgba(0, 0, 0, 0.45), 0px 25px 20px -34px rgba(0, 0, 0, 0.45); */
    border-bottom: 1px solid rgba(34, 36, 38, .15);
}

.filter--section-krfs .filter_div {
    margin-bottom: 14px ;
}

.filter_div.shape__filter {
    padding: 0 !important;
}

.filter--section-krfs .filter_div .filter_inner,
.filter--section-krfs .filter_div .filter_inner input {
    color: #242833bf;
}

.filter--section-krfs .filter-headind {
    margin: 0;
    margin-bottom: 20px;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    font-family: Assistant, sans-serif !important;

}

@media (min-width:768px) and (max-width: 819px) {
    .listing-tab-font-size {
        font-size: 11px !important;
    }
}

/* Apply this style to the container holding both divs */
.filter-div-ab {
    position: relative;
    width: 100%;
}
@media (max-width:767px)  {

    .filter--section-krfs{
        padding-top: 0px !important;
    }
}
/* Sticky positioning for the moreless__div */



#keyideas-logo-main {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    border-top: 1px solid #d1d1d1;
    margin-top: 20px;
}

#keyideas-logo-main img{
    width: 130px;
    height: auto;
}

@media (max-width: 767px) {

    .main-section-img{
        padding: 0 12px;
    }

    .complete_section {
        font-size: 14px !important;
    }

    .filter--section-krfs .bg-color {
        background-color: #f6f6f6;
    }

    .shape-filter-mobile {
        translate: -12px;
        width: 106% !important;
        background-color: #f6f6f6;
        padding: 0px !important;
    }

    .krfs-sidestone-container{
        translate: -12px;
        width: 106% !important;
        background-color: #f6f6f6;
    }

    .krfs-sidestone-container .krfs-next-btn{
        margin-right: 20px;
        margin-left:10px;

    }
    
    .krfs-sidestone-container .krfs-back-btn{
        margin-left:20px;
        margin-right: 10px;
    }

    .shapes-section-padding {
        padding-top: 0px !important;
        padding-bottom: 6px !important;
    }

    section.krfs_main_section {
        max-width: 100% !important;
        padding: 0;
    }

    /* .filter--section-krfs .filter_div {
        padding: 6px 0px !important;
    } */
     
    .modal-content .btn-close {
        right: 12px !important;
    }

    .krfs-home-review-section{
        display: none !important;
    }

}

@media (max-width: 767px) {

    .drop-popup-section .email-section .send-btn {
        width: 170px;
    }

    .drop-popup-section .email-section{
        padding: 0 10px 10px 10px;
    }

    .clarity__filter .angebar-custom-label div,
    .color__filter .angebar-custom-label div {
        width: 0% !important;
    }



    .filter--section-krfs .filter_inside_section_krfs {
        width: 100%;
        margin: auto !important;
        padding: 5px !important;
    }

    .krfs-clarity-labels {
        width: 96% !important;
    }

}


.filter--section-krfs .filter_div {
    display: flex;
    flex-direction: column;
    /* padding: 6px; */
    /* align-items: center; */
}


.filter--section-krfs .filter_div .shape__inner {
    display: flex;
    justify-content: space-evenly;
    width: 97%;
    gap: 8px;
    padding: 30px;
    margin-top: 5px;
}

.filter--section-krfs .filter_div .stone__inner {
    display: flex;
    justify-content: space-evenly;
    width: 97%;
    gap: 8px;
    padding: 30px;
}

.filter--section-krfs .filter_div .shape__inner .shape-box {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid lightgray;
    cursor: pointer;
}
.filter--section-krfs .filter_div .stone__inner .stone-box {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid lightgray;
    cursor: pointer;
}

.filter--section-krfs .filter_div .shape__inner .shape-box.active {
    border: 2px solid #000000;
}

.filter--section-krfs .filter_div .stone__inner .stone-box.active {
    border: 2px solid #000000;
}

.filter--section-krfs .filter_div .shape__inner .shape-box img {
    width: 80%;
    height: 80%;
}

.filter--section-krfs .filter_div .stone__inner .stone-box img {
    width: 80%;
    height: 80%;
}

.shape-box .shape-img {
    cursor: pointer;
    background-image: url(./images/diamond-shapes.png);
    background-repeat: no-repeat;
    background-size: 320px;
    display: block;
    width: 58px !important;
    height: 58px;
}

.shape-box .shape-img.round { background-position: -6px -1px;}
.round-shape {background-position: -6px -1px;}
.princess-shape {background-position: -69px -1px;}
.cushion-shape {background-position:  -132px -1px}
.emerald-shape {background-position:  -192px -1px;}
.marquise-shape {background-position:  -245px -1px;}
.oval-shape { background-position:  4px -74px;}
.radiant-shape {background-position: -58px -74px;}
.pear-shape {background-position:  -119px -75px;}
.asscher-shape {background-position:  -183px -75px;}
.heart-shape {background-position:  -256px -74px;}

.filter--section-krfs .slider {
    margin-bottom: 20px !important;
}



.filter--section-krfs .slider-section .input-div {
    display: flex;
    justify-content: space-between;
    width: 99%;
}

.filter--section-krfs .slider-section .input-div input {
    width: 100px;
    height: 15px;
    min-height: 24px;
    padding-left: 5px;
    border: 1px solid rgb(196, 196, 196);
    font-size: 14px;
    color: #242833bf;
    border-radius: 0 !important;
}



.cut__filter .angebar-custom-label div,
.polish__filter .angebar-custom-label div,
.symmetry__filter .angebar-custom-label div {
    width: 33.3%;
    font-size: 14px;
    text-align: center;
    font-family: Assistant, sans-serif !important;
    line-height: normal;
}

.fluor__filter .angebar-custom-label div {
    width: 25%;
    font-size: 14px;
    text-align: center;
    font-family: Assistant, sans-serif !important;
}

.more-filter-span span {
    font-size: 18px;
}

.advanced-section {
    width: 99.4%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-top: 35px; */
    position: relative;
}

.symmetry-filter-padding {
    padding: 0px !important;
}

.advanced-section .advanced-filter {
    margin: auto;
    gap: 10px;
    padding: 0px 10px;
    background-color: white !important;
    color: gray !important;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid gray !important;
    height: 44px;
    width: 170px;
    font-family: Assistant, sans-serif !important;
    display: flex;
    align-items: center;
    justify-content: center;
}


.advanced-section label {
    border: 1px solid gray;
    padding: 10px;
    font-size: 16px;
    align-items: center;
    display: flex;
    height: 44px;
    color: gray;
    font-weight: 400;
    cursor: pointer;
    justify-content: center;
    width: 170px;
    font-family: Assistant, sans-serif !important;
    text-transform: uppercase;
    margin: 0;
}


.free-shipping [data-title] {
    position: relative;
    cursor: pointer;
}

.free-shipping [data-title]:hover::before {
    width: 300px;
    content: attr(data-title);
    position: absolute;
    bottom: 35px;
    display: inline-block;
    padding: 3px 6px;
    border-radius: 2px;
    background: #ffffff;
    color: #000000;
    font-size: 12px;
    text-align: center;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

.free-shipping-byor [data-title] {
    position: relative;
    cursor: pointer;
}

.free-shipping-byor [data-title]:hover::before {
    width: 300px;
    content: attr(data-title);
    position: absolute;
    bottom: 45px;
    right: 0;
    display: inline-block;
    padding: 3px 6px;
    border-radius: 2px;
    background: #ffffff;
    color: #000000;
    font-size: 12px;
    text-align: center;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

.free-shipping-byor [data-title]:hover::after {
    content: '';
    position: absolute;
    bottom: 29px;
    left: 45%;
    display: inline-block;
    color: #fff;
    border: 8px solid transparent;
    border-top: 8px solid #ffffff;

}

@media (max-width:1170px) {

    .free-shipping-byor [data-title]:hover::before {
        bottom: 65px;
    }
    
    .free-shipping-byor [data-title]:hover::after {
        bottom: 50px
    }
}

@media (max-width: 1023px) {
    .free-shipping [data-title]:hover::before {
        width: 230px !important;
    }

    .free-shipping-byor .day-return [data-title]:hover::before {
        right: 10px;
        bottom: 65px;
    }
}

.free-shipping [data-title]:hover::after {
    content: '';
    position: absolute;
    bottom: 19px;
    left: 8px;
    display: inline-block;
    color: #fff;
    border: 8px solid transparent;
    border-top: 8px solid #ffffff;

}



.newsletter-form__field-wrapper {
    padding-bottom: 30px;
}



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

.show__short .sort-width {
    margin-right: 8px;
    font-size: 14px;
    margin: 0;
    color: #5B5E66 !important;
    width: 60px;
}

.show__short .short {
    display: flex;
    justify-content: flex-end;
}

.show__short .short .search-section {
    margin-right: 15px;
}

.show__short input {
    width: 220px;
    height: 30px;
    min-height: 30px;
    padding-left: 5px !important;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid lightgrey !important;
    border-right: 0 !important;
}


.show__short select {
    /* width: 220px; */
    width: 148px;
    height: 30px;
    min-height: 30px;
    padding-left: 5px !important;
    font-size: 14px;
    background-color: transparent;
    border: 1px solid lightgray;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    color: #757575 !important;
}
.show__short select:focus-visible{
    outline-style: none;
    outline-color: transparent !important;
    outline-width: initial !important;
    outline-offset: initial !important;
}

.diam-listing-search-btn {
    display: flex;
}

.show__short .sortby {
    margin-left: 5px;
    font-family: Assistant, sans-serif;
}

.grid-list-tab .nav-link {
    width: 30px !important;
    height: 30px !important;
}

.grid-list-tab img {
    width: 26px !important;
    height: 26px !important;
}

@media (min-width:1367px) {
    .grid-view-options {
        margin-left: 8px;
    }

 
    .flex-all-elements {
        display: flex;
        height: 30px !important;
    }

    .krfs-home-review-section p{
        white-space: nowrap;
    }

}


button.btn.btn-search {
    height: 30px;
    width: 30px;
    /* border: 1px solid var(--krfs-primary-color);
    background: var(--krfs-primary-color);
    color: white; */
    cursor: pointer;
    min-height: 30px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 !important;
    border: 1px solid lightgrey;
    border-left: 0;
    padding: 0;
}

.logo-list-img .sample_label {
    position: absolute;
    top: 2px;
    line-height: 15px;
    background-color: var(--krfs-accent-color);
    padding: 0px 2px;
    border-radius: 3px;
    font-size: 9px;
    color: black;
    display: inline-block !important;
    visibility: visible !important;
}

.diamond-list .product__details {
    padding-left: 3% !important;
}

.text-center h2 {
    line-height: 2 !important;
}

.slider-section .ui-slider-horizontal {
    width: 90%;
    height: 4px;
    /* background: lightgray !important; */
    background: #d9d9d9 !important;
    border-radius: 50vh;
    border: none;
    top: 5px;
    margin-left: 20px;
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -1.5px !important;
}

.ui-slider-horizontal .ui-slider-range {
    background: var(--krfs-primary-color) !important;
    height: 4px !important;
    /* margin-top: -1px !important; */
}

.mobile_heading {
    display: none;
}

.slider-section .ui-state-default,
.ui-widget-content .ui-state-default {
    /* top: 0px !important; */
    width: 10px;
    height: 10px;
    border-radius: 50vh;
    background: #ffffff !important;
    border: 1px solid lightgray;
    cursor: pointer !important;
    width: 13.36px !important;
    height: 13.26px !important;
}

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

.tab-section .tab-section-btn {
    color: #4A4A4A !important;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer !important;
    border-radius: 0 !important;
    border: 1px solid lightgray !important;
    text-decoration: none;
    font-family: Assistant, sans-serif !important;
}

.krfs-main-tab-section{
    font-family: Assistant, sans-serif !important;
    margin-top: 15px;
}

.Product-tab_main .tab-section {
    list-style: none;
    padding: 0;
    display: flex;
}

.Product-tab_main .nav {
    flex-wrap: nowrap !important;
    width: 100%;
}



.view-360 {
    display: flex;
    margin-bottom: 5px;
    cursor: pointer;
    justify-content: center;
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #242833bf;
}

.view-360 i {
    margin-right: 5px;
}

.modal .modal-dialog {
    max-width: 100%;
}

.modal-content {
    width: 560px;
    padding: 15px;
    margin: auto;
    border-radius: 0 !important;
    font-family: Assistant, sans-serif !important;
 
}

.modal-content .btn-close {
    width: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    top: 18px;
    right: 18px;
    position: absolute;
    font-weight: 100;
    opacity: unset !important;
}


#keyideas-logo-360,
#keyideas-logo-detail {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: black;
    width: 130px;
    background-color: #efefef;
    border-radius: 0px 0px 15px 15px;
    font-size: 4px;
    padding: 0px !important;
    margin: auto;
}

.view-360-section h3 {
    margin: 0;
    margin-bottom: 20px;
}

.view-360-section .pera-content {
    font-size: 14px;
    text-align: center;
    color: #232323;
    margin: auto;
    width: 90%;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-bottom: 0 !important;
}

.view-360-section .modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
}



a:focus {
    border: none !important;
    box-shadow: none !important;
}

.nav-link:focus,
.nav-link:hover {
    border: var(--bs-nav-tabs-border-width) solid transparent !important;
}

.nav-tabs {
    border: none !important;
}

.nav-tabs:hover {
    border: none !important;
}

.krfs-main-tab-section .tab-pane{
    margin-bottom: 30px !important;
}

.product-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.product-list .prod-item {
    flex: 0 0 24%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    /* border: 1px solid #ddd; */
    border-radius: 5px;
    position: relative;
    margin-bottom: 10px;
}

.product-list .prod-item .image-div {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.krfs-pagination-div {
    display: flex;
    justify-content: center;
}



.product-list .prod-item .content-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
}

.product-list .prod-item img {
    width: 100%;
    height: 100%;
    object-position: center;
    border-radius: 5px;
    object-fit: cover !important;
}

.product-list .prod-item a {
    font-size: 14px;
    line-height: 1.2;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    /* color: #6f6f6f; */
    color: #000000;
    display: flex;
    justify-content: center;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

@media (min-width:768px) {

    .tab-section .tab-section-btn {
        background-color: #EFEFEF;
        margin-right: 10px;
        border: none !important;
    }

    .product-list .prod-item a {
        margin: 0px 0px 0px 0px !important;
    }

    .Product-tab_main {
        display: flex;
        margin-top: 50px;
        margin-bottom: 15px !important;
        justify-content: space-between !important;
    }

    .short-margin-show {
        justify-content: flex-end !important;
    }
}

/* @media (min-width:1500px){
    .Product-tab_main{
        gap: 15%;
    }
} */

.product-list .prod-item .price {
    text-align: center;
    font-size: 16px;
    display: block;
    /* color: var(--krfs-primary-color); */
    color: #000000;
    font-weight: 600;
}

.product-list .prod-item .price span del{
    color: #24283366 !important;
    margin-left: 6px;
}

.main-section-img {
    position: relative;
    width: 100%;
}

.grid-list-tab {
    right: 0;
    top: 1px;
    display: flex;
    gap: 15px;
}

.grid-list-tab .grid-list-btn {
    display: flex;
    width: 55px;
    height: 45px;
    background-color: #efefef;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none !important;
    border-radius: 0 !important;
    padding: 0;
}

.grid-list-tab .grid-list-btn.active {
    background-color: var(--krfs-accent-color) !important;
}

/* produc list table */

.product-list-div {
    width: 100%;
    margin-top: 30px;
}

.product-list-div table {
    width: 100%;
    /* display: flex;
	flex-wrap: wrap; */
    text-align: center;
    text-rendering: optimizeLegibility;
    font-size: 14px;
    color: #6f6f6f;
    font-weight: 400;
    line-height: 21px;
    border: none;
    border-spacing: 0;
    margin-bottom: 5px;

}

.product-list-div table:not([class]) {
    box-shadow: none;
}

.product-list-div table:not([class]) td,
table:not([class]) th {
    margin: 5px 0;
    border: 0;
}

.product-list-div table .heading {
    background-color: #eeeeee;
}

.product-list-div table .heading:hover {
    background-color: #eeeeee !important;
}

/* .product-list-div table tr {
    border-bottom: 1px solid #efefef;
} */

.product-list-div table tr:not(.heading):hover {
    background-color: var(--krfs-accent-color) !important;
    transform: 0.3s;
}

.product-list-div table .product__img {
    display: flex;
    align-items: center;
    justify-content: start;
}

.product-list-div table .product__img img {
    width: 75px;
    height: 75px;
    object-fit: contain;
}

.product-list-div table .compare__icon--input input {
    display: none !important;
    position: absolute;
}

.product-list-div table .compare__icon--input .compare__icon img {
    width: 30px;
    cursor: pointer;
}

.product__list--viewi {
    cursor: pointer;
}

.product-list-div table th {
    width: calc(100% / 12);
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
}

.product-list-div table .product__details a {
    color: var(--krfs-primary-color);
    text-decoration: none;
}

.product-list-div table .tbl_price {
    color: #000000;
}

.diamond-list .product__details a {
    display: flex;
    align-items: center;
}

/* details page */

.back-collection .back-collection-ul{
    margin-bottom: 30px;
    font-size: 13px;
}

.back-collection .back-collection-ul .back-collection-li {
    text-decoration: underline;
    color: #232323;
    font-size: 13px;
    cursor: pointer;
}

.back-collection .back-collection-ul .back-collection-li a{
    color: #232323;
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
}

.products-images .product--content .diamond__content {
    /* display: flex;
    flex-direction: column;
    gap: 10px; */
}

.product--content .heading_h1 {
    font-size: 30px;
    line-height: normal;
    margin-bottom: 15px;
    color: var(--krfs-primary-color);
}



@media (min-width:1366px) {
    
    .Product-tab_main {
        position: relative;
    }
}

@media (max-width:767px) {

    .products-images .diamond__content .inner-color-div{
        font-size: 12px !important;
    }

    .inner-shipping-byor[data-title]:hover::before {
        right: -75px !important;
    }

    .product-list-div table .product__img img{
        width: 50px;
        height: 50px;
        object-fit: cover !important;
    }

    button.btn.btn-search i{
        font-size: 13px;
    }

    .tab-section .tab-section-btn.active{
        border: 1px solid #d3d3d3 !important;
    }

    .products-images .diamond__content .clarity {
        width: 26%;
    }

    .diamond__content--price .choose--btn {
        width: 100% !important;
        margin-left: 0px !important;
    }



    .font-size-para-section {
        font-size: 14px !important;
    }

    .products-images .diamond__content--share .contact-info {
        gap: 24px !important;
        margin: 0 -12px !important;
    }

    .products-images .diamond__content .color-clarity-section {
        margin-bottom: 15px !important;
    }

    .diamond__content--info{
        margin-top: 15px !important;
    }

    .products-images .diamond__content--price {
        margin-top: 0 !important;
    }

    .diamond__content--price .choose--btn {
        margin-top: -8px !important;
    }
}


.products-images .diamond__content--info .inner-free-shipping {
    display: flex;
    align-items: center;
    color: #6d6d6d !important;
    text-decoration: underline;
    margin-bottom: 0px;
    font-size: 14px;
    text-decoration-color: var(--krfs-primary-color);
}

.choose-bttn-popup .modal-content {
    /* width: 400px; */
    width: 28%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 20px;
}

.choose-bttn-popup .modal-content .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 5px !important;
    margin-right: 5px !important;
}

.choose-bttn-popup .modal-content .pera-popup {
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.choose-bttn-popup .modal-content a {
    width: 80%;
    margin-bottom: 8px;
}

.choose-bttn-popup .modal-content a .btn {
    width: 100%;
}


.products-images .diamond__content--info i,
.products-images.diamond__content--time i {
    color: #000000;
}

.products-images .diamond__content--time {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.products-images .diamond__content--time .delivery-time {
    color: #6d6d6d;
    font-size: 14px;
}

.free-shipping{
    margin-bottom: 15px;
}


.krfs_disabled_anchor a, .krfs_disabled_anchor a:link, .krfs_disabled_anchor a:visited {
    text-decoration: none;
    color: inherit;
}


.products-images .diamond__content--price .price {
    font-size: 32px;
    color: #000;
}


.products-images .diamond__content--price .price-section{
    margin-bottom: 15px;
    margin-top: 15px !important;
}



img.motion-reduce {
    width: 41%;
    height: auto;
}

.add_cart_btn {
    margin-bottom: 35px !important;
}

.choose_setting_btn {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
}

.diamond-popup-btn-width {
    width: 80% !important;
}

.diamond__content--price .choose--btn:hover {
    filter: brightness(1.08) !important;
    background-color: var(--krfs-primary-color);
}

.products-images .diamond__content--share .contact-info {
    gap: 20px;
    margin: 0px -9px;
}


.footer-section .footer-head h4 {
    font-weight: 700 !important;
}

.products-images .diamond__content--share .contact-info a {
    color: #6d6d6d;
    text-decoration: none;
    font-size: 15px;
}

.products-images .diamond__content--share .contact-info a i {
    margin-right: 8px;
    font-size: 20px;
}









.thumbnail-image .prod-item {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(162, 162, 162);
    margin-bottom: 10px;
}

.thumbnail-image .prod-item img {
    width: 100%;
    /* height: 100%; */
}














.view-360-sprite {
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 900px auto;
    display: block;
    width: 19px !important;
    height: 19px;
    background-position: -352px -195px;
    background-image: url(./images/new-sprite-image-krfs.webp);
    margin-right: 5px;
}

.view-360-sprite{
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 900px auto;
    display: block;
    width: 19px !important;
    height: 19px !important;
    background-position: -352px -195px;
    background-image: url(./images/new-sprite-image-krfs.webp);
}



.btn-get-it.disabled {
    opacity: 30%;
}

.head-pera p {
    color: #6d6d6d;
    font-size: 16px;
}


/* Byor pages */

.key-ideas-app {
    margin-top: 0px !important;
    /* border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black; */
    height: 70px;
    margin-bottom: 30px;
    display: flex;
    justify-content: start;
    margin-top: 20px;
    width: 97%;
    font-family: Assistant, sans-serif !important;

}

.key-ideas-app .steps {
    border: 0.3px solid gray;
    border-right: none !important;
    border-left: none !important;
}

.key-ideas-app .steps:first-child {
    border-left: 0.3px solid gray !important;
}

.select-complete-section {
    max-width: 97.5%;
}

.key-ideas-app .steps {
    display: flex;
    align-items: center;
    padding: 0 0 0 45px;
    justify-content: space-between;
    flex: 0 0 33%;
    /* background-color: var(--krfs-accent-color); */
    /* box-shadow: 5px -6px 7px -6px var(--krfs-accent-color), 5px 7px 7px -7px var(--krfs-accent-color); */
    position: relative;
}

@media (max-width:820px) {
    .select-complete-section {
        max-width: 100%;
    }
}

@media (min-width:768px) {
    .steps.step1 {
        padding-left: 34px !important;
    }
}

.key-ideas-app .steps .inner-step {
    display: flex;
    align-items: center;
}


.key-ideas-app .steps .heading-3 {
    margin-right: 6px;
    font-size: 20px;
    font-weight: 400;
    font-family: Assistant, sans-serif;
    font-size: 16px;
    line-height: normal;
}

.key-ideas-app .steps .step-icon-img {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: end;
    /* max-width: 35px; */
}

.complete_section {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    /* margin-left: 10px; */
    line-height: 16px;
    font-weight: 600;
    color: #242833 !important;
    font-family: Assistant, sans-serif !important;
}


.select-ring {
    display: flex;
}



.key-ideas-app .steps p span:last-child {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    /* color: #000 !important; */
    color: #242833 !important;
}

.key-ideas-app .steps::after {
    content: '';
    position: absolute;
    /* top: 50%;
    right: 0;
    display: block;
    width: 50px;
    height: 50px; */
    top: 50%;
    right: 0;
    display: block;
    width: 49px;
    height: 49px;
    border-color: black !important;
    border-width: 0 1.5px 1.5px 0 !important;
    border-radius: 0 0 2px 0 !important;
    border-style: solid;
    z-index: 2;
    -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg) !important;
    -ms-transform: translateY(-50%) translateX(50%) rotate(-45deg) !important;
    transform: translateY(-50%) translateX(50%) rotate(-45deg) !important;
    /* background-color: var(--krfs-accent-color); */
}
.rotate-180 {
    transform: rotate(180deg);
  }
.margin-top{
    margin-top:2px !important;
}
.UparrowIcon{
    margin-top: -4px;
    cursor: pointer;
}
.key-ideas-app .step3::after {
    width: 51px !important;
    height: 49.5px !important;
}


.key-ideas-app .steps .inner-step {
    /* margin-left: 5px; */
    z-index: 5;
}


.key-ideas-app .steps .view-change .view-change-img {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    margin-right: 12px;
}

.key-ideas-app .steps .view-change img {
    width: 100% !important;
    height: 100%;
    border: 1px solid #747474 !important;
}

.custom-pro-box .key-card .image-icon {
    width: 80px;
    height: 80px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid gainsboro;
}

.custom-pro-box .key-card .image-icon img {
    width: 100%;
    height: 100%;
}

.custom-pro-box .key-card {
    display: flex;
}

.custom-pro-box {
    background: white;
    border-radius: 10px;
    margin-bottom: 20px;
}

.custom-pro-box .heading2 {
    color: #5B5E66 !important;
    font-weight: 600;
    font-size: 14px;
}

.custom-pro-box .data {
    margin-left: 15px;
    font-size: 14px;
}


.ring-size .inner-ring-size {
    font-size: 14px;
    color: #6d6d6d;
    margin-bottom: 20px;
}

.color-light {
    color: #6d6d6d;
}

.diamond__content .pera-content{
    font-size: 14px;
    color: #6d6d6d;

}

.ring-size .ring-sizes select {
    width: 110px;
    padding: 4px;
    border: 1px solid lightgray;
    margin-top: 10px;

}

.diamond__content--info {
    display: flex;
    margin-bottom: 20px;
    margin-top: 20px;
    gap: 10px;
}

.diamond__content--info .inner--info {
    font-weight: 400;
    padding: 5px 6px;
    line-height: normal;
    width: fit-content;
    background-color: #EEEEEE;
    font-size: 14px;
}






@media (max-width: 767px) {

    .mobile_heading {
        font-size: 12px !important;
    }

    .mark-icon-byor {
        margin-right: 5px;
    }

    .choose-bttn-popup .modal-content {
        width: 100% !important;
    }

    .products-images .diamond__content--time {
        margin-bottom: 0px;
    }

    .products-images .diamond__content--price div {
        margin-bottom: 15px;
        margin-top: 5px !important;
    }
    .free-shipping {
        margin-bottom: 0px;
    }

    .krfs-lang-btn-grp{
        flex-wrap: wrap;
    }

}


.sample-div {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: var(--krfs-accent-color) !important;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    color: black;
    display: inline-block !important;
    visibility: visible !important;
    font-family: Assistant, sans-serif !important;
    z-index: 1;
}


.sample-div-detail-page {
    position: absolute;
    top: 5px;
    left: 25px;
    background-color: #fff !important;
    border-radius: 3px;
    font-size: 12px;
    color: #000;
    display: flex !important;
    align-items: center;
    justify-content: center;
    visibility: visible !important;
    width: 60px !important;
    height: 30px;
    padding: 0 !important;
}

@media (max-width: 620px) {
    .products-images .img-section .main-image .sample-div-detail-page {
        left: 6px;
    }
}

.carat-section-outer-div .heading-description .desc-para-section {
    width: 98%;
    margin: auto;
    padding: 30px 0px;
    font-size: 14px;
    line-height: normal;
    color: #242833bf;
    font-family: Assistant, sans-serif !important;
}

.pro__details {
    margin-bottom: 120px !important;
}

.modal-header .heading-h5 {
    font-size: 25px;
    margin-bottom: 10px;
    margin-top: 0px;
    font-weight: 700;
}


.divide-parts-flex{
    gap: 15px;
}


@media (min-width:768px) and (max-width:1024px) {

    .filter__btn .inner-filter-btn {
        flex: 0 0 40%;
    }

    .tutorial-popup .modal-content {
        width: 90% !important;
        height: 80vh !important;
        margin-left: auto !important;
    }
}


.divide-parts-flex {
    display: flex;
}
    


.divide-parts-flex {
    display: flex;
}

.shape-heading span{
    display: none;
}

#sort-filter-icon{
    display: none;
    pointer-events: none;
}


@media (max-width:1000px) {

    .container {
        padding: 0 !important;
    }
}

@media (max-width: 1280px) {

    .key-ideas-app .steps .view-change {
        display: none;
    }

}


@media (min-width: 768px) and (max-width: 1000px) {


    .shape_item, .stone_item {
        flex: 0 0 18% !important;
    }

    .filter--section-krfs .filter_div .filter_inner {
        width: 100%;
        padding: 5px;
    }


    .diamond-list .product__details {
        padding-left: 0% !important;
    }
}


@media (min-width: 768px) and (max-width: 1280px) {

    .product-list .prod-item {
        flex: 0 0 32%;
    }

    .Product-tab_main .nav {
        justify-content: flex-end;
    }

    .stepupdatename {
        /* padding-left: 5px !important; */
        padding-right: 15px !important;
        font-size: 16px !important;
    }

    .show__short select {
        width: 100px;
    }

    .show__short .sort-width {
        width: 50px;
    }

    .grid-list-tab {
        gap: 8px;
        justify-content: center;
    }

    .show__short .short .search-section {
        margin-right: 8px;
    }

    
}
@media (max-width:800px) {
    
    .Product-tab_main {
        display: initial !important;
    }

    .show__short {
        margin-top: 20px !important;
    }
}

@media (max-width:620px) {

    .has-global-padding {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .products-images .img-section .main-image div {
        width: 100%;
        padding-left: 0px !important;
    }

}

@media (max-width: 767px) {
    .key-ideas-app .steps::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        display: block;
        width: 46px !important;
        height: 46px !important;
        border-color: black !important;
        border-width: 0 1px 1px 0 !important;
        border-radius: 0 0 2px 0 !important;
        border-style: solid;
        z-index: 2;
        -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg) !important;
        -ms-transform: translateY(-50%) translateX(50%) rotate(-45deg) !important;
        transform: translateY(-50%) translateX(50%) rotate(-45deg) !important;
        /* background-color: var(--krfs-accent-color); */
    }

    .modal-content {
        width: 100%;
        overflow: hidden;
    }

    .tutorial-popup .modal-content {
        width: 100% !important;
        height: 40vh !important;
        margin-left: auto !important;
    }

    .krfs-diamond-shapes {
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between !important;
        gap: 25px !important;
    }

    .krfs-diamond-stones {
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between !important;
        gap: 25px !important;
    }

    .krfs-diamond-shapes .shape_item {
        flex: 0 0 14%;
        width: 48px;
    }

    .krfs-diamond-stones .stone_item {
        flex: 0 0 14%;
        width: 48px;
    }


    .auto-fold #wpcontent {
        padding-left: 0 !important;
    }


    .diam-info-outer-section, .divide-parts-flex{
        padding: 0 12px;
    }

    .price-section-width {
        height: auto;
    }


    .advanced-section {
        /* flex-direction: column; */
        align-items: center;
    }

    .key-ideas-app .step1 .inner-step{
        margin-left: 6px;
    }

    .filter--section-krfs .filter-heading-krfs {
        margin-bottom: 10px !important;
        text-align: left;
        justify-content: left;
        color: #000000;
        margin: 0px;
    }

    .filter--section-krfs .inner_filter--section-krfs{
        padding: 0 !important;
    }

    .color_Diamonds .filter-headind ,.shape__filter .filter-headind{
        padding-left: 12px;
        padding-top: 10px;
    }


    .filter--section-krfs .filter_div .filter_inner {
        width: 95%;
    }

    .show__short .sort-width{
        width: 50px !important;
        display: none;
    }

    .diam-listing-search-btn{
        width: 100%;
    }

    .show__short .short .search-section{
        margin-right: 0 !important;
        width: 100%;
    }

    .show__short .sortby{
        margin-left: 0 !important;
    }

    .filter--section-krfs .filter_div .slider-section{
        width: 100%;
        padding: 0 !important;
    }

    .filter--section-krfs .input-width-full{
        width: 100% !important;
    }

    .filter--section-krfs .filter_div {
        margin-top: 0px;
        margin-bottom: 10px;
        padding: 0;
    }

    .filter_div.shape__filter{
        padding: 0 12px !important;
    }

    .show__short {
        flex-direction: column-reverse;
        align-items: start;
    }

    .show__short .short {
        width: 100%;
        justify-content: space-between;
        margin-bottom: 10px;
        margin-top: 0px;
        gap: 8px;
    }

    .show__short input {
        width: 100%;
        align-items: self-start;
        margin-left: 0;
        font-size: 14px;
        font-weight: 400 !important;
        font-family: Assistant, sans-serif !important;
    }

    .show__short select {
        padding-top: 3px !important;
        width: 30px;
        height: 30px;
        border: none;
        color: transparent;
        background-color: transparent;
    }

    .show__short .sortby option{
        color: #000 !important;
    }

    #sort-filter-icon{
        display: initial !important;
        width: 30px;
        max-width: 30px;
        min-width: 30px;
        height: 30px;
        margin-right: -30px;
        z-index: 1;
    }
    
    .filter--section-krfs .slider-section .input-div input:focus {
        border-color: #c4c4c4;
    }

    .slider-section .ui-slider-horizontal {
        width: 90%;
        margin: auto;
    }

    .container .diamond-list-padding {
        padding-left: 0% !important;
        padding-right: 0% !important;
    }

    .advanced-section {
        position: relative;
        justify-content: center !important;
        gap: 9px !important;
    }

    .advanced-section .advanced-filter {
        width: 153px !important;
        height: 41px !important;
        font-size: 14px !important;
    }

    .advanced-section label {
        width: 153px !important;
        height: 41px !important;
        font-size: 14px !important;
    }

    .lab_checkbox {
        translate: -12px;
        width: 106%;
        display: flex;
    }

    .advanced-section label {
        right: 20px;
        top: 10px;
    }

    .show__short .showing__item p {
        margin-top: 15px;
    }

    .product-list .prod-item {
        flex: 0 0 100%;
    }

    .Product-tab_main {
        display: flex;
        flex-direction: column-reverse !important;
    }

    .Product-tab_main .tab-section {
        width: 100%;
        display: flex;
        align-items: center;
        /* gap: 10px; */
        padding: 0;
        padding-bottom: 0px;
        margin-bottom: 0px;
        flex-wrap: wrap !important;
    }

    .Product-tab_main .tab-section .tab-section-btn {
        flex: 0 0 33.33%;
    }

    .Product-tab_main .tab-section .tab-section-btn {
        width: 100%;
        height: 30px;
        padding: 0px !important;
        font-size: 14px;
        color: black !important;
        display: flex;
        align-items: center;
        justify-content: center !important;
    }

    .grid-list-tab {
        position: initial;
        /* margin-top: -30px; */
        display: flex;
        justify-content: end;
    }

    .product-list-div table tr th{
        padding: 3px 0 !important;
    }

    .shape-heading span{
        display: initial !important;
    }

    .product-list-div table .product__img{
        margin: 2px 0 !important;  
    }

    .product-list,
    .product-list-div {
        margin-top: 0px;
    }


    .product-list-div {
        width: 100%;
        overflow-x: auto;
    }


    .filter-div-ab{
        padding: 0 12px;
    }

    .filter--section-krfs .col-lg-4 {
        padding-left: 0;
        padding-right: 0;
    }


    .slick-prev,
    .slick-next {
        background-image: url('./images/arrow-right-s-line.png') !important;
    }

    .slick-prev {
        left: -35px !important;
    }

    .slick-prev {
        transform: rotate(180deg) translateX(50%) !important;
        margin-top: -5px;
        margin-left: 10px;
    }

    .slick-next:before,
    .slick-prev::before {
        display: none;
    }


    .pro__details .pro__details--box {
        flex-direction: column;
        gap: 0;
    }

    .pro__details .pro__details--box .pro__details-ul {
        width: 100%;
    }

    .pro__details .pro__details--box .list2 li>div:nth-child(even) {
        background-color: #f3f3f3ae;
    }

    .pro__details .pro__details--box .list2 li>div:nth-child(odd) {
        background-color: #fff;
    }

    .meter-width .size-info {
        width: 84px;
        height: 65px;
        font-size: 10px;
        padding: 8px 5px;
    }

    .meter-width .size-info span {
        display: inline;
    }

    .meter-width .size-info .carat {
        font-size: 18px;
        margin-top: 0;
    }

    .key-ideas-app {
        height: 65px;
        padding: 0 10px;
    }

    .key-ideas-app .steps {
        flex: unset;
        padding: 0 !important;
    }

    .key-ideas-app .steps.step1{
		width: 30%;
	}
	.key-ideas-app .steps.step2, .key-ideas-app .steps.step3{
		width: 32%;
	}

    .key-ideas-app .step2 .inner-step, .key-ideas-app .step3 .inner-step{
       margin-left: 38px !important;
    }


    .key-ideas-app .steps .step-icon-img {
        display: initial;
    }



    .key-ideas-app .steps .heading-3 {
        font-size: 22px;
        margin-right: 5px;
        font-size: 14px !important;
    }


    .key-ideas-app .steps p span:last-child {
        font-size: 14px !important;
        font-weight: 600;
        line-height: 16px
    }

    .key-ideas-app .steps:not(:last-child)::after {
        width: 32px;
        height: 32px;
    }

    .steps .view-change {
        display: none !important;
    }


}


@media (min-width:768px) and (max-width:1024px) {
    .product-list.list-gap-pad {
        gap: 2% !important;
    }


    .choose-bttn-popup .modal-content {
        width: 50%;
    }

}


@media (min-width:768px) and (max-width:850px) {

    .choose-bttn-popup .modal-content {
        width: 50%;
    }
}

@media (min-width:851px) and (max-width:1024px) {
    .choose-bttn-popup .modal-content {
        width: 42%;
    }
}

@media all and (max-width: 480px) {
    .product-list-div {
        width: 100%;
        overflow-x: auto;
    }

    .product-list-div table tr th {
        width: 60px !important;
        max-width: 60px !important;
        min-width: 60px !important;
    }
}

.error-image {
    object-fit: initial !important;
}

.primary-btn {
    padding: 10px 20px;
    background-color: var(--krfs-primary-color) !important;
    color: #fff !important;
    border: none;
    font-size: 15px;
    cursor: pointer;
    border: none !important;
    width: max-content;
}

.krfs_loader {
    top: 0%;
    left: 0%;
    position: absolute;
    position: fixed !important;
    width: 100%;
    height: 100vh;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 9999;
}

.krfs_loader img {
    width: 160px;
}

#krfs_360_frame {
    width: 500px;
    height: 500px;
}

/* product end */

.loading-overlay__spinner.main_loader .spinner {
    width: 100px;
}

.spinner {
    animation: rotator 0.8s linear infinite;
}

.loading-overlay__spinner.main_loader {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    position: fixed;
}

.loading-overlay__spinner.listing_loader {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    margin: 40px 0;
}

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

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

.loading__spinner {
    position: absolute;
    z-index: 1;
    width: 1.8rem;
}

.loading__spinner {
    width: 1.8rem;
    display: inline-block;
}

.path {
    stroke-dasharray: 280;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: rgb(var(--color-foreground));
    animation: dash 1.4s ease-in-out infinite;
}

@media screen and (forced-colors: active) {
    .path {
        stroke: CanvasText;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 280;
    }

    50% {
        stroke-dashoffset: 75;
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 280;
        transform: rotate(450deg);
    }
}

.loading__spinner:not(.hidden)+.cart-item__price-wrapper,
.loading__spinner:not(.hidden)~cart-remove-button {
    opacity: 50%;
}

.loading__spinner:not(.hidden)~cart-remove-button {
    pointer-events: none;
    cursor: default;
}

circle.path {
    stroke: var(--krfs-primary-color);
}

@media (min-width:1600px) {
    .product-list {
        gap: 16px !important;
    }
}

input:focus {
    outline: none !important;
}




/* -----------------You may also like section css --------------- */

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

    .select-ring{
        align-items: start !important;
    }

    .mobile_heading {
        display: block;
        flex-direction: column;
        font-size: 14px;
    }
}




.fontMedium,
.message__box.message-diamond .showlogin {
    font-family: "Avenir LT W05_65 Medium" !important;
}

.heading--2 {
    font-size: 26px;
    line-height: 41px;
    margin-bottom: 18px;
}

.text-center {
    text-align: center !important;
}

.d-flex {
    display: flex !important;
}


.view-section-mobile {
    display: none;
}

@media (max-width:1024px) {
    .diamondCompare_container {
        max-width: 100%;
        padding: 0;
        margin-bottom: -24px;
    }

    .view-section-mobile {
        display: flex !important;
        gap: 8px;
        font-size: 12px;
    }

    .select_section {
        align-items: flex-start !important;
    }

}


.iconDown::before {
    content: "\2193";
    /* content: "\2191"; */
    font-size: 14px;
    color: #7646d7;
    margin-right: 5px;
}

.iconUp::before {
    content: "\2191";
    font-size: 14px;
    color: #7646d7;
    margin-right: 5px;
}


@media (min-width:1200px) and (max-width:1400px) {
    .diamondList_image img {
        height: 80%;
    }
}


.more-filters {
    display: none;
    /* Hide the section by default */
}

.more-filters-height {
    display: block;
    /* Show the section when it has the 'active' class */
}

.advanced-section {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
    /* justify-content: space-between; */
}

.more-filters~.col-lg-4 {
    margin-top: 0;
    padding-left: 0;
    /* Ensure there's no extra margin when the section is hidden */
}


@media(min-width:1024px) {

    .advanced-section {
        margin-top: 25px !important;
    }
}





.bg-gray {
    background-color: #f6f6f6;
    padding: 10px;
    padding-top: 25px;
    padding-bottom: 27px;
}

.shape_item , .stone_item{
    display: flex;
    flex: 0 0 6%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.color_Diamonds {
    display: flex;
    flex-direction: column;
}


.shape_heading {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 400;
    font-family: Assistant, sans-serif !important;
    line-height: normal;
    color: #242833BF !important;
}



.complete_heading {
    margin-right: 4px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: -1px;
    font-family: Assistant, sans-serif;
}

input[type='checkbox'] {
    accent-color: grey;
}

.sprite-image-krfs {
    display: flex;
    width: 28px;
    height: 27px;
    background-repeat: no-repeat;
    background-image: url(./images/new-sprite-image-krfs.webp) !important;
    margin-right: 5px;
}

.free-shipping-icon {
    background-size: 784px;
    background-position: -65px -163px;
}


.year-tab-section button {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    background-color: transparent;
    border: none;
    padding: 0;
    margin-right: 40px;
    text-transform: uppercase;
}

.single-plan h5{
    font-size: 24px;
    font-weight: 700;
}

.plan-btn.active {
    border-bottom: 3px solid var(--krfs-primary-color) !important;
}

.price-div {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
}

.price-pln-div {
    margin-top: 18px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #b3b3b3;
    font-size: 22px;
}

.price-pln-div label {
    vertical-align: initial;
}

.confirm-settings label, .confirm-settings .label-heading {
    font-weight: 400;
    font-family: Assistant,sans-serif;
    line-height: 21px;
    font-size: 14px;
    color: #000000;
    width: 100%;
}

.key-btn-import {
    width: 160px;
    height: 40px;
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
}

button:disabled{
    opacity: 50%;
}

.plan-main .inner-div {
    gap: 20px;
}

.single-plan {
    width: 55%;
    height: 440px;
    border-radius: 5px;
    border: 1px solid gray !important;
    border-radius: 10px;
 
}



.price-image-section img {
    width: 100%;
}

.key-btn-import.active,
.key-btn-import:hover {
    background-color: var(--krfs-primary-color);
    color: #fff;
}

.key-btn-import.active,
.key-btn-import.activated {
    background-color: var(--krfs-primary-color);
    color: #fff;
}

.check-icon-section .check-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-color: var(--krfs-primary-color);
    border-radius: 50vh;
    fill: #fff;
    padding: 2px;
}

.plan-amt {
    font-weight: 700;
}

.price-section-width .price-div,
.price-year-section-width .price-div {
    margin: 23px 0 !important;
}

.form-section-div .input--div {
    margin-bottom: 10px;
    width: 100%;
}

.form-section-div input,
.form-section-div textarea {
    border: 1px solid #000 !important;
    padding: 10px;
    margin-top: 5px;
    width: 100% !important;
    border-radius: 10px;
    color: #000;
    font-size: 14px;
    height: 44px;
}

textarea#message {
    height: 160px;
}

.form-section-div .grid-setion {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.form-section-div label {
    font-size: 14px;
}

.send-btn-section .send-button {
    background-color: var(--krfs-primary-color);
    width: 180px;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 10px;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
    margin-top: 15px;
    font-size: 14px;
    border: none;
}

.tutorial-section img {
    width: 100%;
    height: auto;
}

.tutorial-section .box p {
    margin-top: 8px;
    font-weight: 500;
    font-size: 14px;
}

.recommended .main-section-img {
    padding: 15px;
    background-color: hsla(0, 0%, 98%, .645);
    border: 1px solid #cecece;
    border-radius: 10px;
}

.recommended .image-text-div {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.recommended .image-text-div .content-section {
    margin-left: 15px;
}

.recommended .image-text-div .content-section h6 {
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.recommended .main-section-img p {
    font-size: 16px;
}

.recommended .main-section-img .btn-get-it {
    padding: 12px 16px;
    width: 207px;
    height: 51px;
    border: 1px solid #000;
    color: #000;
    margin-top: 20px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recommended {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 15px;
    column-gap: 15px;
}


.faq-section button {
    padding-left: 0;
}

.faq-section h4 {
    margin-bottom: 2px;
    padding-bottom: 15px;
    margin-top: 15px;
    border-bottom: 1px solid #858585;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-content: center;
    justify-content: space-between;
    cursor: pointer;
}

.faq-section .faq-arrow-icon {
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* transform: rotate(180deg); */
    transform: rotate(0deg);
}

.faq-body p {
    font-size: 14px;
}

.faq-body .head-pera-faq {
    padding: 10px 0;
    margin: 0;
}

.faq-body .faq-div {
    border-bottom: 1px solid #d3d3d3;
}

.faq-body .faq-div p:first-child {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    line-height: normal;
}

.faq-body .faq-div p:first-child span {
    font-size: 25px !important;
    color: #000 !important;
    margin-right: 6px;
}

.faq-section .faq-div p:last-child {
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
    color: #000;
}


/* language tab */

.save-setting {
    width: 160px;
    height: 40px;
    border-radius: 6px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--krfs-primary-color);
    font-size: 14px;
    color: #fff;
}


.string-icon {
    width: 18px !important;
    margin-left: -1px;
    margin-right: 12px !important
}


input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}



@media (max-width: 767px) {



    .diamondList_image {
        min-height: 100px !important;
    }    

    .diamondList ul li {
        font-size: 12px;
    }

    .divide-parts-flex{
        flex-direction: column;
        margin-bottom: 15px;
    }

    #listdesign .product-list-div {
        margin-top: 0 !important;
    }

    .heading--1,
    .heading--2 {
        font-size: 24px;
        line-height: 33px;
    }

    .view-360-mobile {
        display: flex !important;
        flex-direction: column;
        visibility: hidden;
        width: 34px !important;
        height: 34px !important;
        background-color: white;
        border-radius: 50%;
        position: absolute;
        top: -10px;
        right: 10px;
        font-family: Assistant, sans-serif !important;
    }

    .view-360-sprite {
        height: 15px !important;
        background-position: -311px -174px;
        margin-right: 0 !important;
        background-size: 800px auto;
    }



    .view-hide-mobile {
        display: none;
    }



    .view-360-text {
        text-decoration: none !important;
        color: #000000;
        font-size: 10px !important;
        font-weight: 600;
        padding: 0 !important;
    }

    .view-hide-mobile {
        display: none;
    }

    .view-360-mobile img {
        position: relative;
        top: 8px;
        left: 6px;
        width: 22px !important;
    }

    .diam-info-outer-section {
        margin-bottom: 30px !important;
    }

    .form-section-div .grid-setion {
        flex-direction: column;
        gap: 0;
    }

    .year-tab-section button {
        margin-right: 22px;
    }

    .tutorial-section {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }

    .recommended {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }





}

.main-div-tab {
    margin-top: 30px;
}


.tab-btn-section {
    margin-left:0 !important;
    margin-right: 10px !important;
    width: 20%;
    height: max-content;
    display: flex;
    flex-direction: column;
    padding: 25px 15px;
    border: 1px solid #e1e1e1;
    border-radius: 12px;
    background-color: #fff;
}

.tab-btn-section ul {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}

.tab-btn-section ul li button {
    padding: 0 !important;
    margin: 0 !important;
    color: #000 !important;
    border: none;
    display: flex;
    align-items: center;
    min-width: 100%;
    border-radius: 6px;
    padding-left: 10px !important;
    line-height: 35px !important;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    background-color: transparent;
}

.tab-btn-section ul li button:hover {
    border: none;
}

.tab-btn-section ul li button.active {
    background-color: var(--krfs-accent-color) !important;
}

.tab-btn-section ul li button img, .tab-btn-section ul li button svg {
    width: 16px;
    margin-right: 15px;
}

.tab-btn-section .client-login-btn {
    width: 95%;
    background-color: #000;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: start;
    color: #fff;
    border-radius: 5px;
    margin-top: 10px;
    text-decoration: none;
    font-size: 14px;
}

.tab-btn-section .client-login-btn svg {
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

.tab-content-section {
    width: 75%;
}

.tab-content-section .fade:not(.show) {
    display: none;
}

.tab-content-section .fade {
    display: initial;
    opacity: initial;
}

.tab-btn-section h5 {
    padding-bottom: 10px;
    font-size: 14px !important;
    font-weight: 700;
    border-bottom: 1.5px solid #cecece;
    margin-bottom: 15px;
    color: #000 !important;
}

.sticky-outer-section {
    height: 75px;
    /* position: sticky; */
    /* top:32px;
    z-index: 2; */
}

.main-heading-btn {
    max-width: 100%;
    min-width: 64.5%;
    background-color: #fff;
    padding: 10px;
    border-radius: 12px;
    z-index: 1;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* border: 1px solid #e1e1e1; */
    border: 1px solid #e1e1e1;
}

.main-heading-btn h2 {
    font-size: 26px;
    font-weight: 700;
    margin: 0;
}

.main-heading-btn .save-btn {
    width: 160px;
    height: 40px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--krfs-primary-color);
    font-size: 14px;
    color: #fff;
    border: 1px solid var(--krfs-primary-color);
}

.main-heading-btn .save-btn:hover{
    border: 1px solid #000;
    background-color: #fff;
    color: #000 !important;

}

.right-section {
    padding: 20px;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    background-color: #fff;
    margin-bottom: 30px;
}

.initial-section .step h5 {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

.step-color-div {
    display: flex;
    margin-bottom: 30px;
    gap: 25px;
}

.step-color-div .setting-inner {
    width: 44.2% !important;
}

.step-color-div .color-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 35%;
    gap: 10px;
    margin-top: 20px;
    font-family: Assistant, sans-serif !important;
}



.step-color-div .color-inner .color-box {
    width: 50px;
    height: 25px;
    padding: 0 !important;
    border: none;
}

.step-color-div .color-inner .color-box.primary {
    background-color: #7646D7;
}

.step-color-div .color-inner .color-box.accent {
    background-color: white;
    border: 1px solid black;
}

.step p {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    color: black;
    line-height: normal;
}

.step-color-div p {
    color: #000;
    font-size: 14px;
    margin: 0;
}

.stap-grid-section {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #b3b3b3;
    padding-bottom: 25px;
}

.stap-grid-section .item {
    flex: 0 0 45%;
    width: 100%;
}


.country-section .inner-country{
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.country-section input{
    display: none;
}

.country-section label{
    border: 1px solid #d3d3d3;
    color: #d3d3d3;
    height: 42px;
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
}

.country-section input[type=radio]:checked + label {
    border: 1px solid #000000;
    color: #000000;
}

.stap-grid-section .main-img {
    width: 100%;
    margin-bottom: 20px;
}

.step .input-div {
    width: calc(100% - 50px);
    border: 1px solid rgb(0, 0, 0);
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 10px;
}

.step .input-div input {
    border: none !important;
    width: 90%;
    height: 100%;
    border-radius: 8px;
    background-color: transparent;
    font-size: 11px;
    box-shadow: none;
}

.input-section {
    display: flex;
    align-items: center;
    gap: 10px;
}

.input-section .send-link-icon img {
    width: 16px;
    height: 16px;
    margin-bottom: 5px;
}

.step .input-div img {
    cursor: pointer;
}

.number-section {
    display: flex;
    gap: 12px;
    margin-top: 15px;
    cursor: pointer;
}

.number-section span {
    /* width: 52px; */
    width: 15%;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border: 1px solid lightgray;
    border-radius: 8px;
    color: lightgray;
}

.button-remove-property {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
}

.button-remove-property:focus {
    box-shadow: none !important;
}



.number-section span.active {
    border: 1px solid rgb(0, 0, 0);
    color: rgb(0, 0, 0);
}


.enabled-div {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 10px;
}

.enabled-div input {
    margin: 0 !important;
}

.enabled-div a {
    color: var(--krfs-primary-color);
    font-size: 14px;
}

.main-div-tab input[type='checkbox'] {
    width: 16px;
    height: 16px;
    border: 1px solid gray;
    border-radius: 2.5px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-div-tab input[type=checkbox]:checked:before {
    width: 20px;
    height: 20px;
}

.main-div-tab input[type=checkbox]:focus {
    border-color: gray;
    box-shadow: none;
}

.main-div-tab input[type=checkbox]:checked::before {
    content: url(./images/Vector.png);
    margin: 0 !important;
    background-color: #636061;
    /* background-image: url(./images/Vector.png); */
    background-repeat: no-repeat;
    background-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    width: 16px;
    accent-color: var(--krfs-primary-color);
    background-color: var(--krfs-primary-color);
}

.checkbox__container input[type="checkbox"] {
    margin-right: -28px;
    width: 20px;
    height: 20px;
}

.checkbox__container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox__container input:checked ~ .checkmark {
    background-color: var(--krfs-primary-color);
    border: 0;
}

.checkbox__container input:checked ~ .checkmark:after {
    display: block;
}

.checkbox__container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 0.15em 0.15em 0;
    transform: rotate(45deg);
}

.checkbox__container .checkmark {
    position: relative;
    margin-right: 7px;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid gray;
    width: 20px !important;
    height: 20px !important;
}

.tutorial-section {
    gap: .9rem !important;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {


    .price-section-width .price-div,
    .price-year-section-width .price-div {
        margin: 15px 0 !important;
    }

    .price-pln-div {
        margin-top: 15px;
        margin-bottom: 20px;
        padding-bottom: 15px;
    }

    .show__short .sort-width {
        margin-left: 10px;
    }

}

@media (min-width:768px) and (max-width: 1365px) {

    .steps.step1 {
        padding-left: 20px !important;
    }

    .key-ideas-app .steps {
        padding: 0 0 0 45px;
    }

    .show__short .short {
        display: flex;
        align-items: center;
        justify-content: flex-start !important;
        margin-left: -5px;
        width: 100%;
    }

    .Product-tab_main .tab-section {
        display: flex;
        justify-content: flex-start !important;
    }
}


@media (min-width:821px) and (max-width: 1024px) {
    .show__short .short {
        margin-left: 0px !important;
    }
}

@media (min-width:1025px) and (max-width: 1365px) {
    .show__short .short {
        margin-left: 0px !important;
    }

}

@media (max-width: 767px) {

    .step-color-div .color-inner {
        width: 70%;
    }

    .main-heading-btn {
        max-width: 100%;
        min-width: 100%;
    }

    .main-heading-btn {
        margin-bottom: 10px;
    }

    .sticky-outer-section {
        height: 60px;
    }

    .main-div-tab {
        flex-direction: column;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .tab-btn-section {
        width: 100%;
        margin: 0;
    }

    .tab-btn-section.mx-4 {
        margin-right: 0rem !important;
        margin-left: 0rem !important;
    }

    .tab-content-section {
        width: 100%;
    }

    .main-heading-btn h2 {
        font-size: 22px;
    }

    .main-heading-btn .save-btn {
        width: 110px;
    }

    .stap-grid-section .item {
        flex: 0 0 100%;
    }

    .plan-main .inner-div {
        flex-direction: column;
    }

    .single-plan {
        width: 100%;
    }

}

/*
diamond listing page.
*/
.sortby:focus {
    /* border: none;*/
    outline: none;
}

.tab-section .tab-section-btn:focus,
.tab-section .tab-section-btn:hover,
.grid-list-tab .nav-link:focus,
.grid-list-tab .nav-link:hover {
    outline: none;
    border: none !important;
}

select option:checked {
    background: #E6E6E6;
}

@media only screen and (max-width: 600px) {
    select option:checked {
        background: #E6E6E6;
    }
}



.alert-section {
    position: fixed;
    bottom: 10px;
    left: 56%;
    width: 80%;
    height: 40px;
    margin: auto;
    text-align: center;
    transform: translate(-50%);
    z-index: 9999999;
    color: #fff;
    font-size: 14px;
    background-color: var(--krfs-primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.alert-section-none {
    display: none !important;
}

.alert-section .alert {
    width: 100%;
    text-align: center;
    padding: 0 !important;
    margin: 0 !important;
}

.alert-section .close-btn {
    position: absolute;
    right: 10px;
    font-weight: 900;
    cursor: pointer;
}

.tutorial-popup .modal-content {
    width: 70%;
    height: 80vh;
    margin-left: 20%;
    border-radius: 10px !important;
}

.tutorial-popup .modal-content iframe {
    width: 100%;
    height: 100%;
}

.tutorial-popup .modal-header h5 {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
}

.tutorial-popup .modal-header {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: self-start;
    border-bottom: none !important;
}

@media only screen and (max-width: 766px) {
    .grid-view-options {
        display: none !important;
    }

    .list-view-options {
        display: none !important;
    }

  

    #listdesign {
        display: block !important;
    }
}



.modal-dialog {
    max-width: 90%;
}

.modal-dialog-slideout {
    min-height: 100%;
    margin: 0 0 0 auto;
    background: #fff;
}

.modal.fade .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(100%, 0)scale(1);
    transform: translate(100%, 0)scale(1);
}

.modal.fade.show .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    display: flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    height: 100%;
}

.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-dialog-slideout .modal-content {
    border: 0;
}

.modal-dialog-slideout .modal-header,
.modal-dialog-slideout .modal-footer {
    height: 4rem;
    display: block;
}


.contact-form-slider {
    height: 100%;
    width: 0;
    position: fixed;
    top: 0;
    right: 0;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 99;
}

.contact-form-slider.open {
    width: 50%;
}

.contact-form-slider .close-btn {
    position: absolute;
    top: 40px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    text-decoration: none;
    color: gray;
}

.contact-form-slider .form-element {
    margin-bottom: 15px;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* z-index: 1; */
}

.overlay.visible {
    display: block;
}

body.no-scroll {
    overflow: hidden;
}


.add-collection-slider {
    margin-top: 0px;
    padding: 50px !important;
}

.add-collection-slider h2 {
    color: #000000;
    margin-bottom: 30px;
    font-weight: 700;
}

.add-collection-slider label {
    font-size: 18px;
}

.add-collection-slider .save-btn {
    width: 160px;
    height: 38px;
    margin-top: 10px;
    background-color: #4F149A;
    color: #fff;
    border-radius: 6px;
    border: none;
}

.add-collection-slider .save-btn:hover {
    background-color: #ffffff;
    color: var(--krfs-primary-color) !important;
    border: 1px solid var(--krfs-primary-color) !important;
}

.contact-section h2 {
    margin-bottom: 10px !important;
}

.contact-section {
    margin-top: 0px;
    padding: 50px !important;
    width: 100%;
}

.contact-section input {
    font-size: 14px;
    width: 489px !important;
    background-color: transparent;
    border: 1px solid black;
}

.contact-section .pera-head {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    width: max-content;
}

.contact-section .website-label {
    font-weight: 900;
}

.contact-section .inner-form div{
    display: flex;
    flex-direction: column;
}

.slider-dots {
    position: relative;
    width: 100%;
}

.slider-dots .slider-dot {
    width: 3px;
    height: 8px;
    background-color: var(--bs-body-bg);
    z-index: 2;
    position: absolute;
    translate: 0 -4px;
}

.krfs_empty_msg {
    font-size:16px;
    font-weight:600;
    line-height: normal;
    margin-top: 15px;
}

.already-cart {
    color: red;
}


.language-region-div .select-section {
    width: 250px;
    height: 40px;
    padding: 5px 10px;
    border-radius: 8px;
    background-color: transparent;
    border: 1px solid black;
    font-size: 14px;
    color: #000;
}

.language-main-div {
    display: flex;
    margin-top: 20px;
    padding-bottom: 50px;
    gap: 40px;
}

.language-main-div .inner-language {
    width: 100%;
}

.language-main-div .lang-content {
    border-radius: 0 8px 8px 8px;
    border: 1px solid lightgray;
}

.language-main-div .tab-section-lang {
    margin: 0;
    flex-wrap: nowrap;
    padding-right: 15px;
}

.language-main-div .tab-btn-lang {
    display: flex;
    justify-content: space-between;
}

.language-main-div .tab-btn-lang .setting-icon {
    width: 28px;
}

.tab-btn-lang{
    display: flex;
    justify-content: space-between;
}

.language-main-div .tab-section-lang button {
    height: 40px;
    border: 1px solid lightgray;
    border-radius: 0px;
    font-size: 14px;
    margin-bottom: -0.8px;
    display: flex;
    padding: 3px ;
    align-items: center;
    justify-content: center;
    color: #000 !important;
    border-color: lightgray !important;   
}

.language-main-div .tab-section-lang button.active {
    border-bottom: 1px solid white !important;
    background-color: white !important;
}

.language-main-div .tab-section-lang button.default {
    border-radius: 8px 8px 0px 0;
}

.language-main-div .tab-section-lang button:first-child {
    border-radius: 8px 0px 0px 0;
}

.language-main-div .tab-section-lang button.corner:first-child,
.language-main-div .tab-section-lang button.last:first-child {
    border-radius: 8px 8px 0 0;
}

.language-main-div .tab-section-lang button.last {
    border-radius: 0px 8px 0px 0;
}



.language-main-div .lang-content .textarea-div {
    border-bottom: 1px solid lightgray;
    display: flex;
    flex-direction: column;
    align-items: end;
    position: relative;
}

.textarea-count {
    margin-right: 10px;
    margin-bottom: 5px;
    color: #838383;
    display: flex;
    align-items: center;
}

.language-pera-div {
    position: relative;
}

.language-pera-div p {
    display: none;
    background-color: gray;
    color: #fff;
    padding: 2px;
    position: absolute;
    top: 30px;
    left: -50px;
    font-size: 14px;
    width: 110px;
    height: 25px;
    border-radius: 4px;
    margin: 0;
    line-height: normal;
    text-align: center;
}

.language-pera-div:hover p {
    display: initial !important;
}

.textarea-count .lang-img {
    width: 12px;
    height: 12px;
    margin-left: 20px;
}

.language-main-div .lang-content .textarea-div textarea {
    padding: 20px;
    width: 100%;
    height: 100px;
    font-size: 14px;
    background-color: transparent;
    resize: none;
    border: none;
}

.language-main-div .lang-content .textarea-div textarea#story {
    -moz-appearance: none;
    outline: 0px none transparent;
}

.language-main-div .lang-content .textarea-div textarea:focus {
    outline: 0 !important;
    border-color: transparent;
    box-shadow:none;
}

.language-main-div .krfs-language-sprite-img {
    width: 30px;
    margin-left: 2px;
    height: 27px;
    background-image: url(images/language_sprites.webp);
    background-repeat: no-repeat;
    background-size: 150px;
}

@media (max-width: 1020px) {
    .language-main-div{
        flex-direction: column;
    }
    .language-region-div{
        padding: 0 15px;
    }
}


.setting-slider {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  
  
  .setting-slider .closebtn {
    position: absolute;
    top: 50px;
    right: 30px;
    font-size: 30px;
    margin-left: 50px;
    text-decoration: none;
    color: gray !important;
  }
 
  
.slider-language {
    width: 94% !important;
    display: flex;
}

.slider-language .lang-trans {
    width: 40%;
}

.slider-language .ring-size {
    width: 60%;
}

.slider-language h5 {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
}

.slider-language .krfs-lang-btn {
    font-size: 14px;
    width: max-content;
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: start;
    border-radius: 8px;
    margin-bottom: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.slider-language .krfs-lang-btn input {
    margin: 0;
    margin-top:5px;
}

/* .slider-language .krfs-lang-btn.active {
    background-color: var(--krfs-accent-color);
} */

.slider-language .krfs-lang-select-slider {
    border: 1px solid black;
    font-size: 14px;
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin-bottom: 20px;
}

.slider-language-div .krfs-language-sprite-img {
    width: 35px;
    margin-left: 10px;
    margin-right: 6px;
    height: 27px;
    background-image: url(images/language_sprites.webp);
    background-repeat: no-repeat;
    background-size: 150px;
}

.slider-language-div .krfs-language-sprite-img.en_US, .language-main-div .krfs-language-sprite-img.en_US {
    background-position: -109px -46px;
}

.slider-language-div .krfs-language-sprite-img.en_GB, .language-main-div .krfs-language-sprite-img.en_GB {
    background-position: -8px -47px;
}

.slider-language-div .krfs-language-sprite-img.fr_FR, .language-main-div .krfs-language-sprite-img.fr_FR {
    background-position: -58px -47px;
}

.slider-language-div .krfs-language-sprite-img.de_DE, .language-main-div .krfs-language-sprite-img.de_DE {
    background-position: -109px -5.5px;
}

.slider-language-div .krfs-language-sprite-img.it_IT, .language-main-div .krfs-language-sprite-img.it_IT {
    background-position: -8px -7px;
}

.slider-language-div .krfs-language-sprite-img.es_ES, .language-main-div .krfs-language-sprite-img.es_ES {
    background-position: -59px -6.5px;
}
.diamond-mobile-visible-only{
    display: none;
}
@media only screen and (min-width: 767px) and (max-width: 1281px) {
    .slider-language {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .slider-language {
        width: 100% !important;
        flex-direction: row;
    }
    .diamond-mobile-visible-only{
        display: block;
    }
    .mobile-view{
        display: none;
    }
    .slider-language .ring-size,.slider-language .lang-trans {
        width: 100%;
    }

    .language-main-div {
        flex-direction: column;
    }
}

.krfs-grid-internal-iframe {
    border-radius: 2% 2% 3% 3%;
}

.setting-category-section{
    display: flex;
    align-items: center;
}



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

    .product-list-view-shape, .product-list-view-color, .product-list-view-color, .product-list-view-clarity, .product-list-view-cut, .product-list-view-lab, .product-list-view-details {
        display: none;
    }

    .contact-section {
        padding: 20px !important;
    }
    .contact-section input, .input-drop-main {
        width: 100% !important;
    }
    
}

#krfs_product_grid .view-360-div {
    position: relative;
}

.krfs-default-lang-content textarea {
    color: #000 !important;
}


.info-box{
    position: relative;
    cursor: pointer;
}

.info-box img{
    width: 15px;
}

.info-box[data-title]:hover::before {
    width: 277px;
    height: fit-content;
    content: attr(data-title);
    position: absolute;
    top: 0px;
    display: inline-block;
    padding: 7px;
    border-radius: 2px;
    background: #ffffff;
    color: #000000;
    font-size: 12px;
    text-align: left;
    z-index: 999;
    line-height: 15px;
    padding: 7px;
    left: 23px;
    bottom: -39px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}




/* number  */

.contact-section input[type=text]:focus{
    
    box-shadow: none !important;
    outline: 2px solid transparent;
}

.input-drop-main{
    border: 1px solid #000 !important;
    height: 51px;
    color: #000;
    width: 489px;
    margin-top: 5px;
    border-radius: 10px;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    position: relative;
}

.input-drop-main input{
    width: 100% !important;
    height: 100%;
    border: none !important;
    margin-top: 0 !important;
}


.input-drop-main .dropdown-number {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    width: 80px;
    height: 100%;
    padding: 0 6px;
    flex-direction: row !important;
    border-right: 1px solid #000;
    font-size: 18px;
}

.input-drop-main .dropdown-country{
    width: 100% !important;
    height: 100%;
    border-right: none !important;
}

.input-drop-main .dropdown-number img{
    width: 12px !important;
}

.dropdown-number .arrowIcon {
  transition: transform 0.3s ease;
}

.number-dropdown-content {
    display: none !important;
    position: absolute;
    background-color: white;
    font-size: 14px;
    min-width: 100%;
    width: 100%;
    max-height: 170px;
    z-index: 1;
    top: 50px;
    left: 0;
    border-radius: 10px 10px 0 0;
    border: 1px solid black;
    border-bottom: none;
    padding: 5px 5px 0 5px;
}

.number-dropdown-content::-webkit-scrollbar {
    width: 20px; 
    height: 50px;
}

.number-dropdown-content::-webkit-scrollbar-track {
    background: white; 
    border-radius: 10px;
}

.number-dropdown-content::-webkit-scrollbar-thumb {
    background-color: #D9D9D9; 
    border-radius: 10px;
    border: 3px solid #f1f1f1; 
}

.number-dropdown-content .number-item {
  padding: 2px 0px;
  cursor: pointer;
}

.dropdown-number .number-dropdown-content.show {
  display: block !important;
}

.input-drop-main .rotate {
  transform: rotate(180deg);
}

.dropdown-number .number-item:hover {
    background-color: var(--krfs-accent-color);
}

.modal{
    background-color: #00000057;
}

.modal-backdrop{
    display: none;
}

.cut-images-outer{
    padding: 0 10px;
}

@media (min-width: 1400px) {

    .product-list .prod-item .image-div{
        height: 280px !important;
    }

    #krfs_product_grid .view-360-div{
        height: 290px !important;
    }

    #krfs_product_grid .view-360-div iframe{
        width: 100%;
        height: 100% !important;
    }
    
}

/* this is code -- hp*/

.tab-section .tab-section-btn.active {
   background-color: var(--krfs-accent-color);
    border: none !important;
}

.filter-heading-krfs{
    margin: 0;
    margin-bottom: 20px;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    font-family: Assistant, sans-serif !important;
}

.filter-heading-krfs img{
    width: 15px;
    height: 15px;
    object-fit: contain;
}

  .filter_inside_section_krfs {
    /* width: 100%; */
    width: 99.5%;
    flex-wrap: wrap;
    /* margin: auto; */
}
.metal-flex-gap{
    display: flex;
    gap: 9px;
}
.ring-style-box{
    flex: 0 0 30%;
    height: 26px;
}
.more-price{
    display: none;
}
.ring-style-box .ring-style-name{
    border: 1px solid #d3d3d3;
    color: #242833BF !important;
    display: flex;
    align-items: center;
    font-size: 14px;
    justify-content: center;
    cursor: pointer;
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 0;
    font-weight: 400;
}
.metal-box{
    flex: 0 0 30%;
    height: 30px;
}
.metal-box .metal-name{
    border: 1px solid #d3d3d3;
    color: #242833BF !important;
    display: flex;
    align-items: center;
    font-size: 14px;
    justify-content: center;
    cursor: pointer;
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 0;
    font-weight: 400;
}
.shape-value{
    margin-right: 6px;
}
.shape-detail{
    margin-right: 4px;
}

.metal-box[data-val="Yellow Gold 14K"] div:first-child, .metal-box[data-val="Yellow Gold 18K"] div:first-child {
    background-color: var(--krfs-yellowGold);
}

.metal-box[data-val="Rose Gold 14K"] div:first-child, .metal-box[data-val="Rose Gold 18K"] div:first-child {
    background-color: var(--krfs-roseGold);
}

.metal-box[data-val="White Gold 14K"] div:first-child, .metal-box[data-val="White Gold 18K"] div:first-child {
    background-color: var(--krfs-whiteGold);
}

.metal-box[data-val="Platinum"] div:first-child {
    background-color: var(--krfs-platinum);
}



.metal-box{
    flex: 0 0 30%;
    height: 30px;
}

.accent_diamonds {
    display: flex;
    justify-content: space-around;
    background-color: #f6f6f6;
    padding: 10px;
    color: grey;
    height: 44px;
    margin-bottom: 10px;
}

.accent_diamonds>div>input {
    margin-right: 5px;
    width: 18px;
    height: 18px;
    color: #636061;
    /* Optional: Adjust other properties like margin, padding, etc. for positioning */
}
.accent_diamonds>div {
    display: flex;
    font-size: 14px;
    align-items: center;
    font-family: Assistant, sans-serif !important;
}
.thumbnail-image{
    display: flex;
    flex-direction: row-reverse;
}
.image-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 columns */
    grid-gap: 10px; /* Adjust gap between images */
    width: 74%;
  }
  
  .image-grid img {
    width: 100%; /* Make images responsive */
    height: auto; /* Maintain aspect ratio */
  }
  img.image-item {
    border: 1px solid gray;
}
.shape-detail-width{
    width: 50%;
}
.ring-style-box .ring-style-name.active{
    border: 2px solid #000000;
}
.accent_diamonds label{
    display: flex;
    align-items: center;
}
.metal-box .metal-name.active{
    border: 2px solid #000000;
}
@media (max-width:767px) {
    .ring-style-box{
        flex:0 0 46%;
    }
    .byor-content{
        width: 100% !important;
    }
    .metal-box{
        flex:0 0 46%;
    }
    .metal-flex-gap{
       justify-content: space-between;
    }
    .accent_diamonds {
        width: 106%;
        translate: -12px;
        height: 52px;
        margin-bottom: 20px !important;
    }
}
@media (min-width: 768px) and (max-width: 1000px) {
    .accent_diamonds {
        margin-top: 56px !important;
    }
}

/* step - 2 */

.re-import-btn{
    text-decoration: underline;
    cursor: pointer;
}
.underline{
    text-decoration: underline;
    cursor: pointer;
}
.re-import-popup .modal-content{
    width: 280px;
    height: auto;
    border-radius: 10px !important;
}

.re-import-popup .modal-content .btn-close{
    top: 10px;
    right: 10px;
}

.re-import-popup .modal-content h5{
    color: #000;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    margin-top: 20px;
}

.re-import-popup .modal-content div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.re-import-popup .modal-content .re-import-btn{
    margin-top: 20px !important;
    width: 160px;
    height: 40px;
    text-decoration: none;
    border: 1px solid #000;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    margin: auto;
    background-color: transparent;
}

.img-icon.eye {
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
}
.advance-info-text{
    font-size: 14px;
    color: gray;
}
.gap-advance-info {
    gap: 5px;
}

.re-import-popup .modal-content .re-import-btn:hover{
    background-color: var(--krfs-primary-color);
    color: #fff;
}

.setting-section .heading {
    color: #000 !important;
    font-size: 14px;
    font-weight: 700;
    /* margin-bottom: 30px;  */
    margin-top: 10px;
    display: flex;
}

.filter--iteams div div {
    width: 100%;
    height: 31px;
    display: flex;
    align-items: center;
    flex-direction: row !important;
    justify-content: center;
}

.section-iteam .iteams div input[type=checkbox] {
    accent-color: var(--krfs-primary-color);
    margin: 0;
}

.section-iteam .iteams div input[type=checkbox]:checked::before {
    width: 16px;
    height: 16px;
}

.section-iteam .iteams label {
    width: max-content;
    padding: 0 !important;
    color: #4d4d4d;
    font-family: 'Poppins';
    font-size: 12px;
    line-height: normal;
    cursor: pointer;
    min-width: -webkit-fill-available;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.filter--iteams {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    display: grid;
    column-gap: 5px;
    row-gap: 5px;   
    margin-top: 18px;
}

@media (min-width: 1001px) and (max-width: 1300px) {
    .filter--iteams {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1000px) {
    .filter--iteams {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

.add-btn a {
    width: 100%;
    height: 31px;
    display: flex;
    align-items: center;
    border-radius: 2px;
    justify-content: center;
    background-color: transparent;
    color: #000;
    border: 1px solid #000;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    padding: 5px 10px;
}

.filter-engagement.shapes img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.engagement-slider-section .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.421);
    display: none;
    z-index: 9;
}


.engagement-slider-section .engagement-ring-slider {
    position: fixed;
    top: 0;
    right: -55%;
    width: 50%;
    height: 100%;
    background-color: #ffffff;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
    transition: right 0.3s ease;
    z-index: 10;
}

.engagement-slider-section .engagement-ring-slider.active {
    right: 0;
}

.engagement-slider-section .close-btn {
    position: absolute;
    top: 40px;
    right: 15px;
    background-color: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #555;
}


body.no-scroll {
    overflow: hidden;
}

.add-collection-slider {
    padding: 50px !important;
    color: #000;
}

.add-collection-slider h2 {
    width: max-content;
    margin-bottom: 30px;
}

.add-collection-slider label {
    font-size: 18px;
    width: max-content;
}

.add-collection-slider input {
    border: 1px solid #000;
    height: 47px;
    color: #000;
    width: 100%;
    padding: 9px;
    margin-top: 5px !important;
    border-radius: 10px;
    margin: 0;
    font-size: 14px;
}

.add-collection-slider .save-btn {
    width: 175px;
    height: 45px;
    margin-top: 10px;
    background-color: var(--krfs-primary-color);
    color: #fff;
    border-radius: 10px;
    border: none;
    margin-right: 10px;
    margin-bottom: 80px;
    font-size: 18px;
}

.diamond-shape-sprite-img{
    width: 35px;
    height: 35px;
    background-image: url(./images/diamond-shape-sprite-img.png);
    background-repeat: no-repeat;
	background-size: 160px auto;
    margin-right: 10px;
}

.diamond-shape-sprite-img.round-shape {background-position: -39px -10px;}
.diamond-shape-sprite-img.princess-shape {background-position:  -40px -50px}
.diamond-shape-sprite-img.cushion-shape {background-position:  -77px -10px;}
.diamond-shape-sprite-img.emerald-shape {background-position:  -5px -50px;}
.diamond-shape-sprite-img.marquise-shape {background-position: -5px -10px;}
.diamond-shape-sprite-img.oval-shape { background-position:  -114px -10px;}
.diamond-shape-sprite-img.radiant-shape {background-position: -77px -50px}
.diamond-shape-sprite-img.pear-shape {background-position:  -3px -89px}
.diamond-shape-sprite-img.asscher-shape {background-position:  -115px -50px}
.diamond-shape-sprite-img.heart-shape {background-position:  -39px -89px}


@media (max-width: 767px) {
    .add-collection-slider {
        padding: 10px !important;
    }
    #krfs_product_grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Adjust width as needed */
        gap: 20px; /* Adjust the gap between items */
    }

    /* Two-column layout for mobile view (max-width 767px) */
    #krfs_product_grid {
        grid-template-columns: repeat(2, 1fr); /* 2 columns on mobile */
    }
}

.page-numbers{
    padding: 8px;
    padding-left: 16px;
    padding-right: 16px;
    border: 1px solid black;
    border-radius: 68px;
}
.krfs-pagination .current{
    border:2px solid var(--krfs-primary-color);
}

.krfs-pagination{
    display: flex;
    justify-content: center;
    align-items: center;
    gap:8px;
}
.men-button button{
    padding: 10px;
    width: 140px;
    height: 40px;
    display: flex;
    font-size: 16px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--krfs-primary-color);
    background-color: #fff;
}
.men-button-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
}
.men-button-inner button.active:hover {
    background-color: var(--krfs-primary-color);
}
.men-button button.active {
    background-color: var(--krfs-primary-color);
    color: #fff !important;
}
.error-size{
    font-size: 14px;
}
.error-gap{
    gap: 5px;
    margin-top: 8px;
}
.price-img{
    width: 100%;
}
.krfs-addon-toggle-switch {
    position: relative;
    display: inline-flex; 
    width: 45px; 
    height: 22px; 
    background-color:var(--krfs-primary-color); 
    border-radius: 50px;
    border: 2px solid transparent; 
    cursor: pointer; 
    transition: background-color .3s ease;
    outline: 0;
}
.krfs-addon-toggle-switch[data-state=unchecked] .toggle-slider {
    transform: translate(0, -50%);
}
.toggle-slider {
    position: absolute;
    top: 50%;
    left: 2px;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: transform .3s ease;
}
.input.choose-add-btn-div {
    display: flex;
}
.krfs-addon-toggle-switch[data-state=unchecked] {
    background-color: #bcbcbc;
}
.krfs-addon-toggle-switch[data-state=checked] .toggle-slider {
    transform: translate(22px, -50%);
}
.switch-container .status-label.active {
    background-color: var(--krfs-accent-color);
}
.switch-container .status-label {
    font-size: 14px;
    border: 1px solid gray;
    border-radius: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    width: 70px;
}
.switch-container {
    display: flex;
    align-items: center;
    gap: 8px;
}
.advance-img-margin{
    margin-right:8px;
}
.subheading-advance-filter, .krfs-advance-filter-para{
    font-size: 14px;
    font-weight: 400;
}
[data-title] {
    position: relative;
    cursor: pointer;
}

#info-box-eng img{
    width: 15px;
    height: 15px;
}

#info-box-eng[data-title]:hover::before {
    z-index: 999;
    text-align: left;
    width: 277px;
    line-height: 15px;
    padding: 7px;
    left: 18px;
    bottom: -39px;
    content: attr(data-title);
    position: absolute;
    display: inline-block;
    border-radius: 2px;
    background: #fff;
    color: #000;
    font-size: 12px;
    box-shadow: #11111a1a 0 4px 16px, #11111a1a 0 8px 24px, #11111a1a 0 16px 56px;
    font-weight: 400 !important;
}
.accent_diamonds-margin{
    margin-top: 12px !important;
}
.shape-padding{
    margin-top: 12px !important;
}
.padding-zero{
    padding: 0!important;
}
@media (max-width:767px) {
.krfs-byor-strip-container{
    padding-left: 12px !important;
}
.filter-heading-krfs{
    font-weight: 700;
}
.accent_diamonds{
    margin-top: 0 !important;
}
.shape-padding{
    font-weight: 700 !important;
}
.filter--section-krfs .filter-headind{
    margin-top: 0 !important;
    font-weight: 700 !important;
}
.tab-section .tab-section-btn
{
    justify-content: start !important;
}
.accent_diamonds-margin{
    margin-bottom: 14px !important;
}
}

.krfs-basic-wrapper {
    padding-right: 50px;
    width: 110%;
}

.image-slider-wrapper{
    width: 100%;
}

.image-slider-header{
    display: flex;
    justify-content: space-between;
    margin-bottom: 13px;
}

.krfs-arrow-container{
    display: flex; 
    gap: 15px;
    justify-content:center;
    align-items:center;
}

.krfs-nav-arrow{
    width: 8px;
    cursor: pointer;
}

.krfs_img_slides img {
    width:100%; 
    height:100%;
    object-fit: fill;
    cursor: pointer;
    display: none;
}

.krfs_img_slides img:first-child {
    display: block;
}

.preview-more-info[data-title]:hover::before {
    width: fit-content;
    height: fit-content;
    content: attr(data-title);
    position: absolute;
    top: 30%;
    display: inline-block;
    padding: 7px;
    border-radius: 2px;
    background: #ffffff;
    color: #000000;
    font-size: 12px;
    text-align: left;
    z-index: 999;
    line-height: 15px;
    padding: 7px;
    left: 100px;
    bottom: -39px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

.krfs-btn-section h5{
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border: none !important;
}

.left-tab-heading {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
}

.left-tab-heading .tab-image {
    display: flex;
    align-items: center;
    gap: 5px;
}

.left-tab-heading .tab-heading {
    margin-left: 10px;
}

.version-p {
    font-size: 14px;
    font-weight: 500;
    color: var(--krfs-primary-color);
}

.version-p p {                    
    margin: 0;
}

.update-section-container {
    display: flex;
    margin-bottom: 5px;
    cursor: pointer;
    gap: 5px;
}

.update-section {
    color: var(--krfs-primary-color);
}

.update-section p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-decoration: underline;
}

.update-side-img,
.update-section {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
}

.update-side-img img {
    margin-left: 8px;
}

.slider-para p{
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    margin: 0;
}

.krfs-btn-img{
    width: 20px;
}

.krfs-collection-container{
    width:112%;
    padding-right: 20px;
}

.krfs-dropdown-filter{
    display: flex; 
    justify-content:space-between;
    margin-top:25px;
}

.krfs-dropdown-filter p{
    text-transform: capitalize;
}

.krfs-filter-para p{
    margin: 0 auto;
}

.krfs-section-item {
    padding-bottom: 10px;
    border-bottom: 1px solid #b3b3b3;
    margin-bottom: 10px;
}

.krfs-section-item p{
    margin-bottom: 0;
}

.krfs-more-option-left-section{
    width:110%; 
    padding-right: 20px;
}

.more-option-btn-txt{
    width: 90%;
}

.krfs-more-option-right-section{
    width: 100%;
}

.krfs-checkbox-active{
    background-color: var(--krfs-accent-color);
}

.krfs-checkbox-container{
    border: 1px solid #ebe2fb;
    border-radius: 2px;
}

.krfs-checkbox{
    visibility: hidden;
    display: none !important;
}

.krfs-contact-support-para{
    font-size: 14px;
    font-weight: 400;
    color: #00000080;
}

.krfs-contact-support-span{
    color: #000;
}

.krfs-edit-profile-para{
    color: #000;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    border-bottom: 1px solid black;
}

.krfs-contact-support-header{
    display:flex; 
    justify-content:space-between;
}

.form-element input::placeholder{
    color: #00000040;
    font-size: 18px;
    font-weight: 400;
}

.krfs-registration-form-para{
    color: #000;
    font-size: 16px;
    font-weight:400;
    margin-bottom: 0;
    width: max-content;
}

.link-section p {
    background-color: var(--krfs-accent-color);
    width: max-content;
    padding: 4px 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    display: inline-block;
    border-radius: 6px;
}

.link-section span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    border-bottom: 1px solid black;
    cursor: pointer;
}

.link-section img {
    height: 15px;
    width: 15px;
}

.link-section a,
a:hover,
a:visited {
    color: black;
    text-decoration: none;
}

.subheading-advance-filter img{
    cursor: pointer;
}

.subheading-advance-filter svg{
    cursor: pointer;
}

.krfs-sidetab-heading{
    display: flex;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    gap: 10px;
}

.krfs-sidetab-heading h5{
    font-size: 14px;
    font-weight: 700;
    color: var(--krfs-primary-color) !important;
    cursor: pointer;
}

.krfs-sidetab-heading .help-support{
    cursor: initial;
}

.krfs-phone-dropdown-border{
    overflow-y: scroll !important;
    min-width: 100%;
    max-height: 215px;
    font-size: 14px;
    border-radius: 10px;
    top: 50px;
    left: 0;
    z-index: 1;
    border: 1px solid black;
    padding-left: 10px;
    position: absolute;
    background-color: white;
}

.number-dropdown-content .number-item {
    font-size: 14px;
    padding: 5px 0px;
    cursor: pointer;
}

.dropdown-number .number-item:hover {
    background-color: var(--krfs-accent-color);
}

.number-dropdown-content::-webkit-scrollbar {
    width: 20px;
    height: 50px;
}

.number-dropdown-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.number-dropdown-content::-webkit-scrollbar-thumb {
    background-color: #D9D9D9;
    border-radius: 100px;
    border: 3px solid #f1f1f1;
    min-height: 25px;
}

.krfs_country_dropdown .dropdown-country .dropdown-selected {
    font-size: 14px;
}

.krfs-country-scroll {
    overflow-y: scroll !important;
    min-width: 100%;
    width: 100%;
    max-height: 212px;
    font-size: 14px;
    border-radius: 0 0 10px 10px;
    top: 70px;
    left: 0;
    z-index: 1;
    border: 1px solid black;
    padding-left: 10px;
    position: absolute;
    background-color: white;
    border-top: none;
}
.krfs-country-scroll::-webkit-scrollbar {
    width: 20px;
    height: 50px;
}

.krfs-country-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.krfs-country-scroll::-webkit-scrollbar-thumb {
    background-color: #D9D9D9;
    border-radius: 100px;
    border: 3px solid #f1f1f1;
    min-height: 25px;
}

.krfs_phone_number_dropdown .dropdown-number .dropdown-selected {
    font-size: 14px;
}

.input-group .border-size {
    border: 1px solid black !important;
    background-color: transparent;
}

#krfs-no-results {
    display: none;
    padding: 5px;
}

.krfs_phone_number_dropdown .krfs-input-number {
    margin-top: 0 !important;
    border-radius: 0 10px 10px 0 !important;
}

.krfs-tabs-header h2 {
    margin-bottom: 0 !important;
    padding: 3px 0;
}

.krfs-section-style {
    width: 100%;
}

.plan-section .pera-text {
    font-size: 12px;
    font-weight: 400;
    color: #000
}

.plan-section .pera-text a {
    margin-left: 4px;
    margin-right: 4px;
    color: #000 !important;
    cursor: pointer
}

.myplan-price-main {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 45px;
}

.myplan-price-main .simple-plan-section {
    width: 35%;
    height: -moz-fit-content;
    height: fit-content;
    border: 1px solid #000;
    background-color: var(--krfs-accent-color);
    padding: 20px;
    border-radius: 10px
}

.myplan-price-main .main-youget-section {
    width: 62%;
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 45px;
    border-bottom: 1px solid #d3d3d3;
}

.myplan-price-main .simple-plan-section h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--krfs-primary-color) !important;
    margin-bottom: 20px
}

.myplan-price-main .simple-plan-section .pera-head {
    font-size: 14px;
    margin-bottom: 12px;
    font-weight: 600
}

.myplan-price-main .krfs-myplan-price-div {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 25px
}

.myplan-price-main .inner-price-section {
    width: auto;
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: flex-start;
    padding: 8px 10px;
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
    line-height: normal;
    font-weight: 600
}

.myplan-price-main .simple-plan-section .inner-price-section span {
    font-size: 12px !important;
    font-weight: 400
}

.myplan-price-main .tryforfree-btn {
    width: 70%;
    height: 40px;
    background-color: var(--krfs-primary-color);
    color: #fff;
    border: 1px solid #000;
    font-size: 14px;
    border-radius: 8px;
    margin-top: 15px;
    margin-bottom: 15px
}

.active-simple-plan-section .active-btn {
    width: 90px;
    height: 25px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #7ce286;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    border-radius: 10px;
    border: 1px solid #000
}

.active-simple-plan-section h2 {
    margin-top: 20px;
    margin-bottom: 30px
}

.active-simple-plan-section .pera-head {
    margin-bottom: 30px !important
}

.active-simple-plan-section h2 span {
    font-size: 14px;
    font-weight: 500;
    color: #000 !important
}

.active-simple-plan-section .active-btn {
    width: 90px;
    height: 25px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #7ce286;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    border-radius: 10px;
    border: 1px solid #000
}

.active-simple-plan-section h2 {
    margin-top: 20px;
    margin-bottom: 30px
}

.active-simple-plan-section .pera-head {
    margin-bottom: 30px !important
}

.active-simple-plan-section h2 span {
    font-size: 14px;
    font-weight: 500;
    color: #000 !important
}

.year-month-switch-section {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px
}

.year-month-switch-section .yearly-btn {
    width: 180px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--krfs-primary-color);
    color: #fff !important;
    border: 1px solid #000;
    font-size: 14px;
    border-radius: 8px;
    margin-top: 10px;
    margin-bottom: 15px;
    cursor: pointer;
}

.year-month-switch-section .cancel-plan-btn,
.year-month-switch-section .cancel-plan-btn {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-decoration: underline;
    cursor: pointer
}

.main-youget-section h3 {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    line-height: normal
}

.main-youget-section .inner-youget-section {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px
}

.main-youget-section .plan-dropdown-heading .arrow-icon {
    transform: rotate(90deg);
    width: 18px;
    transition: transform .3s ease;
}

.main-youget-section .plan-dropdown-heading h4 {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: normal;
    margin: 0;
}

.main-youget-section .inner-youget-section .plan-dropdown-content {
    display: none;
    transition: transform .5s ease-in-out;
    margin-top: 10px
}

.main-youget-section .inner-youget-section .plan-dropdown-content.active {
    display: flex !important
}

.main-youget-section .inner-youget-section ul {
    padding-left: 15px
}

.main-youget-section .inner-youget-section ul li {
    font-size: 12px;
    color: #000;
    list-style: disc;
    padding: 4px 0;
    font-weight: 400;
    margin: 0;
}

.main-youget-section .inner-youget-section .plan-dropdown-section {
    width: 48%;
    height: -moz-fit-content;
    height: fit-content;
    border: 1px solid #000;
    background-color: var(--krfs-accent-color);
    padding: 10px;
    border-radius: 6px
}

.plan-dropdown-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
}

.plan-dropdown-heading .arrow-icon.rotate {
    transform: rotate(-90deg)
}

.pera-country-name {
    display: ruby
}

.pera-country-name div {
    display: flex;
    align-items: center;
    margin-right: 5px
}

.pera-country-name li::marker {
    font-size: 10px;
}

.pera-country-name span {
    font-size: 12px;
    color: #000;
    line-height: normal;
}

.country-sprite-icon {
    display: flex;
    width: 18px;
    height: 12px;
    background-image: url(../assets/images/language_sprites.webp);
    background-repeat: no-repeat;
    background-size: 75px
}

.country-sprite-icon.us {
    background-position: -53px -24px
}

.country-sprite-icon.uk {
    background-position: -3px -24px
}

.country-sprite-icon.french {
    background-position: -27px -24px
}

.country-sprite-icon.german {
    background-position: -53px -4px
}

.country-sprite-icon.italian {
    background-position: -3px -3px
}

.country-sprite-icon.spanish {
    background-position: -29px -4px
}

.trial-period-heading {
    width: 100% !important;
    margin-top: 15px
}

.trial-period-heading p {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin: 0;
}

.main-chargeable-section {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    gap: 30px
}

.chargeable-services-section {
    width: 35%;
    min-width: 35%;
    display: flex;
    flex-direction: column;
    border: 1px solid #000;
    padding: 20px;
    border-radius: 8px
}

.chargeable-services-section h3 {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px
}

.chargeable-services-section ul {
    padding-left: 15px
}

.chargeable-services-section ul li {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    list-style: disc
}

.chargeable-services-section .inner-chargeable-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    width: 100%
}

.chargeable-services-section .inner-chargeable-div:first-child {
    border-bottom: 1px solid #d3d3d3
}

.chargeable-services-section .inner-chargeable-div .check-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-color: var(--krfs-primary-color);
    border-radius: 50vh;
    fill: #fff;
    padding: 2px;
}

.recommened-section {
    width: 62%;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0 15px;
    margin-top: -65px;
}

.recommened-section .keyideas-ring-div {
    display: flex;
    margin-top: 10px;
    gap: 15px;
    border-bottom: 1px solid #d3d3d3;
    padding-top: 20px;
    padding-bottom: 40px
}

.recommened-section h3 {
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    color: #000
}

.recommened-section .keyideas-ring-div h4 {
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
    color: #000
}

.recommened-section .keyideas-ring-div .inner-section {
    display: flex;
    align-items: center;
    width: 50%
}

.recommened-section .keyideas-ring-div .inner-section img {
    margin-right: 10px;
    border-radius: 6px;
}

.recommened-section .keyideas-ring-div .inner-section a,
.recommened-section .keyideas-ring-div .inner-section p {
    display: flex;
    align-items: center;
    font-size: 12px;
    gap: 10px;
    color: #000;
    text-decoration: underline !important
}

.trusted-jewelers-section {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 40px
}

.trusted-jewelers-section .inner-slider-section div {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eaeaea99;
    border-radius: 8px;
    padding: 5px 20px;
    height: 65px;
}

.trusted-jewelers-section img {
    width: 95%;
    object-fit: contain;
    height: inherit !important;
}

.inner-slider-section {
    display: flex;
    gap: 20px;
    width: calc(550%);
    animation: slide-left 30s linear infinite;
    margin-top: 25px;
}

.inner-slider-section:hover {
    animation-play-state: paused
}

@keyframes slide-left {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-70%)
    }
}

@media (min-width: 768px) and (max-width:1023px) {

    .myplan-price-main .main-youget-section,
    .myplan-price-main .simple-plan-section {
        width: 50%
    }

    .myplan-price-main {
        gap: 15px;
        flex-direction: column
    }

    .myplan-price-main .main-youget-section,
    .myplan-price-main .simple-plan-section {
        width: 100%
    }

    .main-chargeable-section {
        flex-direction: column
    }

    .chargeable-services-section,
    .recommened-section {
        width: 100%
    }

    .main-div-tab .tab-btn-section {
        width: 30%;
    }

    .tab-content-section {
        width: 68%;
    }

    .myplan-price-main .tryforfree-btn {
        width: 90%;
    }

    .myplan-price-main .main-youget-section {
        padding: 0 !important;
    }
}

@media (max-width: 767px) {

    .add-collection-slider label{
        width: max-content;
    }

    .krfs-registration-form-para{
        width: max-content;
    }

    .add-collection-slider input{
        width: 350px !important;
    }

    .input-drop-main{
        width: 350px !important;
    }

    .manage-popup-main {
        position: absolute;
        left: 20px !important;
    }

    .myplan-price-main {
        flex-direction: column
    }

    .main-youget-section .inner-youget-section .plan-dropdown-section,
    .myplan-price-main .main-youget-section,
    .myplan-price-main .simple-plan-section {
        width: 100%
    }

    .myplan-price-main .main-youget-section {
        padding: 0
    }

    .main-chargeable-section {
        flex-direction: column
    }

    .chargeable-services-section,
    .recommened-section {
        width: 100%
    }

    .recommened-section .keyideas-ring-div {
        display: flex;
        flex-direction: column;
        padding-top: 0
    }

    .recommened-section .keyideas-ring-div .inner-section {
        width: 100%
    }

    .krfs-collection-container{
        width: 100%;
        padding-right: 0px;
    }
}

.help-form-msg {
    color: black;
    font-size: 14px;
    font-weight: 400;
}

.krfs-help-support-tab button {
    opacity: 100% !important;
}

.manage-popup-main {
    position: absolute;
    left: 135px;
    top: 10px;
    border: 2px solid #000;
    background-color: #fff;
    border-radius: 0 8px 8px 8px;
    width: 320px;
    padding: 20px;
    z-index: 9;
    display: none;
}

.manage-popup-main .manage-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 15px
}

.manage-popup-main .manage-heading img {
    width: 18px
}

.manage-popup-main .manage-heading div {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    line-height: normal
}

.manage-popup-main .manage-step-div {
    display: flex;
    align-items: center;
    padding: 15px 0
}

.manage-popup-main .manage-step-div .number-icon {
    width: 35px;
    min-width: 35px;
    height: 35px;
    background-color: var(--krfs-primary-color);
    border-radius: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    margin-right: 15px;
}

.manage-popup-main .manage-step-div div span:first-child {
    color: var(--krfs-primary-color);
}

.manage-popup-main .manage-step-div div span:last-child {
    color: #000;
}

.manage-popup-main p {
    font-size: 12px;
    font-weight: 400;
    color: gray;
}

.manage-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 700;
    color: var(--krfs-primary-color);
    position: relative;
    cursor: pointer;
}

.body-overlay-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #000;
    opacity: 30%;
}

.krfs-translation-para{
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
}

.language-basic-section {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #b3b3b3;
    margin-bottom:25px;
    width: 100%;
}

.lang-basic-slider {
    width: 48%;
}

.lang-basic-slider .section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.lang-basic-slider .section-header p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
}

.lang-basic-slider .section-header .arrow-btn {
    display: flex;
    gap: 10px;
}

.lang-basic-slider .section-header .arrow-btn div {
    display: flex;
    cursor: pointer;
}

.lang-basic-slider .section-header .arrow-btn div img {
    width: 8px;
}

.krfs_img_slides img {
    height: 100%;
    width: 100%;
    object-fit: fill;
    cursor: pointer;
    display: none;
}

.krfs_img_slides img:first-child {
    display: block;
}

.krfs-close-slider{
    display: flex;
    justify-content: end;
}

.cross-container img {
    width: 20px;
    cursor: pointer;
}

.cross-container {
    margin-right: 5%
}

.krfs-preview-image,.krfs-language-preview-image{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.krfs-language-preview-image.visible{
    display: block;
}

.krfs-preview-image.visible {
    display: block;
}

.krfs-image-preview{
    width:730px; 
    padding-left:30px;
    margin-top: 5px;
    margin-bottom: 20px;
}
.krfs-country-lang-container{
    height: 40px;
    display: flex; 
    align-items: center;
    margin-bottom: 11px;
}

.krfs-country-lang-container .krfs-lang-btn{
    margin-bottom: 0 !important;
}

.krfs-country-lang-container .krfs-lang-btn input{
    margin-top: 0 !important;
}


.plus-icon {
    padding-top: 11px;
    padding-left: 9px;
    width: 24px;
    cursor: pointer;
}

.krfs-create-sidebar{
    margin-top: 5px;
    cursor: pointer;
}

.krfs-help-support-header{
    padding: 5px;
}

.krfs-line{
    width: 100%;
    margin: 10px 0px;
    border-top: 1px solid #d3d3d3;
}

@media (max-width: 782px){
    .lang-basic-slider{
        width: 100%;
    }

    .language-basic-section{
        display: block;
    }

    .recommened-section{
        margin-top: 0;
    }

    .contact-form-slider.open{
        width: 100% !important;
    }
}

.krfs-popup{
    font-weight: 400 !important;
    color: black;
    font-size: 14px;
}

.krfs-setup-popup{
    display: flex; 
    align-items: center; 
    position: relative; 
    padding-bottom: 35px;
}

.krfs-setup-number{
    height: 40px; 
    width: 40px; 
    background-color: var(--krfs-primary-color);; 
    border-radius: 50%; 
    color: white; 
    display: flex; 
    justify-content: center;
    align-items: center; 
    font-weight: bold; 
    margin-right: 20px; 
    z-index: 1;
}

.krfs-popup-text{
    position: relative; 
    z-index: 1;
}

.krfs-popup-head{
    font-weight: bold; 
    color: var(--krfs-primary-color);
    font-size: 14px;
}

.krfs-popup-line{
    position: absolute; 
    left: 20px; 
    top: 40px; 
    height: calc(100% - 0px); 
    width: 1px; 
    background-color: var(--krfs-primary-color);; 
    z-index: 0;
}

.krfs-video-tutorial {
    background-color: #E8DDF7;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.krfs-video-tutorial .krfs-tutorial-btn {
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent
}

.krfs-tutorial-btn img {
    padding: 15px;
}

.krfs-sidestone{
    column-gap: 19px !important;
    width: 100% !important;
}

.krfs-sidestone-container{
    display:flex;
    background-color:#f6f6f6;
}

.krfs-sidestone-slider{
    display:flex;
    justify-content:center;
    align-items:center;
}

.krfs-sidestone-container .krfs-next-btn{
    margin-right: 20px;
}

.krfs-sidestone-container .krfs-back-btn{
    margin-left:20px;
}

.krfs-sidestone-slider img{
    width:9px;
    height:15px;
    cursor:pointer;
}

.krfs-stones-list{
    width: 100%;
}

.krfs-span{
    border-bottom:1px solid black;
    cursor: pointer;
}

.krfs-para{
    margin-bottom:0;
}

.krfs-lang-btn-grp{
    display: flex;
    flex-direction: column;
    column-gap: 20px;
}

.krfs-moreOption-tab{
    display: flex;
    column-gap: 10px;
}
.inner_filter--section{
    position: relative;
}
.shape-filter-mobile{
    width: 100%;
    margin-top: 40px;
}

.krfs-stone-section{
    margin-top: -65px;
}

@media (max-width:990px) {
    .krfs-stone-section{
        margin-top: 0px !important;
    }
}

.krfs-home-review-section{
    font-size:14px;
    display:flex;
    justify-content:center; 
    align-items:center;
    margin-right:10px;
}

.krfs-home-review-section p{
    font-size:14px;
    margin:0 auto
}

.krfs-listing-tab{
    margin-top: 10px;
}

.stone_item{
    justify-content: unset !important;
}

.manage-popup-triangle-container{
    position: absolute; 
    top: -1.7px; 
    left: -40px; 
    border-left: 40px solid transparent; 
    border-top: 40px solid black;
}

.manage-popup-triangle{
    position: absolute; 
    top: 0px; 
    left: -36px; 
    border-left: 40px solid transparent; 
    border-top: 40.5px solid white;
}

.body-no-scroll {
    overflow: hidden;
    height: 100%;
}

.shape-filter-mobile-hidden{
    position: unset;
}

.entry-header{
    height: auto !important;
}

.entry-header .entry-title{
    margin-bottom: 5px !important;
}

.diamond-list-padding .pera-content{
    margin-bottom: 20px;
    width: 100%;
}

.select-page-button {
    font-size: 14px;
    line-height: 2;
    color: #2c3338;
    border-color: #8c8f94;
    box-shadow: none;
    border-radius: 8px;
    padding: 0 8px 0 8px;
    min-height: 40px;
    width: 220px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: Assistant,sans-serif
}

.select-page-button img {
    transform: rotate(90deg);
    transition: transform .3s ease
}

.select-page-button.rotate img {
    transform: rotate(270deg)
}

.krfs-select-page-dropdown {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    cursor: pointer
}

.krfs-select-page-dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 220px;
    max-height: 180px;
    overflow-y: scroll;
    border: 1px solid #000;
    border-top: none!important;
    padding: 10px;
    margin-top: -7px;
    border-radius: 0 0 8px 9px;
    margin-bottom: 30px;
    scrollbar-width: thin;
    font-family: Assistant,sans-serif;
    font-size: 14px;
    z-index: 9;
}

.krfs-select-page-dropdown-content div {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
    line-height: normal;
    font-size: 14px
}

.krfs-select-page-dropdown-content input {
    width: 16px;
    height: 16px;
    margin-top: 0;
}

.krfs-select-page-dropdown-content label {
    display: block;
    padding: 5px
}


.more-setting-input-section {
    margin-top: 20px;
    font-family: Assistant,sans-serif
}

.more-setting-input-section span {
    font-size: 14px
}

.more-setting-input-section .inner-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    margin-bottom: 10px
}

.more-setting-input-section label {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center
}

.more-setting-input-section label .view-preview-btn {
    text-decoration: underline;
    cursor: pointer
}

.more-setting-input-section input {
    width: 90%;
    border: 1px solid #000;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 10px;
    font-size: 14px
}

.info-box {
    position: relative;
    cursor: pointer;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
}

.engraving-info .info-box-listing[data-title]:hover::before {
    top: -30px !important;
    left: 15px !important;
    transform: translate(-50%, -50%);
    width: 225px;
    height: fit-content;
    content: attr(data-title);
    position: absolute;
    display: inline-block;
    padding: 7px;
    border-radius: 2px;
    background: #fff;
    color: #8b8b8b;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    z-index: 999;
    line-height: normal;
    padding: 7px;
    bottom: -39px;
    border: 1px solid #a2a2a2;
}

.review-ring-border-line{
    margin-bottom: 30px;
    border-bottom: 1px solid #b3b3b3;
    border-top: 1px solid #b3b3b3;
    padding-bottom: 30px;
    padding-top: 10px;
}

.krfs-contact-btn button {
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid #000;
    padding: 5px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    width: 160px;
    height: 40px;
}

.slider-language .krfs-lang-select-slider {
    border: 1px solid #000;
    font-size: 14px;
    width: 100%;
    height: 40px;
    min-height: 40px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin-bottom: 11px;
}

/* new */


.krfs-new-filter-section{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
  }
  
  .krfs-new-filter-section .heading-fiter{
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: #000;
    margin-bottom: 30px;
  }
  
  .krfs-new-filter-section .heading-fiter.aval-home{
    justify-content: space-between;
    margin-bottom: 0 !important;
  }
  
  .krfs-new-filter-section .krfs-inner-ring-filter{
    flex: 0 0 calc(64% - 20px);
    display: flex;
    flex-direction: column;
  }
  
  .krfs-new-filter-section .krfs-ring-section{
    display: flex;
      flex-wrap: wrap;
      padding-left: 0px;
      margin: 0px;
      gap: 10px;
      width: 100%;
  }
  
  .krfs-new-filter-section .krfs-filter-show-section{
    display: none !important;
    margin-top: 0px !important;
    max-height: 0;
    overflow: hidden;
  }
  
  .krfs-new-filter-section .krfs-filter-show-section.show{
    display: flex !important;
    max-height: max-content;
    overflow: initial;
  }
  
  .krfs-new-filter-section .krfs-ring-section .krfs-ring-item{
    display: flex; 
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex: 0 0 calc(14.4% - 10px);
    height: max-content;
  }
  
  .krfs-new-filter-section .krfs-ring-section .krfs-ring-item span{
    color: #242833BF;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
  }
  
  .krfs-new-filter-section .krfs-ring-section .krfs-ring-item .krfs-ring-item-img {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    border-radius: 50vh;
    justify-content: center;
    border: 1px solid #D3D3D3;
    overflow: hidden;
  }
  
  .krfs-new-filter-section .krfs-ring-item .krfs-ring-item-img img {
    width: 100%;
    height: 100%;object-fit: contain;
  }
  
  
  .krfs-new-filter-section .krfs-ring-section .krfs-ring-item .krfs-ring-item-img.active {
    border: 1px solid var(--krfs-primary-color);
  }
  
  .krfs-new-filter-section .krfs-inner-metal-filter{
    flex: 0 0 calc(33.33% - 20px);
    display: flex;
    flex-direction: column;
  }
  
  .krfs-new-filter-section .krfs-metal-section{
      display: flex;
      justify-content: space-between;
      padding-left: 0px;
      margin: 0px;
      gap: 10px;
      width: 100%;
  }
  
  .krfs-new-filter-section .krfs-metal-section .krfs-metal-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }
  
  .krfs-new-filter-section .krfs-metal-section .krfs-metal-item span{
    color: #242833BF;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
  }

  .krfs-new-filter-section .krfs-ring-section .krfs-ring-item span.active,
  .krfs-new-filter-section .krfs-metal-section .krfs-metal-item span.active{
    color: var(--krfs-primary-color);
  }
  
  .krfs-new-filter-section .krfs-metal-section .krfs-metal-item .krfs-metal-item-img {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    border-radius: 50vh;
    justify-content: center;
    border: 1px solid transparent;
    overflow: hidden;
  }
  
  .krfs-new-filter-section .krfs-metal-item .krfs-metal-item-img.white-gold {
    background: linear-gradient(223.35deg, #D1D1D1 3.06%, #F7F7F7 47.15%, #D1D1D1 90.37%);
  }
  
  .krfs-new-filter-section .krfs-metal-item .krfs-metal-item-img.yellow-gold {
    background: linear-gradient(223.35deg, #EDD38C 3.06%, #FFF8E6 47.15%, #EDD38C 90.37%);
  }
  
  .krfs-new-filter-section .krfs-metal-item .krfs-metal-item-img.rose-gold {
    background: linear-gradient(223.35deg, #F4B998 3.06%, #FFF7F0 47.15%, #F2AD86 90.37%);
  }
  
  .krfs-new-filter-section .krfs-metal-item .krfs-metal-item-img.platinum {
    background: linear-gradient(223.35deg, #D1D1D1 3.06%, #F7F7F7 47.15%, #D1D1D1 90.37%);
  }
  
  
  .krfs-new-filter-section .krfs-metal-item .krfs-metal-item-img img {
    width: 100%;
    height: 100%;object-fit: contain;
  }
  
  
  .krfs-new-filter-section .krfs-metal-section .krfs-metal-item .krfs-metal-item-img.active {
    border: 1px solid var(--krfs-primary-color);
  }
  
  .open-filter-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 45px;
    background-color: var(--krfs-primary-color);
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    font-size: 16px;
    line-height: normal;
    cursor: pointer;
    margin-bottom: 15px;
    border: none;
    gap: 5px;
    font-weight: 400;
    border-radius: 0;
  }
   
  .open-filter-btn span{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    color: var(--krfs-primary-color);
    display: inline-block;
    text-align: center;
    margin-left: 10px;
  }
  
  .krfs-new-filter-section-mobile .krfs-new-filter-section{
    width: 100%;
    max-width: 370px;
    height: 100%;
    background-color: #fff;
    transition: left 0.3s ease;
    padding: 15px;
    margin: 0;
    padding-top: 30px !important;
    overflow-x: auto;
    padding-bottom: 80px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
    flex-wrap: initial !important;
    z-index: 99;
  }
  
  /* Hide scrollbar but still scrollable */
  .krfs-new-filter-section-mobile .krfs-new-filter-sectio {
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
  }
  
  .krfs-new-filter-section-mobile .krfs-new-filter-sectio::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
  }
  
  
  .krfs-new-filter-section-mobile{
    top: 0;
    left: -100% !important;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: left 0.3s ease-in-out;
}

.krfs-new-filter-section-mobile.active::after{
    content: "";
    background-color: #00000065;
    position: fixed;
    width: 100%;
    height: 100%;
    transition: background-color 0.5s ease;
    z-index: 9; 
    top: 0;
    left: 0;
  }
  
  
  .krfs-new-filter-section-mobile.active{
    left: 0 !important;
  }
  
  .filter-close-btn{
    position: absolute;
    top: 48px;
    right: 10px;
    border: none;
    background-color: transparent;
    width: 20px;
    height: 20px;
    font-size: 25px;
    cursor: pointer;
    padding: 0;
  }
  
  .krfs-new-filter-section-mobile .krfs-ring-item .krfs-ring-item-img{
    width: 42px !important;
    height: 42px !important;
  }
  
  .krfs-new-filter-section-mobile .krfs-inner-ring-filter,
  .krfs-new-filter-section-mobile .krfs-inner-metal-filter{
    flex: none !important;
    width: 100%;
  }
  
  .krfs-new-filter-section-mobile .krfs-ring-section .krfs-ring-item{
    flex: 0 0 calc(25% - 10px) !important;
  }
  
  .selected-filter-div{
    background-color: #F6F6F6;
    margin-bottom: 0px;
    font-size: 14px;
    padding: 8px;
    padding-bottom: 2px;
  }

  .krfs_filter-main-section{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 15px;
  }

  .krfs_filter-main-section .filter-close-btn{
    position: initial !important;
  }

  .krfs_filter-pedding-top{
    margin-top: 15px;
  }
  
  .filter-main-heading{
    font-size: 15px;
    color: #000;
    line-height: normal;
    font-weight: 600 !important;

  }

  .filter-main-reset{
    font-weight: 400 !important;
    font-size: 15px;
    color: #242833BF !important;
    cursor: pointer;
  }

  
  .selected-filter-div div {
    display: inline-block;
    padding-bottom: 8px;
    padding-right: 18px;
  }
  
  .selected-filter-div span.dark-text {
    color: #000;
  }
  
  .selected-filter-div span.light-text {
    color: #636061;
  }
  
  .selected-filter-div .cross-line {
    color: black;
    cursor: pointer;
  }
  
  .krfs-new-filter-section-mobile .heading-fiter{
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 10px !important;
  }
  

  .krfs-new-filter-section-mobile .heading-fiter img{
    cursor: pointer;
  }
  
  .krfs-new-filter-section-mobile .heading-fiter .arrow-image.rotated{
    transform: rotate(180deg) !important;
  }
  
  .krfs-new-filter-section-mobile .heading-fiter div{
    display: flex;
    align-items: center;
    gap: 4px;
  }
  
  .krfs-new-filter-section-mobile .krfs-inner-ring-filter, 
  .krfs-new-filter-section-mobile .krfs-inner-metal-filter{
    border-bottom: 1px solid #D3D3D3;
    padding-bottom: 20px;
  }
  
  .shape-eng-sprite {
    cursor: pointer;
    background-image: url('../assets/images/engagement-rings-sprite.png');
    background-size: 900% auto;
    background-repeat: no-repeat;
    display: block !important;
    width: 64px;
    max-width: 64px;
    min-width: 64px;
    height: 64px;
  }
  
  .shape-eng-sprite.eng-solitaire {background-position: 1px -2px}
  .shape-eng-sprite.eng-three-stone,.shape-eng-sprite.eng-trilogy {background-position: -102px 0px}
  .shape-eng-sprite.eng-halo {background-position: -205px -1px}
  .shape-eng-sprite.eng-pave {background-position: -307px 0px}
  .shape-eng-sprite.eng-vintage {background-position: -409px 0px;}
  .shape-eng-sprite.eng-bypass  { background-position: -512px 0px}
  .shape-eng-sprite.eng-fancy{background-position: 0px -103px}
  .shape-eng-sprite.eng-multi-row {background-position: -102px -103px}
  .shape-eng-sprite.eng-trellis {background-position: -205px -103px}
  .shape-eng-sprite.eng-single-row {background-position: -308px -103px}
  .shape-eng-sprite.eng-solitaire_diamond_shoulders {background-position: -511px -102px}
  .shape-eng-sprite.eng-hidden_halo {background-position: -409px -102px}
  
  
  
  .shape-women-ring-sprite {
    cursor: pointer;
    background-image: url('../assets/images/wedding-rings-women-sprite.png');
    background-size: 900% auto;
    background-repeat: no-repeat;
    display: block !important;
    width: 64px;
    max-width: 64px;
    min-width: 64px;
    height: 64px;
  }
  
  .shape-women-ring-sprite.women-open {background-position: 2px 0px}
  .shape-women-ring-sprite.women-modern {background-position: -102px -1px}
  .shape-women-ring-sprite.women-curved {background-position: -205px 3px}
  .shape-women-ring-sprite.women-nature {background-position: -307px 2px}
  .shape-women-ring-sprite.women-luxe {background-position: -410px 2px}
  .shape-women-ring-sprite.women-unique  { background-position: -512px 2px}
  .shape-women-ring-sprite.women-classic{background-position: 2px -102px}
  .shape-women-ring-sprite.women-vintage {background-position: -102px -101px}
  .shape-women-ring-sprite.women-contoured-match {background-position: -204px -102px}
  .shape-women-ring-sprite.women-stackable {background-position: -307px -100px}
  .shape-women-ring-sprite.women-plain-metal {background-position: -410px -100px}
  .shape-women-ring-sprite.women-eternity {background-position: -512px -101px}
  
  .shape-men-ring-sprite {
    cursor: pointer;
    background-image: url('../assets/images/wedding-rings-men-sprite.png');
    background-size: 900% auto;
    background-repeat: no-repeat;
    display: block !important;
    width: 64px;
    max-width: 64px;
    min-width: 64px;
    height: 64px;
  }
  
  .shape-men-ring-sprite.men-mixed-metal {background-position: 1px 0px}
  .shape-men-ring-sprite.men-comfort-fit {background-position: -102px 1px}
  .shape-men-ring-sprite.men-unique {background-position: -204px 3px}
  .shape-men-ring-sprite.men-Beveled {background-position: -308px 1px}
  .shape-men-ring-sprite.men-classic {background-position: -410px 2px}
  .shape-men-ring-sprite.men-matte  { background-position: -514px 2px}
  .shape-men-ring-sprite.men-hammered {background-position: 1px -98px}
  .shape-men-ring-sprite.men-engraved {background-position: -102px -99px}
  .shape-men-ring-sprite.men-textured {background-position: -206px -100px}
  .shape-men-ring-sprite.men-high-polish {background-position: -308px -100px}
  .shape-men-ring-sprite.men-eternity {background-position: -410px -100px}
  
  .krfs-new-filter-section-mobile .shape-eng-sprite, 
  .krfs-new-filter-section-mobile .shape-women-ring-sprite, 
  .krfs-new-filter-section-mobile .shape-men-ring-sprite {
    width: 42px !important;
    max-width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
  }
  
  .krfs-new-filter-section-mobile .shape-eng-sprite.eng-solitaire {background-position: 1px -2px}
  .krfs-new-filter-section-mobile .shape-eng-sprite.eng-three-stone, .krfs-new-filter-section-mobile .shape-eng-sprite.eng-trilogy {background-position: -67px 0px}
  .krfs-new-filter-section-mobile .shape-eng-sprite.eng-halo {background-position: -134px -1px}
  .krfs-new-filter-section-mobile .shape-eng-sprite.eng-pave {background-position: -201px 0px}
  .krfs-new-filter-section-mobile .shape-eng-sprite.eng-vintage {background-position: -269px 0px}
  .krfs-new-filter-section-mobile .shape-eng-sprite.eng-bypass  { background-position: -337px 0px}
  .krfs-new-filter-section-mobile .shape-eng-sprite.eng-fancy{background-position: 0px -67px}
  .krfs-new-filter-section-mobile .shape-eng-sprite.eng-multi-row {background-position: -67px -67px}
  .krfs-new-filter-section-mobile .shape-eng-sprite.eng-trellis {background-position: -134px -67px}
  .krfs-new-filter-section-mobile .shape-eng-sprite.eng-single-row {background-position: -202px -67px}
  .krfs-new-filter-section-mobile .shape-eng-sprite.eng-solitaire_diamond_shoulders {background-position: -335px -67px}
  .krfs-new-filter-section-mobile .shape-eng-sprite.eng-hidden_halo {background-position: -269px -67px}
  
  .krfs-new-filter-section-mobile .shape-women-ring-sprite.women-open {background-position: 1px 0px}
  .krfs-new-filter-section-mobile .shape-women-ring-sprite.women-modern {background-position: -67px 0px}
  .krfs-new-filter-section-mobile .shape-women-ring-sprite.women-curved {background-position: -134px 1px}
  .krfs-new-filter-section-mobile .shape-women-ring-sprite.women-nature {background-position: -336px 1px}
  .krfs-new-filter-section-mobile .shape-women-ring-sprite.women-luxe {background-position: -201px 1px}
  .krfs-new-filter-section-mobile .shape-women-ring-sprite.women-unique  { background-position: -269px 1px}
  .krfs-new-filter-section-mobile .shape-women-ring-sprite.women-classic{background-position: 1px -66px}
  .krfs-new-filter-section-mobile .shape-women-ring-sprite.women-vintage {background-position: -67px -66px}
  .krfs-new-filter-section-mobile .shape-women-ring-sprite.women-contoured-match {background-position: -134px -66px}
  .krfs-new-filter-section-mobile .shape-women-ring-sprite.women-stackable {background-position: -202px -66px}
  .krfs-new-filter-section-mobile .shape-women-ring-sprite.women-plain-metal {background-position: -269px -66px}
  .krfs-new-filter-section-mobile .shape-women-ring-sprite.women-eternity {background-position: -335px -66px}
  
  .krfs-new-filter-section-mobile .shape-men-ring-sprite.men-mixed-metal {background-position: 0px 0px}
  .krfs-new-filter-section-mobile .shape-men-ring-sprite.men-comfort-fit {background-position: -67px 1px}
  .krfs-new-filter-section-mobile .shape-men-ring-sprite.men-unique {background-position: -134px 1px}
  .krfs-new-filter-section-mobile .shape-men-ring-sprite.men-Beveled {background-position: -202px 1px}
  .krfs-new-filter-section-mobile .shape-men-ring-sprite.men-classic {background-position: -269px 1px}
  .krfs-new-filter-section-mobile .shape-men-ring-sprite.men-matte  { background-position: -338px 1px}
  .krfs-new-filter-section-mobile .shape-men-ring-sprite.men-hammered {background-position: 1px -64px}
  .krfs-new-filter-section-mobile .shape-men-ring-sprite.men-engraved {background-position: -67px -65px}
  .krfs-new-filter-section-mobile .shape-men-ring-sprite.men-textured {background-position: -135px -65px}
  .krfs-new-filter-section-mobile .shape-men-ring-sprite.men-high-polish {background-position: -202px -65px}
  .krfs-new-filter-section-mobile .shape-men-ring-sprite.men-eternity {background-position: -269px -65px}
  
  
  .krfs-ring-arrow{
    width: 30px;
    width: 30px;
    max-width: 30px;
    min-width: 30px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .krfs-ring-arrow img{
    width: 30px;
      height: 30px;
      border-radius: 50vh;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0.7px 1.4px 4.2px 0px #00000040;
      background-color: #fff;
      padding: 8px;
      cursor: pointer;
  }
  
  .krfs-ring-arrow.ring-left-arrow img{
    transform: rotate(90deg);
  }
  
  .krfs-ring-arrow.ring-right-arrow img{
    transform: rotate(-90deg);
  }
  
  .krfs-hidden {
    display: none !important;
  }
  
  .krfs-inner-ring-filter.border-none{
    border-bottom: none !important;
  }
  
  .krfs-inner-ring-filter #info-box-eng[data-title]:hover::before {
    left: -50px !important;
    bottom: 28px !important;
  }

  
.shape-diamond-sprite{
    background: url('../assets/images/diamond-shapes.png');
    width: 42px;
    max-width: 42px;
    min-width: 42px;
    height: 42px;
    background-repeat: no-repeat;
    background-size: 200px;
    display: flex !important;
}


.shape-diamond-sprite.round {
  background-position: 0px 2px;
}

.shape-diamond-sprite.princess {
  background-position: -40px 2px;
}

.shape-diamond-sprite.cushion {
  background-position: -79px 2px;
}

.shape-diamond-sprite.emerald {
  background-position: -117px 2px;
}

.shape-diamond-sprite.marquise {
  background-position: -151px 2px;
}

.shape-diamond-sprite.oval {
  background-position: 5px -43px;
}

.shape-diamond-sprite.radiant {
  background-position: -34px -43px;
}

.shape-diamond-sprite.pear {
  background-position: -71px -44px;
}

.shape-diamond-sprite.asscher {
  background-position: -113px -43px;
}

.shape-diamond-sprite.heart {
  background-position: -157px -42px;
}


.stone-diamond-sprite  {
    cursor: pointer;
    background-image: url('../assets/images/icon-sprite-images.png');
    background-size: 600px auto;
    background-repeat: no-repeat;
    display: block !important;
    width: 42px;
    height: 42px;
  }
  
  
  .stone-diamond-sprite.lab, .stone-diamond-sprite.natural {background-position:  -543px -66px;}
  .stone-diamond-sprite.ruby {background-position:  -332px -67px;}
  .stone-diamond-sprite.emerald {background-position:  -69px -67px;}
  .stone-diamond-sprite.citrine {background-position: -385px -67px;}
  .stone-diamond-sprite.blue {background-position:  -16px -67px;}
  .stone-diamond-sprite.pink  { background-position:  -121px -67px;}
  .stone-diamond-sprite.amethyst{background-position: -174px -67px;}
  .stone-diamond-sprite.morganite {background-position:  -227px -67px}
  .stone-diamond-sprite.black {background-position:  -437px -67px}
  .stone-diamond-sprite.yellow {background-position:  -279px -67px;}
  
  .krfs-new-filter-section .krfs-filter-show-section .filter_inner{
    width: 100%;
  }

  .krfs-new-filter-section .price__filter .price_inp_div{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
  }

  .krfs-new-filter-section .price__filter .price_inp_div input{
    width: 80px;
    color: #000;
    font-size: 14px;
  }

/* start: new updates */
.krfs_filter-inner-section .krfs_scrollable_div .krfs-left-btn, 
.krfs_filter-inner-section .krfs_scrollable_div .krfs-right-btn{
    display: none !important;
}

.krfs_scrollable_div .krfs-left-btn, .krfs_scrollable_div .krfs-right-btn {
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50vh;
    box-shadow: 0.7px 1.4px 4.2px 0px #00000040;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
}

.krfs_scrollable_div .krfs-left-btn svg, .krfs_scrollable_div .krfs-right-btn svg{
    width: 8px;
    fill: #969697;
}


/* end: new updates */
  
.krfs_360-icon-prod-item{
    position: absolute;
    width: 35px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.krfs_360-icon-prod-item img{
    width: 30px !important;
    height: auto !important;
}

.krfs_360-icon-prod-item .krfs_360-icon{
    display: initial !important;
}

.krfs_360-icon-prod-item.active .krfs_360-icon{
    display: none !important;
}

.krfs_360-icon-prod-item .krfs_play-image{
    display: none !important;
}

.krfs_360-icon-prod-item.active .krfs_play-image{
    display: initial !important;
    width: 16px !important;
}

.krfs_prod-item-metal{
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 8px;
}

.krfs_prod-item-metal .krfs-metal-item{
    width: 22px;
    max-width: 22px;
    min-width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    border-radius: 50vh;
    justify-content: center;
    border: 1px solid transparent;
    overflow: hidden;
    padding: 2px;
    cursor: pointer;
}

.krfs_prod-item-metal .krfs-metal-item-img {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 50vh;
    justify-content: center;
    overflow: hidden;
}

.krfs_prod-item-metal .krfs-metal-item.active{
    border: 1px solid var(--krfs-primary-color);
}

.krfs_prod-item-metal .krfs-metal-item-img.white-gold {
    background: linear-gradient(223.35deg,#d1d1d1 3.06%,#f7f7f7 47.15%,#d1d1d1 90.37%)
}

.krfs_prod-item-metal .krfs-metal-item-img.yellow-gold {
    background: linear-gradient(223.35deg,#edd38c 3.06%,#fff8e6 47.15%,#edd38c 90.37%)
}

.krfs_prod-item-metal .krfs-metal-item-img.rose-gold {
    background: linear-gradient(223.35deg,#f4b998 3.06%,#fff7f0 47.15%,#f2ad86 90.37%)
}

.krfs_prod-item-metal .krfs-metal-item-img.platinum {
    background: linear-gradient(223.35deg,#d1d1d1 3.06%,#f7f7f7 47.15%,#d1d1d1 90.37%)
}

.krfs-no-scrollbar {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.krfs-no-scrollbar::-webkit-scrollbar {
    display: none;
}
  
.view-result-button{
    width: 338px;
    height: 45px;
    background-color: var(--krfs-primary-color);
    color: #fff !important;
    font-size: 14px;
    display: flex;
    align-items: center;
    position: absolute;
    justify-content: center;
    position: fixed;
    bottom: 17px;
    border: none;
    text-transform: uppercase;
    letter-spacing: inherit;
    cursor: pointer;
    z-index: 9;
}

.view-result-button button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--krfs-primary-color);
    color: #fff !important;
    border: none;
    width: 100%;
    cursor: pointer;
    height: 100%;
}

@media (max-width: 767px) {
    .krfs-new-filter-section-laptop .krfs-inner-metal-filter{
        display: none !important;
    }

    .krfs-new-filter-section-laptop .krfs-inner-ring-filter{
        flex: 0 0 100% !important;
        width: 100%;
    }

    .krfs-new-filter-section-laptop .krfs-ring-section{
        flex-wrap: initial !important;
        overflow: auto !important;
    }

    .krfs-new-filter-section-laptop .krfs-ring-section {
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none;  /* IE 10+ */
    }
    
    .krfs-new-filter-section-laptop .krfs-ring-section::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera */
    }

    .krfs-new-filter-section-laptop  .krfs-ring-section{
        gap: 6px !important;
    }

    .krfs-new-filter-section-laptop .krfs-ring-section .krfs-ring-item{
        display: flex !important;
        width: 76px;
        max-width: 76px;
        min-width: 76px;
    }

    .krfs_scrollable_div .krfs-left-btn, .krfs_scrollable_div .krfs-right-btn{
        display: none;
    }

    .open-filter-btn{
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99;
        width: 100%;
        margin-bottom: 0 !important;
    }

    .krfs-new-filter-section .heading-fiter{
        margin-bottom: 15px !important;
    }

    .krfs-new-filter-section-mobile .krfs-new-filter-section{
        width: 100% !important;
        max-width: 100% !important;
    }

    .krfs-new-filter-section-mobile .heading-fiter .arrow-image{
        display: none !important;
    }

    .krfs-new-filter-section .krfs-filter-show-section{
        display: flex !important;
        max-height: max-content;
    }

    .krfs-new-filter-section .krfs-filter-show-section{
        flex-wrap: initial !important;
        overflow: auto !important;
        width: 100%;
    }

    .krfs-new-filter-section .krfs-filter-show-section {
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none;  /* IE 10+ */
    }
      
    .krfs-new-filter-section .krfs-filter-show-section::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera */
    }

    .krfs-new-filter-section{
        gap: 15px !important;
    }

    .krfs-new-filter-section-mobile .krfs-inner-metal-filter, .krfs-new-filter-section-mobile .krfs-inner-ring-filter{
        padding-bottom: 15px !important;
    }

    .krfs-new-filter-section-mobile .krfs-ring-section .krfs-ring-item {
        flex: 0 0 calc(18.5% - 10px) !important;
    }

    .view-result-button{
        width: 92% !important;
    }

    .krfs_filter-main-section{
        justify-content: flex-start !important;
        gap: 15px;
    }

    .krfs-new-filter-section .krfs-metal-section{
        display: flex;
        justify-content: start !important;
        align-items: self-start !important;
        gap: 10px;
        text-align: center;
    }

    .krfs-new-filter-section .krfs-metal-section .krfs-metal-item{
        flex: 0 0 calc(18.5% - 10px) !important;
    }

    .text-noresults-found{
        width: 350px;
    }
    

}

.basic-free-plan-section .basic-btn {
    width: 90px;
    height: 25px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F9C985;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    border-radius: 8px;
    border: 1px solid #000;
    margin-bottom: 15px;
}

.inner-slider-section-reverse {
    margin-top: 15px !important;
    animation: slide-right 30s linear infinite !important;
}

.inner-slider-section-reverse:hover {
    animation-play-state: paused !important;
}

@keyframes slide-right {
    0% {
        transform: translateX(-50%)
    }
    
    to {
        transform: translateX(0)
    }
}


/****************************************/
/******** Concent box CSS Start *********/
/****************************************/

.krfsapp-consent-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .32);
    z-index: 9999999;
}

.krfsapp-consent-card {
    width: min(92vw, 440px);
    border-radius: 18px;
    box-shadow: 0 24px 48px rgba(0, 0, 0, .18);
}

.krfsapp-check {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: .25rem;
    border-radius: .3rem;
    border-color: #a3a3a3;
}

.krfsapp-check:checked {
    background-color: var(--krfs-primary-color);
    border-color: var(--krfs-primary-color);
    box-shadow: none;
}

.krfsapp-btn-rounded {
    border-radius: .75rem;
}

.krfsapp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .6rem 1.2rem;
    border-radius: 8px;
    font: 600 1rem/1.2 system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
    border: 1.5px solid transparent;
    background: #fff0;
    color: #111827;
    cursor: pointer;
    text-decoration: none;
}

.krfsapp-btn:active {
    transform: translateY(1px);
}

.krfsapp-btn:disabled,
.krfsapp-btn[disabled] {
    opacity: .6;
    cursor: not-allowed;
    pointer-events: none;
}

.krfsapp-btn-primary {
    background: var(--krfs-primary-color);
    color: #fff;
    border-color: #000;
}

.krfsapp-btn-outline {
    background-color: #fff;
    border: 1.5px solid #000;
    color: #000 !important;
}

/**************************************/
/******** Concent box CSS End *********/
/**************************************/