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

.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: 30px;
    line-height: normal;
}


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

.filter__btn {
    width: 38%;
    margin: auto;
    display: flex;
    justify-content: center;
    padding-left: 0;
    gap: 20px;
}

.filter__btn .inner-filter-btn {
    flex: 0 0 30%;
    box-shadow: 3px 1px 6px #ddd;
    margin: -1px;
    text-decoration: none;
    line-height: 22px;
    list-style-type: none;
}

.filter__btn .inner-filter-btn a {
    padding: 7px;
    border: 1px solid var(--kirb-primary-color);
    display: flex;
    font-weight: 400;
    align-items: center;
    justify-content: center;
    color: #000000;
    text-decoration: none;
    font-family: Assistant, sans-serif !important;
    height: 40px;
    font-size: 16px;
    width: 155px;
    height: 43px;
    margin: 0;
    line-height: normal;
}

.pera-natural-lab {
    font-size: 14px;
    line-height: normal;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #242833bf;
    padding: 0 10px;
    margin-top: 15px;
    letter-spacing: normal;
    font-family: Assistant, sans-serif !important;
}

.filter__btn .inner-filter-btn.active a {
    background-color: var(--kirb-primary-color);
    border: 1px solid var(--kirb-primary-color);
    color: var(--kirb-text-primary-color) !important;
    box-shadow: 1px -25px 23px -34px rgba(0, 0, 0, 0.45), 0px 25px 20px -34px rgba(0, 0, 0, 0.45);
}

.filter__btn .inner-filter-btn.active a:hover {
    filter: brightness(1.08) !important;
}

.filter__btn .inner-filter-btn:not(.active) a:hover {
    background-color: var(--kirb-accent-color);
    /* color: #000 !important; */
    color: var(--kirb-text-accent-color) !important;
}

.filter--section {
    padding-top: 30px;
    padding-bottom: 30px;
    justify-content: end;
    /* 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);
    /* margin: 0; */
}

.filter--section .filter_div {
    margin-bottom: 20px;
    /* padding: 0 18px 0 0; */
}

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

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

.filter--section .filter_div .slider-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: flow-root;
}

.filter--section .filter-heading {
    margin: 0;
    margin-bottom: 20px;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    font-family: Assistant, sans-serif !important;
    display: flex;
    align-items: center;
}

@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;
}

/* Sticky positioning for the moreless__div */



#keyideas-logo-main {
    content: " ";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(./images/powered-by-keyideas.png);
    width: 142px;
    height: 20px;
    background-size: cover;
    background-position: 100%;
    top: 100%;
}

@media (max-width: 767px) {

    .drop-icon-section {
        width: 100% !important;
    }

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

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

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

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

    section.kirb_main_section {
        max-width: 100% !important;
    }

    .wcrb_main_section .row {
        padding-left: 0;
        padding-right: 0;

    }

    /* .filter--section .filter_div {
        padding: 6px 0px !important;
    } */

    .kirb-modal-content .btn-close {
        right: 12px !important;
    }

    .certificate-popup .kirb-modal-content {
        width: 100% !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;
    } */

    .gem_color-box img {
        padding: 4px !important;
    }

    .filter--section .filter_div .filter_inner {
        width: 100%;
        height: auto;
        padding: 5px !important;
    }

    .kirb-clarity-labels {
        width: 100% !important;
    }

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

    .pro__details-li {
        font-size: 14px;
    }
}


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


.filter--section .filter_div .shape__inner {
    display: flex;
    align-items: start;
    justify-content: space-evenly;
    width: 95%;
    gap: 8px;
    padding: 30px;
}

.filter--section .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 .filter_div .shape__inner .shape-box.active {
    border: 1px solid #000000;
}

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

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

.round-shape {
    background-position: 0px 2px;
}

.princess-shape {
    background-position: -55px 2px;
}

.cushion-shape {
    background-position: -109px 2px;
}

.emerald-shape {
    background-position: -162px 2px;
}

.marquise-shape {
    background-position: -205px 2px;
}

.oval-shape {
    background-position: 6px -61px;
}

.radiant-shape {
    background-position: -46px -61px;
}

.pear-shape {
    background-position: -99px -61px;
}

.asscher-shape {
    background-position: -154px -61px;
}

.heart-shape {
    background-position: -217px -61px;
}

.oldminer-shape {
    background-position: -263px -61px;
}

.european-shape {
    background-position: -249px 2px;
}

.filter--section .filter_div .filter_inner {
    /* width: 100%; */
    width: 99.5%;
    flex-wrap: wrap;
    margin: auto;
}


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



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

.filter--section .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;
}

.gem_type__filter .gem_type__inner {
    flex-wrap: wrap;
    display: flex;
    gap: 9px;
    /* margin-top: 10px; */
}

.gem_type__filter .gem_type__inner .gem_type-box {
    flex: 0 0 23%;
    height: 26px;
}


.gem_type__filter .gem_type__inner .gem_type-box .gem_type-name {
    border: 1px solid lightgray;
    display: flex;
    align-items: center;
    font-size: 12px;
    justify-content: center;
    cursor: pointer;
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 0px;
    font-weight: 400;
    white-space: nowrap;
    line-height: normal;
}

/* .gem_type__filter .gem_type__inner .gem_type-box.active,
.gem_type__filter .gem_type__inner .gem_type-box:hover {
    background-color: var(--kirb-primary-color); 
    color: #fff;
} */

.gem_type__filter .gem_type__inner .gem_type-box.active {
    border: 2px solid var(--kirb-primary-color);
}

.remove-text-decoration {
    text-decoration: none;
}

.gem_color__inner {
    background-color: #f6f6f6;
    display: flex;
    flex-wrap: wrap;
    padding: 30px;
    margin-bottom: 20px;
    justify-content: space-between;
}

.gem_color__inner .gem_color-box {
    flex: 0 0 8%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.gem_color__inner .gem_color-box .gem-color-name {
    margin-top: 10px;
    font-size: 14px;
    color: gray;
    line-height: normal;
    text-align: center;
}

.gem_color__inner .gem_color-box img,
.gem_color__inner .gem_color-box .gem-color-name {
    cursor: pointer;
}

.gem_color__inner .gem_color-box .inner-gem-section {
    border: 1px solid lightgray;
    width: 58px !important;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gem_color__inner .gem_color-box.active .inner-gem-section {
    border: 2px solid #000;
}

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

.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;
}

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

.entry-title {
    font-size: 32px;
    margin: 0.67em 0;
}

.kirb-filter-advance-block .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;
}


.kirb-filter-advance-block 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;
}


.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;

}


.more-filters {
    height: 0px;
    overflow: hidden;
    transition: all .10s ease;
}

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

.more-filters-height {
    height: 100%;
    transition: all .20s ease;
    /* border-top: 1px solid rgba(34, 36, 38, .15); */
    overflow: visible !important;
    /* padding-top: 50px; */
    margin: 0;
    /* padding-left: 0; */
    /* padding-right: 0; */

}

.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: #000000 !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 !important;
    height: 30px !important;
    min-height: 30px !important;
    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: 145px;
    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;
    padding: 0 !important;
    line-height: normal;
}

.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;
    }

    .list-view-options {
        margin-right: 24px;
    }

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


button.btn.btn-search {
    height: 30px !important;
    width: 26px;
    /* border: 1px solid var(--kirb-primary-color);
    background: var(--kirb-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 #D3D3D3 !important;
    border-left: 0 !important;
    padding: 0 !important;
    background-color: transparent;
    color: #242833 !important;
}

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

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

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

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

.ui-slider-horizontal .ui-slider-range {
    background: var(--kirb-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: -5px !important;
    width: 10px;
    height: 10px;
    border-radius: 50vh;
    background: #ffffff !important;
    border: 1px solid lightgray;
    cursor: pointer !important;
    width: 13.36px !important;
    height: 13.36px !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 !important;
    display: flex !important;
    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;
}

.kirb-main-tab-section {
    font-family: Assistant, sans-serif !important;
}

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

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

.comparison__header--remove {
    color: var(--kirb-primary-color);
}

.view-360 {
    display: flex;
    margin-bottom: 0px;
    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%;
}

.kirb-modal-content {
    width: 560px;
    padding: 15px;
    margin: auto;
    border-radius: 0 !important;
    font-family: Assistant, sans-serif !important;
    /* Bootstrap Modal Content Code */
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
}

.kirb-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;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.super-zoom-text {
    line-height: normal;
    width: 90% !important;
    font-weight: 400;
    font-size: 14px !important;
    padding: 0 !important;
    margin-top: 8px !important;
    margin: 20px 0 !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;
}

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

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;
}

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

.kirb-diamond-grid {
    width: 100%;
    display: flex !important;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    gap: 15px;
    margin-bottom: 30px;
    margin-top: 15px;
}

.kirb-diamond-grid .prod-item {
    flex: 0 0 calc(25.2% - 14px);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border: 1px solid #ddd !important;
    border-radius: 5px;
    position: relative;
    margin-bottom: 10px;
}

@media (min-width:1600px) {
    .kirb-diamond-grid .prod-item {
        flex: 0 0 calc(25.2% - 16px);
    }
}

.kirb-diamond-grid .prod-item .image-div {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kirb-diamond-grid .prod-item .comparizon-div {
    width: 30px;
    /* height: 30px; */
    bottom: 18px;
    right: 10px;
    cursor: pointer;
    margin-left: 10px;
}

.kirb-diamond-grid .prod-item .comparizon-div img {
    width: 100%;
}


.kirb-diamond-grid .prod-item .content-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.kirb-diamond-grid .prod-item img {
    width: 100%;
    height: 100%;
    object-position: center;
    border-radius: 2% 2% 0% 0%;
    object-fit: cover !important;
}

.kirb-diamond-grid .prod-item a {
    font-size: 14px;
    line-height: 1.2;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    color: #242833bf;
    margin-bottom: 8px;
    display: flex;
    justify-content: center;
}

.kirb-diamond-grid .prod-item a:hover {
    color: var(--kirb-primary-color) !important;
}

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;
    }

    .kirb-diamond-grid .prod-item a {
        margin: 0px 0px 0px 0px !important;
    }

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

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

    .diamondCompare_container,
    .pro__details .pro__details--box,
    .products-images .row {
        flex-direction: row;
        gap: 0;
    }

}

.byor-section {
    width: 100%;
}

.diamondCompare_container,
.products-images .row {
    flex-direction: row;
    gap: 0;
}

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

.kirb-diamond-grid .prod-item .price {
    text-align: center;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* color: var(--kirb-primary-color); */
    color: #242833;
    font-weight: 600;
    gap: 10px;
}

.kirb-diamond-grid .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(--kirb-accent-color) !important;
}

.grid-list-tab .grid-list-btn.active img {
    filter: var(--kirb-text-accent-color-filter) !important;
}

/* comparison duv */
.product-compare {
    width: 100%;
    overflow-x: scroll;
    margin-bottom: 30px !important;
    margin: auto;
}

.product-compare h2 {
    font-size: 14px;
    text-align: end;
    padding-top: 4%;
    color: rgb(36, 40, 51) !important;
}

.comparison__body,
.comparison__header>div:not(:first-child) {
    font-weight: 400;
    font-size: 14px;
    color: #6f6f6f;
}

.compare-products-list .comparison__body:first-child {
    margin-left: 180px !important;
}

.product-compare .comparison__header {
    background-color: #fff;
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    flex-direction: column;
    border-right: 1px solid white;
}

.comparison__header--container>div:nth-child(even):not(:first-child),
.comparison__header>div:nth-child(even):not(:first-child) {
    background-color: #f3f3f3ae;
}

.comparison__header--img,
.comparison__header>div:first-child {
    max-height: 210px;
    height: 210px;
}

.comparison__body>div {
    min-width: 160px;
    text-align: right;
}

.comparison__header--text {
    color: #6f6f6f;
    text-align: right;
}

.product-compare #Product-compare {
    display: flex;
}

.product-compare .compare-products-list {
    display: flex;
    width: 100%;
}


.comparison__body>.comparison__fix,
.comparison__header--container>div,
.comparison__header>.comparison__fix {
    padding: 8px 10px;
}


.comparison__header--img a .img-div {
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comparison__header--img a .img-div img {
    background-size: cover;
}

.comparison__header--img,
.comparison__header--img a {
    display: flex;
    flex-direction: column;
    align-items: end;
    cursor: pointer;
    color: #6f6f6f;
}

.comparison__body>div {
    min-width: 150px;
}

.comparison__header {
    position: absolute;
    left: 0;
}


/* Scrollbar Styling */
.product-compare::-webkit-scrollbar {
    width: 10px;
    height: 12px;
}

.product-compare::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.product-compare::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #6d6d6d;
}

.comparison__header .comparison__fix {
    display: flex;
    align-items: center;
}

.container-360 div iframe {
    width: 500px;
    height: 500px;
}




/* produc list table */

.kirb-diamond-list {
    width: 100%;
    margin-top: 15px;
}

.kirb-diamond-list 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;

}

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

.kirb-diamond-list table:not([class]) td {
    background-color: transparent;
}

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

.kirb-diamond-list table td {
    padding: 0;
    vertical-align: middle;
}

.kirb-diamond-list table .heading {
    background-color: #eeeeee;
    border-bottom: 10px solid #fff;
    margin-bottom: 15px;
}

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

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

.kirb-diamond-list table tr:not(.heading):hover {
    /* background-color: var(--kirb-primary-color) !important; */
    background-color: var(--kirb-primary-highlight-bg-color) !important;
    transform: 0.3s;
}

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

.kirb-diamond-list table .product__img img {
    width: 75px;
    height: 75px;
    object-fit: contain;
    mix-blend-mode: darken;
}

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

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

.product__list--viewi {
    cursor: pointer;
}

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

.kirb-diamond-list table .product__details a {
    color: var(--kirb-primary-color);
    text-decoration: none;
}

.kirb-diamond-list 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: 0.8;
    margin-bottom: 15px;
    color: var(--kirb-primary-color);
}

.products-images .diamond__content .color-clarity-section {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
    /* color: #6d6d6d; */
}

.products-images .diamond__content .inner-color-div {
    background-color: #EEEEEE;
    text-align: center;
    padding: 5px 10px;
    font-size: 14px;
    line-height: normal;
}



@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;
    }

    .kirb-diamond-list table .product__img img {
        width: 40px;
        height: 40px;
        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%;
    }

    .kirb-diamond-modal .choose--btn {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .font-size-heading {
        font-size: 18px !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: 2px !important;
    }

    .products-images .kirb-diamond-modal {
        margin-top: 0 !important;
    }

    .kirb-diamond-modal .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(--kirb-primary-color);
}

.products-images .diamond__content--info .inner-free-shipping a {
    color: #6d6d6d !important;
    text-decoration: none !important;
}

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

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

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

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

.choose-bttn-popup .kirb-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: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

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

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


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


.products-images .kirb-diamond-modal .price {
    font-size: 32px;
    color: #000;
    line-height: normal;
}


.products-images .kirb-diamond-modal .price-section {
    margin-bottom: 15px;
    margin-top: 30px;
}

.kirb-diamond-modal .choose--btn,
.kirb-btn {
    padding: 12px 20px;
    background-color: var(--kirb-primary-color);
    color: #fff !important;
    border: none;
    border-radius: 0px;
    font-size: 15px;
    text-decoration: none;
    text-align: center;
    width: 60%;
    margin-bottom: 15px;
    line-height: normal;
}

.diamond__content--price .choose--btn.disabled,
.kirb-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: all !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;
}

.kirb-diamond-modal .choose--btn:hover {
    filter: brightness(1.08) !important;
}

.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 {
    display: flex;
    flex-direction: column;
}

.products-images .img-section {
    display: flex;
}

.products-images .img-section .main-image {
    width: 90%;
    position: relative;
}

.kirb_inset-image-diamond {
    position: absolute;
    width: 70px !important;
    height: 70px;
    top: 15px;
    left: 15px;
    padding-left: 0 !important;
    border: 1px solid #ddd;
}

.kirb_inset-image-diamond img {
    object-fit: cover !important;
}

/* @media (min-width: 1300px) {
    .products-images .img-section .main-image {
        height: 560px;
    }
} */

.products-images .img-section .main-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* margin: auto; */
}


.products-images .img-section .main-image div {
    width: 90%;
    margin-left: 20px;
    /* margin: auto; */
    /* display: flex;
    align-items: center; */
    /* justify-content: center; */
}

.kirb_detail_img_preview {
    border: 1px solid #ddd;
}

.thumbnail-image .prod-item {
    width: 72px;
    height: 72px;
    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%; */
}

.details-view {
    margin-top: 15px;
}

.details-view img {
    width: 30px !important;
}

.details-view .pera-text {
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    width: auto !important;
    color: #9f9f9f;
    padding: 0 !important;
}

.pro__details .heading_h2 {
    margin: 0;
    font-size: 28px;
    font-weight: 400;
    line-height: normal;
}

.pro__details .description {
    margin: 0;
    margin-top: 10px;
    margin-bottom: 50px !important;
    color: #6d6d6d;
    font-size: 16px;
}

.pro__details h3 {
    font-size: 18px;
    /* margin: 10px 0 !important; */
}

.pro__details .pro__details--box {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.pro__details .pro__details--box .pro__details-ul {
    width: 50%;
    display: flex;
}

.pro__details .pro__details--box .pro__details-ul .pro__details-li {
    width: 50%;
}

.pro__details .pro__details--box .pro__details-ul .pro__details-li div {
    padding: 12px 0px 12px 15px;
    color: #6d6d6d;
    font-size: 16px;
    font-weight: 400;
}

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



.choose__carat-weight .choose__carat-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.choose__carat-weight .choose__carat-content h2 span {
    color: var(--kirb-primary-color);
    ;
}

.choose__carat-weight .choose__carat-content {
    text-align: center;
}

.choose__carat-weight .choose__carat-content p {
    width: 80%;
    text-align: center;
    margin: auto;
    font-size: 16px;
    margin-bottom: 30px;
    color: #6d6d6d;
}

.choose__carat-weight .diamond__size-div {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.choose__carat-weight .diamond__size-div ul {
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
}

.choose__carat-weight .diamond__size-div ul li {
    flex: 0 0 16%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 30px;
}

.choose__carat-weight .diamond__size-div ul li span {
    margin-top: 10px;
}

.choose__carat-weight .diamond__size-div div {
    position: relative;
}


.meter-width {
    position: absolute;
    max-width: 100%;
    bottom: 0;
    left: 0;
    display: block;
    width: auto;
}

.meter-width .size-info {
    width: 150px;
    height: 80px;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px;
    display: flex;
    border-radius: 4px;
    top: 0;
    transform: translateX(-50%) translateY(15px);
    background-color: var(--kirb-primary-color);
    white-space: nowrap;
    color: #fff;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    display: grid;
}

.meter-width .size-info span {
    display: contents !important;
}

.meter-width .size-info .carat {
    font-size: 24px;
    margin-top: -2px;
}

.meter-width .size-info:after {
    width: 0;
    height: 0;
    /* border-style: solid; */
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent var(--kirb-primary-color) transparent;
    position: absolute;
    content: "";
    top: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.diamond__size-div li {
    width: 100%;
    padding: 0 0 30px;
    position: relative;

}

.diamond__size-div li:before {
    height: 6px;
    width: 1px;
    background: #ccc;
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.diamond__size-div ul li:after {
    height: 15px;
    width: 1px;
    background: #ccc;
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: -1px;
}


.colour_grade_section .head-pera {
    width: 70%;
    text-align: center;
    margin: auto;
    font-size: 16px;
}


.colour_grade_section .head-pera h2 span {
    color: var(--kirb-primary-color);
}

.colour_grade_section .color_grade {
    width: 80%;
    margin: auto;
    font-size: 16px;
}

.colour_grade_section .color_grade .grd-box {
    position: relative;
}


.colour_grade_section .color_grade .grd-box ul {
    background: linear-gradient(90deg, #fff, #fff, var(--kirb-accent-color), var(--kirb-accent-color), var(--kirb-accent-color));
    margin: 0;
    padding: 0;
    height: 95px;
    display: inline-block;
    width: 100%;
    margin-top: 42px;
    background-size: 100%;
}

.colour_grade_section .color_grade .grd-box ul li {
    display: inline-block;
    width: 33.33%;
    border-top: 1px solid #ccc;
    text-align: center;
    vertical-align: top;
    float: left;
    position: relative;
    padding-top: 26px;
    font-size: 14px;
    color: #6f6f6f
}

.colour_grade_section .color_grade .grd-box ul li .gld-c,
.colour_grade_section p .gld {
    color: var(--kirb-primary-color);
}

.colour_grade_section .color_grade .grd-box ul li::before {
    height: 26px;
    width: 1px;
    background: #ccc;
    content: "";
    display: inline-block;
    margin-top: -16px;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
}

.clarity_grade_section h2 span {
    color: var(--kirb-primary-color);

}

.grade-bottom-legend {
    padding: 30px 0 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.grade-bottom-legend>span {
    position: relative;
    padding-left: 30px;
    margin: 0 18px;
    font-size: 16px;
}

.grade-bottom-legend>span:before {
    background: var(--kirb-primary-color);
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
    width: 23px;
    height: 14px;
}

.grade-positon-D,
.grade-positon-E,
.grade-positon-F,
.grade-positon-G,
.grade-positon-H,
.grade-positon-I,
.grade-positon-J,
.grade-positon-K,
.grade-positon-L,
.grade-positon-M {
    width: 10%;
    height: 8px;
    background: var(--kirb-primary-color);
    position: absolute;
    top: 37px;
    z-index: 9;
    display: initial !important;
    text-align: center;
}

.color-grade-positon-D,
.color-grade-positon-E,
.color-grade-positon-F,
.color-grade-positon-G,
.color-grade-positon-H,
.color-grade-positon-I,
.color-grade-positon-J,
.color-grade-positon-K,
.color-grade-positon-L,
.color-grade-positon-M {
    position: absolute;
    top: 2201px;
    z-index: 9;
    display: initial !important;
    text-align: center;

    width: 109px;
    height: 31px;

    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px;
    display: flex;
    border-radius: 4px;

    transform: translateX(-50%) translateY(15px);
    background-color: var(--kirb-primary-color);
    white-space: nowrap;
    color: #fff;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.color-grade-positon-D {
    left: 45%;
}

.color-grade-positon-E {
    left: 42%;
}

.color-grade-positon-F {
    left: 38%
}

.color-grade-positon-G {
    left: 33%;
}

.color-grade-positon-H {
    left: 30%
}

.color-grade-positon-I {
    left: 28%;
}

.color-grade-positon-J {
    left: 25%
}

.color-grade-positon-K {
    left: 21.5%;
}

.color-grade-positon-L {
    left: 18%;
}

.color-grade-positon-M {
    left: 11.5%;
}

.grade-positon-D:after,
.clarity-grade-IF:after,
.clarity-grade-FL:after,
.grade-positon-E:after,
.grade-positon-F:after,
.grade-positon-G:after,
.grade-positon-H:after,
.grade-positon-I:after,
.grade-positon-J:after,
.grade-positon-K:after,
.grade-positon-L:after,
.grade-positon-M:after {
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid var(--kirb-primary-color);
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    border-radius: 50%;
}

.grade-positon-D {
    left: 0;
}

.grade-positon-E {
    left: 10%
}

.grade-positon-F {
    left: 23%
}

.grade-positon-G {
    left: 34%
}

.grade-positon-H {
    left: 40%
}

.grade-positon-I {
    left: 50%
}

.grade-positon-J {
    left: 56%
}

.grade-positon-K {
    left: 67%
}

.grade-positon-L {
    left: 80%
}

.grade-positon-M {
    left: 90%
}

.clarity_grade_section .head-pera {
    width: 80%;
    margin: auto;
    text-align: center;
}

.clarity_grade_section .head-pera p {
    font-size: 16px;
    text-align: center;
}

.clarity_grade_section .clarity-grid {
    position: relative;
}

.clarity_grade_section .clarity-grid ul {
    background: -o-linear-gradient(left, #fff, #fff, var(--kirb-accent-color), var(--kirb-accent-color), var(--kirb-accent-color));
    background: linear-gradient(90deg, #fff, #fff, var(--kirb-accent-color), var(--kirb-accent-color), var(--kirb-accent-color));
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
    margin-top: 42px;
}


.clarity_grade_section .clarity-grid ul li {
    width: 20%;
    display: inline-block;
    border-top: 1px solid #ccc;
    text-align: center;
    vertical-align: top;
    float: left;
    position: relative;
    padding-top: 26px;
    font-size: 14px;
    color: #6f6f6f;
}

.clarity_grade_section .clarity-grid ul li .gld-c {
    color: var(--kirb-primary-color) !important;
}


.ColorGrade .grd-box.clarity-grid ul li:first-child:before {
    height: 26px;
    width: 1px;
    background: #ccc;
    content: "";
    display: inline-block;
    margin-top: -16px;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
}

.ColorGrade ul li :last-child:after {
    height: 26px;
    width: 1px;
    background: #ccc;
    content: "";
    display: inline-block;
    float: left;
    position: absolute;
    right: 0;
    top: -16px;
}

.diamond_cut_section .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.diamond_cut_section .container .head-pera {
    width: 80%;
    text-align: center;
    margin: auto;
    display: flex;
    justify-content: center;
}


.diamond_cut_section .container .head-pera h2 span {
    color: var(--kirb-primary-color);
}

.diamond_cut_section .diamond_cut_section_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}

.diamond_cut_section .diamond_cut_section_box_repeat {
    width: 22%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: flex-start;
    font-size: 14px;
}

.diamond_cut_section .diamond_cut_section_box_repeat img {
    width: 75%;
    height: 75%;
    margin-bottom: 10px;
}



.clarity-grade {
    width: 10%;
    height: 8px;
    background: var(--kirb-primary-color);
    position: absolute;
    top: 38px;
    text-align: center;
    z-index: 9
}

.clarity-dia {
    width: 100%;
}

.clarity-grade-FL {
    left: 0;
}

.clarity-grade-IF {
    left: 10%;
}

.clarity-grade-VVS1 {
    left: 20%;
}

.clarity-grade-VVS2 {
    left: 30%;
}

.clarity-grade-VS1 {
    left: 40%;
}

.clarity-grade-VS2 {
    left: 50%;
}

.clarity-grade-SI1 {
    left: 60%;
}

.clarity-grade-SI2 {
    left: 70%;
}

.clarity-grade-SI3 {
    left: 80%;
}

.clarity-grade-I1 {
    width: 6.333%;
    left: 80%;
}

.clarity-grade-I2 {
    width: 6.333%;
    left: 86.8%;
    top: 38px;
    z-index: 9
}

.clarity-grade-I3 {
    width: 6.333%;
    left: 93.6%;
    top: 38px;
    z-index: 9
}

.clarity-grade-FL-IF:after,
.clarity-grade-I1:after,
.clarity-grade-I2:after,
.clarity-grade-I3:after,
.clarity-grade-SI1:after,
.clarity-grade-SI2:after,
.clarity-grade-SI3:after,
.clarity-grade-VS1:after,
.clarity-grade-VS2:after,
.clarity-grade-VVS1:after,
.clarity-grade-VVS2:after {
    content: "";
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid var(--kirb-primary-color);
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px);
    border-radius: 50%
}

.three-sixty_wrapper {
    border: 1px solid lightgrey;
    width: 40px !important;
    height: 40px;
    position: relative;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-size: 10px;
    line-height: normal;
    font-weight: 700;
    font-family: Assistant, sans-serif;
}

.three-sixty_wrapper span {
    font-size: 10px;
    line-height: normal;
    font-weight: 700;
    font-family: Assistant, sans-serif;
}

.three-sixty_wrapper .bordered-icon-360-view-360 {
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 800px auto;
    display: block;
    width: 19px !important;
    height: 15px;
    margin-top: -4px;
    background-position: -312px -172px;
    background-image: url(./images/new-sprite-image-kirb.webp);
}

.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-kirb.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-kirb.webp);
}



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

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


.byor_price {
    margin-right: 71px;
}


.custom-pro-box .key-card .image-icon {
    width: 80px;
    max-width: 80px;
    min-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%;
    object-fit: cover;
}

.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;
}

.free-text-section {
    color: #6d6d6d;
    font-size: 14px;
}

.free-text-section .pera-content {
    font-size: 16px;
    margin-bottom: 10px;
}

.free-text-section span {
    font-size: 14px;
    font-weight: 400;
}


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

.ring-size .inner-ring-size .ring-sizes {
    margin-top: 10px;
}

.ring-size .inner-ring-size .ring-sizes label {
    margin-right: 10px;
}

.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: 10px;
    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;
}

.diamond__content--info .inner--info a {
    font-size: 14px !important;
}


.byor-section .inner-byor-page {
    position: sticky !important;
    top: 1rem;
    width: 100%;
    height: 75%;
    display: flex;
}

.certificate-div,
.tryon-div {
    cursor: pointer;
}

.carat-diamond {
    display: flex;
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-image: url(./images/carat-diamond.webp) !important;
    background-size: 300px;
}

.carat-diamond.carat0-25 {
    background-position: 1px 1px;
}

.carat-diamond.carat0-5 {
    background-position: -43px -1px;
}

.carat-diamond.carat1-5 {
    background-position: -90px -2px;
}

.carat-diamond.carat02 {
    background-position: -140px -3px;
}

.carat-diamond.carat2-5 {
    background-position: -192px -5px;
}

.carat-diamond.carat03 {
    background-position: -248px -8px;
}


@media (max-width: 767px) {

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

    .mark-icon-byor {
        margin-right: 4px !important;
    }

    .completed .mark-icon-byor img {
        width: 17px !important;
        height: 17px !important;
        max-width: 17px !important;
    }


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

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

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

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

    .pro__details .pro__details--box .pro__details-ul .pro__details-li div {
        font-size: 14px !important;
    }

}


.sample-div {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: var(--kirb-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;
}

.carat-section-outer-div .heading-description .desc-heading_h2 {
    padding-left: 1%;
    font-size: 28px;
    font-weight: 400;
    line-height: normal;
    font-family: Assistant, sans-serif !important;

}

.carat-section-outer-div {
    padding: 20px;
}



.styled-hr {
    border: none;
    height: 2px;
    background-color: #000000 !important;
    /* background-color: #242833; */
    margin: auto;
    width: 98%;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.kirb-diamond-list table tr {
    border-bottom: 1px solid #efefef;
}

.section-carat-weight {
    /* border: 1px solid grey; */
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    padding-bottom: 20px;
}

.gemstone-carat-weight {
    width: 50% !important;
    min-width: 50% !important;
    border: none !important;
}

.gemstone-carat-weight .carat-section-outer-div {
    padding: 0;
}

.gemstone-carat-weight .carat-section-outer-div {
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.gemstone-carat-weight .desc-heading_h2,
.gemstone-pro__details .desc-heading_h2 {
    margin-bottom: 8px;
    font-size: 28px;
    font-weight: 400;
    line-height: normal;
    font-family: Assistant, sans-serif !important;
    color: #242833bf;
}

.gemstone-carat-weight .heading-description .desc-para-section {
    padding: 0px;
    margin-bottom: 50px;
    font-size: 16px;
}

.gemstone-carat-weight .styled-hr {
    margin-bottom: 30px;
}

.gemstone-pro__details {
    display: flex;
    flex-direction: column;
}

.gemstone-pro__details .description {
    margin-top: 0px;
}

.gemstone-pro__details .pro__details-ul {
    width: 100% !important;
}


.color-near {
    width: 209px !important;
    background-position: -184px 0;
}


.clarity-I {
    background-position: 0px 0px;
}

.clarity-SI {
    background-position: -108px 0px;
}

.clarity-VS {
    background-position: -207px 0px;
}

.clarity-VVS {
    background-position: -303px 0px;
}

.clarity-F {
    background-position: -400px 0px;
}

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


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

.products-images .img-section .main-image .inner-main-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pro__details .heading_2 {
    font-size: 32px;
    line-height: normal;
    font-weight: 400;
}

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

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

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

.gem_type__filter {
    margin-top: 20px;
}


@media(min-width:1366px) {

    .gem_type__filter .gem_type__inner .gem_type-box .gem_type-name {
        font-size: 14px !important;
    }

    .section-width-carat {
        width: 50% !important;
    }

    .products-images .img-section .main-image .kirb_detail_img_preview {
        height: 400px;
    }
}


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

.products-images .img-section .main-image .inner-main-image {
    height: 410px;
}

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

.shape-heading span {
    display: none;
}


@media (min-width: 1000px) and (max-width: 1380px) {
    .products-images .img-section .main-image .inner-main-image {
        height: 310px;
    }

    .filter--section .filter_div .shape__inner {
        gap: 3px;
        padding: 10px;
    }
}

@media (min-width: 768px) and (max-width: 999px) {
    .products-images .img-section .main-image .inner-main-image {
        height: 230px;
    }
}



/* <!-- byor page  --> */


@media (max-width:1000px) {
    .byor_price {
        display: none !important;
    }
}

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

    .gem_color__inner .gem_color-box {
        flex: 0 0 15%;
        margin-bottom: 7px;
        margin-top: 7px;
    }

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

    .price_checkbox {
        margin-top: 56px !important;
    }

    .filter--section .filter_div .filter_inner {
        width: 100%;
        padding: 5px;
        gap: 4px !important;
    }

    .gem_color__inner {
        padding: 10px;
    }

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


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

    .kirb-diamond-grid .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;
    }

    .Product-tab_main {
        display: initial !important;
    }

    .compare-products-list .comparison__body:first-child {
        margin-left: 180px !important;
    }

    .product-compare .comparison__header {
        background-color: #fff;
        width: 180px;
        min-width: 180px;
        max-width: 180px;
    }

    /* details page */

}

@media (min-width: 620px) and (max-width: 1104px) {
    .filter__btn {
        /* width: 100%; */
        font-size: 12px;
        margin: auto;
        display: flex;
        justify-content: center;
        gap: 15px;
    }

}

@media (max-width:620px) {

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

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

    .filter__btn .inner-filter-btn a {
        width: 125px;
    }

    .filter__btn {
        width: 100%;
        font-size: 9px;
        margin: auto;
        display: flex;
        justify-content: start;
        padding-left: 0;
        gap: 15px;
        padding-bottom: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .filter__btn .inner-filter-btn {
        flex: none;
        margin: 0px;
        margin-right: 0px;
    }
}

@media (max-width: 767px) {

    #keyideas-logo-main {
        content: " ";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        background-image: url(./images/powered-by-keyideas.png);
        width: 142px;
        height: 20px;
        background-size: cover;
        background-position: 100%;
        top: 100%;
    }

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

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

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

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

    .byor-section .inner-byor-page {
        display: flex;
        flex-direction: column-reverse;
    }

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

    /* .filter--section {
        margin-top: -10px;
    } */

    .details-page section {
        margin-bottom: 30px;
    }

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

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


    .kirb-filter-advance-block {
        /* flex-direction: column; */
        align-items: center;
    }

    .filter--section {
        margin-left: 0;
        margin-right: 0;
    }


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

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

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


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

    .show__short .sort-width {
        width: auto !important;
    }

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

    .filter--section .slider-section .input-div {
        transform: translate(-12px, -10px);
        width: 106%;
    }

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

    .filter--section .filter_div {
        margin-bottom: 20px;
        padding: 0 !important;
        height: auto;
    }

    .filter__btn .inner-filter-btn a {
        width: 141px;
        font-size: 14px;
    }

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

    .color_Diamonds {
        margin-bottom: 20px;
    }

    .gem_color__inner {
        display: flex !important;
        flex-direction: initial !important;
        gap: 6px;
        padding: 10px;
    }

    .gem_color__inner .gem_color-box {
        flex-direction: column !important;
    }

    .gem_color__inner .gem_color-box {
        flex: 0 0 15%;
    }

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

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

    .show__short input,
    .show__short select {
        width: 125px !important;
        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;
    }

    .filter--section .slider-section .input-div input:focus {
        border-color: #c4c4c4;
    }

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

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

    .kirb-filter-advance-block {
        position: relative;
        justify-content: center !important;
        gap: 9px !important;
    }

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

    .kirb-filter-advance-block label {
        width: 153px !important;
        height: 41px !important;
        font-size: 14px !important;
    }

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

    .kirb-filter-advance-block label {
        right: 20px;
        top: 10px;
    }

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

    .kirb-diamond-grid .prod-item {
        flex: 0 0 calc(50% - 8px);
        margin-bottom: 5px !important;
    }

    .kirb-diamond-grid .prod-item .image-div {
        height: 175px !important;
        margin-bottom: 5px !important;
    }

    #griddesign.tab-pane.active {
        margin-top: 20px;
    }

    .kirb-diamond-grid .prod-item .content-div {
        margin-bottom: 0 !important;
    }

    .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%;
    }

    .gemstone-carat-weight .carat-section-outer-div {
        border: none !important;
    }

    .Product-tab_main .tab-section .tab-section-btn {
        width: 100%;
        height: 40px !important;
        padding: 0px !important;
        font-size: 12px;
    }

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

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

    .kirb-diamond-list table tr .wislist-arrow-section {
        width: 40px !important;
        max-width: 40px !important;
        min-width: 40px !important;
    }

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

    .kirb-diamond-list table .product__img {
        margin: 2px 0 !important;
    }

    .kirb-diamond-grid,
    .kirb-diamond-list {
        margin-top: 0px;
    }

    .compare-products-list .comparison__body:first-child {
        margin-left: 150px !important;
    }

    .product-compare .comparison__header {
        background-color: #fff;
        width: 150px;
        min-width: 150px;
        max-width: 150px;
    }

    .kirb-diamond-list {
        width: 100%;
        overflow-x: auto;
    }

    /* details page */

    .products-images .img-section {
        flex-direction: column-reverse;
        margin-bottom: 20px;
    }

    .thumbnail-image-slide {
        width: 90%;
        margin-top: 20px !important;
        /* height: 85px;  */
        /* overflow: hidden; */
        margin: auto;
        display: flex !important;
        justify-content: center;
    }

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

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

    .products-images .img-section .main-image {
        width: 100%;
        position: relative !important;
    }

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

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

    .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;
    }

    .choose__carat-weight .diamond__size-div ul li {
        padding: 0 0 15px;
    }

    .choose__carat-weight .choose__carat-content p {
        width: 100%;
    }

    .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;
    }

    .colour_grade_section .head-pera {
        width: 100%;
        font-size: 12px;
    }

    .colour_grade_section .color_grade {
        width: 100%;
        font-size: 12px;
    }

    .colour_grade_section .color_grade .grd-box ul li {
        font-size: 12px;
    }

    .diamond_cut_section .diamond_cut_section_box_repeat {
        font-size: 12px;
        flex: 0 0 50%;
        margin-bottom: 10px;
    }

    .ColorGrade .grd-box.clarity-grid ul li {
        font-size: 0;
    }

    .ColorGrade .grd-box.clarity-grid ul li span {
        font-size: 12px;
    }

    .diamond_cut_section .container .head-pera {
        width: 100%;
    }

    .clarity_grade_section .head-pera {
        width: 100%;
    }


}


@media all and (min-width: 1200px) {

    .products-images .img-section {
        display: flex;
    }

    .filter_div.gemstone-div {
        margin-top: 20px;

    }
}

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

    .diam-information-box {
        font-size: 13px !important;
    }

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

    .sample-div-detail-page {
        padding: 1px 10px !important;
        width: 74px !important;
    }

    .products-images .diamond__content .color {
        width: 20% !important;
        font-size: 14px !important;
    }

    .products-images .diamond__content .clarity {
        width: 30% !important;
        font-size: 14px !important;
    }

    .products-images .diamond__content .cut {
        width: 30% !important;
        font-size: 14px !important;
    }

    .products-images .diamond__content--info .inner-free-shipping {
        font-size: 13px !important;
    }

    .products-images .diamond__content--share .contact-info a {
        font-size: 12px !important;
    }

    .kirb-diamond-modal .choose--btn {
        width: 104% !important;
    }
}


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

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

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

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

    .kirb-diamond-list table tr th {
        width: 48px !important;
        max-width: 48px !important;
        min-width: 48px !important;
    }

    .kirb-diamond-list table .compare-heading {
        width: 72px !important;
        max-width: 72px !important;
        min-width: 72px !important;
    }
}

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

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

.kirb_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;
}

.kirb_loader img {
    width: 160px;
}

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

.view360-details-page-mobile {
    display: none;
}


/* product end */

.kirb_label_disable {
    color: #bebebe;
}

.kirb_mjr_catg {
    cursor: pointer;
}

.kirb-img-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.kirb-img-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid grey;
    width: 70px;
    height: 70px;
    margin-bottom: 20px;
}

.kirb-img-item svg {
    width: max-content;
    height: auto;
}

.kirb-img-item.active {
    border: 1px solid var(--kirb-primary-color);
}

.kirb_detail_img_preview svg {
    height: 100% !important;
    width: 100% !important;
}

.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: 999999;
    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(--kirb-primary-color);
}

.head-round-cut {
    position: relative;
}

.head-round-cut .ki-logo {
    position: absolute;
}

@media (max-width:1120px) {

    .head-round-cut .ki-logo {
        position: initial !important;
        margin-bottom: 15px;
    }

}

@media (min-width:1600px) {
    .kirb-diamond-grid {
        gap: 17px !important;
    }
}

input:focus {
    outline: none !important;
}

/* ................ cut, carat , new design ------------- */

.images-4Cs-common img {
    width: 100%;
}

.pointer1-image-point img {
    width: 24%;
}

.pointer1-image-point {
    position: relative;
    top: 30px;
}


@media (min-width:767px) {

    .kirb_detail_img_preview svg.diamond_structure {
        transform: translate(0, -10%);
    }

    .kirb_detail_img_preview svg.shape_structure {
        transform: translate(0, -2%);
    }

    .pointer1-image-point {
        position: relative;
        top: 21px;
    }

    .section-carat-weight {
        min-width: 50%;
        margin-bottom: 15px;
    }
}



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

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

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

@media screen and (min-width: 1200px) {
    .site-wapper {
        /* max-width: 82%; */
    }
}

.site-wapper {
    display: block;
    margin: 0 auto;
    width: 99%;
}

.compareDiamond_title {
    margin-bottom: 50px;
    color: #242833;
    padding-bottom: 20px !important;
    padding-left: 2px !important
}

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

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

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

.compareDiamonds {
    justify-content: start;
    margin-bottom: 60px;
}

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

.compare-diamonds-width {
    width: 99.5% !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;
    }

    .kirb_main_section .compareDiamonds .diamondCompare_list .diamondList {
        width: 100%;
        max-width: 170px;
        min-width: 170px;
    }

}

.kirb_main_section .compareDiamonds .diamondCompare_list .diamondList {
    width: 100%;
    max-width: 200px;
    min-width: 200px;
}


.diamondCompare_container li,
.diamondList li {
    list-style: none;
}

.diamondList {
    padding: 0 !important;
}

.diamondList {
    position: relative;
}

.diamondList_first {
    /* border: 1px solid #707070; */
    border: 1px solid rgba(0, 0, 0, 0.2);
    /* border-right: 0; */
}

.diamondList_first .diamondList_heading {
    border-bottom: 0;
}

.diamondList ul li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.diamondList ul li {
    height: 50px;
    color: rgba(36, 40, 51, 0.75);
    font-size: 14px;
}


.diamondList_first li {
    min-width: 200px;
}

.diamondCompare_container li,
.diamondList li {
    list-style: none;
}

.diamondList_heading {
    font-size: 16px;
    font-weight: 400;
}

.iconDown::before {
    content: "\2193";
    /* content: "\2191"; */
    font-size: 14px;
    color: var(--kirb-primary-color);
    margin-right: 5px;
}

.iconUp::before {
    content: "\2191";
    font-size: 14px;
    color: var(--kirb-primary-color);
    margin-right: 5px;
}

@media (max-width:1366px) {
    .diamondCompare_list {
        overflow-x: scroll !important;
    }

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

/* .active-diamond {
    border-left: 3px solid #092143 !important;
    border-right: 3px solid #092143 !important;
    border-bottom: 3px solid #092143 !important;
} */

/* .active-diamond::before {
    content: " ";
    display: block;
    position: absolute;
    width: 99%;
    height: 3px;
    background-color: #092143;
} */

@media only screen and (min-width: 1201px) {
    .diamondList_second li {
        padding-left: 20px;
        padding-right: 20px;
    }
}

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


.diamondList_image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

.diamondList_second {
    /* border-top: 1px solid #a19f9f;
    border-left: 1px solid #a19f9f;
    border-bottom:1px solid #a19f9f; */
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.diamondList_Last {
    /* border-right: 1px solid #a19f9f; */
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

/* @media only screen and (min-width: 750px) and (max-width: 1281px) {
    .site-wapper {
        padding-left: 10px;
        padding-right: 10px;
    }
} */

@media only screen and (min-width: 750px) and (max-width: 1281px) {
    .heading--2 {
        font-size: 24px;
        line-height: 1.1;
    }
}

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

    .compareDiamonds {
        justify-content: center;
    }

}

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

    .diamondList_first li {
        min-width: 170px;
    }

    .diamondList_second li {
        /* min-width: 180px; */
        min-width: 152px;
        padding: 0;
    }
}


@media only screen and (max-width: 1280px) {
    .diamondList_second li {
        padding-left: 20px;
        padding-right: 20px;
    }
}


@media only screen and (max-width: 600px) {
    .compareDiamond_title {
        margin-bottom: -10px;
    }

    .carat-section-outer-div .heading-description p {
        padding: 0 !important;
    }

    .pointer-create-css {
        width: 80px !important;
        height: 20px !important;
        font-size: 8px !important;
        top: 8px !important;
    }

    .pointer-create-css-carat {
        width: 80px !important;
        height: 20px !important;
        font-size: 8px !important;
        top: 8px !important;
    }

    .pointer-create-css:after {
        border-top: 20px solid var(--kirb-primary-color) !important;
    }

    .pointer-create-css-carat:after {
        border-top: 20px solid var(--kirb-primary-color) !important;
    }

    .section-carat-weight {
        border: none !important;
    }

    .carat-section-outer-div {
        padding: 0 0 !important;
    }
}


@media only screen and (max-width: 680px) {
    .compareDiamonds {
        margin-left: 0;
    }
}

@media only screen and (max-width: 600px) {
    .diamondList_first li {
        max-width: 90px;
    }
}

@media only screen and (max-width: 600px) {
    .diamondList_first li {
        min-width: 100px !important;
    }
}

@media only screen and (max-width: 790px) {
    .diamondList_heading {
        text-align: center;
    }
}

@media only screen and (max-width: 600px) {
    .diamondList_first li {
        max-width: 90px;
    }
}

@media (min-width:1500px) {
    .last_diamondList_heading {
        padding-right: 20% !important;
    }

}

.active-diamond-list {
    background-color: #e9e6ed;
}


.diamondList_second {
    padding: 0;
}

.diamondList_first {
    padding: 0;
}

.diamondList li {
    justify-content: left !important;
}

.diamondList_first li {
    padding-left: 20px !important;
}

.diamondList a {
    text-decoration: none !important;
    color: var(--kirb-primary-color) !important;
}

.diamondCompare_container ul {
    padding: 0;
    margin: 0;
}

.diamondList span {
    width: 100%;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 15px;
    padding-top: 15px;
}

.diamondList_second {
    padding: 0 12px;
}

.diamondList {
    padding: 0 12px;
}

@media (min-width:768px) {
    .diamondList_first_span-margin {
        margin-right: 34px !important;
        margin-left: 20px !important;
    }

}


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

.sitewrapper .compareDiamond_title {
    text-align: left !important;
}

.compareDiamond_title .heading-h2 {
    font-size: 28px;
    line-height: normal;
    margin-top: 55px;
}

.pointer-create-css {
    width: 100px;
    height: 25px;
    right: -40px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    padding: 3px;
    display: flex;
    border-radius: 3px;
    transform: translateX(-50%) translateY(15px);
    background-color: var(--kirb-primary-color);
    white-space: nowrap;
    color: #fff;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    display: flex;
    position: relative;
    top: 0px;
}

.pointer-create-css-carat {
    width: 100px;
    height: 25px;
    right: -40;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    padding: 3px;
    display: flex;
    border-radius: 3px;
    transform: translateX(-50%) translateY(15px);
    background-color: var(--kirb-primary-color);
    white-space: nowrap;
    color: #fff;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    display: flex;
    position: relative;
    top: 0px;
}

.pointer-create-css:after {
    position: absolute;
    content: "";
    top: 18px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 30px solid var(--kirb-primary-color);
}

.pointer-create-css-carat:after {
    position: absolute;
    content: "";
    top: 18px;
    left: var(--after-left);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 30px solid var(--kirb-primary-color);
}

.cut-diamond-position-excellent {
    left: 63% !important;
}

.cut-diamond-position-good {
    left: 10% !important;
}

.cut-diamond-position-verygood {
    left: 35% !important;
}

.cut-diamond-position-ideal {
    left: 89% !important;
}


.color-diamond-position-D {
    left: 90% !important;
}

.color-diamond-position-D:after {
    left: 73% !important;
}

.color-diamond-position-E {
    left: 87% !important;
}

.color-diamond-position-F {
    left: 77% !important;
}

.color-diamond-position-G {
    left: 64% !important;
}

.color-diamond-position-H {
    left: 54% !important;
}

.color-diamond-position-I {
    left: 45% !important;
}

.color-diamond-position-J {
    left: 36% !important;
}

.color-diamond-position-K {
    left: 23% !important;
}

.color-diamond-position-L {
    left: 13% !important;
}

.color-diamond-position-M {
    left: 10% !important;
}

.color-diamond-position-M:after {
    left: 24% !important;
}

.clarity-diamond-position-FL {
    left: 91% !important;
}

.clarity-diamond-position-FL:after {
    left: 60%;
}

.clarity-diamond-position-IF {
    left: 91% !important;
}

.clarity-diamond-position-IF:after {
    left: 60% !important;
}

.clarity-diamond-position-VVS1 {
    left: 70.8% !important;
}

.clarity-diamond-position-VVS2 {
    left: 70.8% !important;
}

.clarity-diamond-position-VS1 {
    left: 48.8% !important;
}

.clarity-diamond-position-VS2 {
    left: 48.8% !important;
}

.clarity-diamond-position-SI1 {
    left: 27.5% !important;
}

.clarity-diamond-position-SI2 {
    left: 27.5% !important;
}


.clarity-diamond-position-I1 {
    left: 10% !important;
}

.clarity-diamond-position-I1:after,
.clarity-diamond-position-I2:after,
.clarity-diamond-position-I3:after {
    left: 23% !important;
}

.clarity-diamond-position-I2 {
    left: 10% !important;
}

.clarity-diamond-position-I3 {
    left: 10% !important;
}


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

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

.kirb-filter-advance-block {
    display: flex;
    align-items: start;
    justify-content: end;
    gap: 20px;
    /* justify-content: space-between; */
}

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

/* .ui-slider-handle{
    left: 2% !important;
} */

@media(min-width:1024px) {
    /* .more-filters~.col-lg-4{
        padding-top: 45px;
    } */

    /* .filter-price-fast-section{
        padding-left:10px;
    } */

    /* .price_inp_div{
        margin-left: -6px;
        width: 103% !important;
    } */

    .kirb-filter-advance-block {
        margin-top: 42px !important;
    }
}

.lab_checkbox {
    display: flex;
    justify-content: space-around;
    background-color: #f6f6f6;
    padding: 15px;
    color: gray;
}

.price_checkbox {
    display: flex;
    justify-content: space-around;
    background-color: #f6f6f6;
    padding: 10px;
    color: grey;
    height: 69px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.price_checkbox .vector-icon {
    cursor: pointer;
    position: relative;
}

.price_checkbox .vector-icon .vector-content-popup {
    width: 150px;
    text-align: center;
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    padding: 2px;
    font-size: 12px;
    color: #242833;
    top: -30px;
    right: 0px;
    line-height: normal;
}

.price_checkbox .vector-icon:hover .vector-content-popup {
    display: initial !important;
}

.price_checkbox .vector-icon img {
    margin-left: 5px;
    width: 14px;
    height: 14px;
}

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

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

.shape_item.disabled {
    opacity: 0.5;
    pointer-events: none;
}


@media (min-width: 1001px) and (max-width: 1220px) {
    .filter--section .filter_div .filter_inner {
        justify-content: flex-start !important;
    }

    .shape_item {
        min-width: 12%;
    }
}

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

.price_checkbox>div>input {
    margin-right: 5px;
    width: 18px;
    height: 18px;
    color: #636061;

    /* Optional: Adjust other properties like margin, padding, etc. for positioning */

}


.lab_checkbox>div>input {
    margin-right: 5px;
    width: 18px;
    height: 18px;
    /* Optional: Adjust other properties like margin, padding, etc. for positioning */

}

.price_checkbox>div {
    display: flex;
    font-size: 14px;
    align-items: center;
    font-family: Assistant, sans-serif !important;
}

.price_checkbox label {
    display: flex;
    align-items: center;
}

.lab_checkbox>div {
    display: flex;
    font-size: 14px;
    align-items: center;
}

.lab_checkbox label {
    display: flex;
    align-items: center;
}

.lab_checkbox>div>input {
    margin-right: 10px;
}


.gem_color-box .gemstone-img {
    cursor: pointer;
    background-image: url(./images/new-sprite-image-kirb.webp);
    background-repeat: no-repeat;
    background-size: 800px auto;
    display: block;
    width: 54px !important;
    height: 54px;
}

.blue-gem-color {
    background-position: -22px -90px;
}

.green-gem-color {
    background-position: -92px -90px;
}

.pink-gem-color {
    background-position: -162px -90px;
}

.purple-gem-color {
    background-position: -232px -90px;
}

.peach-gem-color {
    background-position: -302px -90px;
}

.yellow-gem-color {
    background-position: -373px -90px;
}

.red-gem-color {
    background-position: -443px -90px;
}

.orange-gem-color {
    background-position: -513px -90px;
}

.black-gem-color {
    background-position: -583px -90px;
}

.brown-gem-color {
    background-position: -653px -90px;
}

.grey-gem-color {
    background-position: -724px -90px;
}

.teal-gem-color {
    background-position: -514px -151px;
}


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


.products-images,
.pro__details,
.diamond-list-padding,
.stripcontainer,
.kirb_main_section {
    font-family: Assistant, sans-serif !important;
}

.products-images .kirb-diamond-modal .price-section {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.price-comp {
    color: #242833bf;
}

.products-images .kirb-diamond-modal del {
    font-size: 14px;
}

.products-images .kirb-diamond-modal .price-section .total-heading {
    font-size: 14px;
    color: #6d6d6d;
}


.complete_ring {
    display: flex;

}

.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-kirb {
    display: flex;
    width: 28px;
    height: 27px;
    background-repeat: no-repeat;
    background-image: url(./images/new-sprite-image-kirb.webp) !important;
    margin-right: 5px;
}

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

.easy-returns-icon {
    background-position: -100px -165px;
    background-size: 790px;
}

.drop-hint-icon {
    background-position: -158px -172px;
    background-size: 809px;
}


.consult-expert-icon {
    background-position: -190px -168px;
    background-size: 790px;
}

.share-icon {
    background-position: -226px -168px;
    background-size: 790px;
}

.free-shipping .display-icon-text {
    display: flex;
    text-decoration: none !important;
    margin-right: 3% !important;
}

.free-shipping .display-easy-returns {
    display: flex;
    text-decoration: none !important;
}

.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: 18px;
}

.plan-btn.active {
    border-bottom: 3px solid var(--kirb-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: 18px;
}

.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;
}

.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: 100%;
    height: auto;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
}

.price-section-width {
    height: 450px;
}

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

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

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

.check-icon-section .check-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-color: var(--kirb-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 {
    border: none;
    background-color: var(--kirb-primary-color);
    width: 180px;
    padding: 10px;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-top: 15px;
    font-size: 14px;
}

.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: 14px;
    font-weight: 700;
}

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

.recommended .main-section-img .btn-get-it {
    padding: 8px;
    width: 160px;
    border: 1px solid #000;
    color: #000;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    text-align: center;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
}

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


.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;
    margin-right: 35px;
    color: #000;
    text-align: justify;
}


/* language tab */

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

.main-string-table p {
    font-size: 18px !important;
    font-weight: 600;
    margin: 0 !important;
}

.main-string-table .heading {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.string-table table {
    width: 100%;
    margin-top: 20px
}

.string-table table tr {
    width: 100%;
    text-align: left
}

.string-table table tr .reading {
    color: grey !important
}

.string-table table tr td,
.string-table table tr th {
    color: #000 !important;
    text-align: left;
    border: 1px solid #d3d3d3;
    padding: 10px 14px;
    width: 20%
}

.string-table table tr textarea {
    width: 100%;
    height: 100%;
    background-color: transparent;
    color: #000 !important;
    border: none;
}

/* width */
.string-table table tr textarea::-webkit-scrollbar {
    width: 2px;
    height: 100%;
}

.string-table table tr textarea::-webkit-scrollbar-thumb {
    background: lightgray;
}

.string-table table tr textarea::-webkit-scrollbar-track {
    background: transparent;
}

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


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

.string-table textarea#story {
    -moz-appearance: none;
    outline: 0 none transparent
}

.string-table textarea:focus {
    outline: 0
}

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



@media (max-width: 767px) {

    .byor-content {
        width: 100% !important;
    }

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

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

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

    #listdesign .kirb-diamond-list {
        margin-top: 0 !important;
    }

    .kirb-diamond-list {
        width: 100%;
        max-height: 500px;
        /* min-height: 500px; */
        /* height: 500px; */
        overflow: scroll;
    }

    .kirb-diamond-list table .heading {
        position: sticky;
        top: -1px;
        z-index: 1;
    }

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

    .view360-details-page-mobile {
        display: initial !important;
        position: absolute;
        top: 10px;
        right: 10px;
        background: #fff;
        border-radius: 50vh;
    }

    .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;
    }

    .color_Diamonds {
        translate: -12px;
        width: 106%;
        background-color: #f6f6f6;
    }

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

    .price_checkbox {
        width: 106%;
        translate: -12px;
        height: 52px;
        margin-bottom: 20px !important;
        margin-top: 20px !important;


    }

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

    .grid-list-tab {
        display: none !important;
    }

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

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

    #griddesign {
        display: none !important;
    }

    .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;
    }

    .gemstone-carat-weight {
        width: 100% !important;
        margin-top: 30px;
    }



}

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


.tab-btn-section {
    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 {
    margin-left: 15px;
}

.tab-btn-section ul li button,
.client-login-btn {
    padding: 0 10px 0 0 !important;
    margin: 0 !important;
    color: #000;
    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,
.client-login-btn {
    opacity: 35%;
}

.client-login-btn {
    text-decoration: none;
    display: flex;
    align-items: start;
    line-height: 35px !important;
    flex-direction: column;
}

.client-login-btn span {
    font-size: 12px !important;
    line-height: normal;
    margin-top: 3px;
}

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

.tab-btn-section ul li button.active {
    background-color: var(--kirb-accent-color) !important;
    color: var(--kirb-text-accent-color) !important;
    opacity: 100% !important;
}

.tab-btn-section ul li .completed {
    opacity: 100% !important;
}

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

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

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

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

.tab-btn-section h5 {
    font-size: 14px !important;
    font-weight: 700;
    color: #000 !important;
    margin: 0;
}

.tab-btn-section .version-p p {
    font-size: 14px !important;
    font-weight: 500 !important;

}

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

.main-heading-btn {
    max-width: 98%;
    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;
    /* box-shadow: 0 1px 0 rgba(17, 17, 26, .05), 0 0 8px rgba(17, 17, 26, .1); */
    border: 1px solid #e1e1e1;
}

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

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

.right-section {
    width: 98%;
    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;
    width: max-content;
}

.step-color-div {
    margin-top: 25px;
    display: flex;
}

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

.step-color-div .color-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* width: 30%; */
    gap: 9px;
    /* margin-bottom: 20px; */
    /* margin-top: 20px; */
    margin-right: 33px;
    font-family: Assistant, sans-serif !important;
}

.step-color-div .color-inner .box-color {
    width: 33px;
    height: 25px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid black;
    border-radius: 4px;
}


.step-color-div .color-inner .color-box {
    width: 35px;
    height: 28px;
    padding: 0 !important;
    border: none;
    margin: -2px;
    cursor: pointer;
}

.step-color-div .color-inner .color-box.primary {
    background-color: var(--kirb-primary-color);
}

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

.step p {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin: 0;
    color: black;
    line-height: normal;
}

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

.stap-grid-section {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
    margin-top: 10px;
}

.wp-core-ui select {
    min-height: 40px !important;
    border-color: #000 !important;
    border-radius: 6px !important;
}

.stap-grid-section .item {
    flex: 0 0 50%;
    width: 100%;
    margin-top: 15px;
}


.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;
    justify-content: space-between;
    width: 15px;
    height: 15px;
}

.input-section .send-link-icon {
    display: flex;
    justify-content: center;
}

.input-section .send-link-icon img {
    width: 12.25px;
    height: 12.25px;
}

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

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

.number-section span {
    /* width: 52px; */
    width: 15%;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border: 1px solid lightgray;
    border-radius: 5px;
    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);
}

.step-3 .cashe-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;

}

.cashe-div .head-cache {
    font-weight: 600;
}

.cashe-div .checkbox-section p {
    margin-left: 10px;

}

.cashe-div .checkbox-section input {
    width: 20px;
    height: 20px;
    margin: 0 !important;
}


.cashe-div button {
    padding: 0;
    border: none;
    border-bottom: 1px solid black;
    background-color: transparent;
    width: max-content;
}

.enabled-div {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 14px;
}

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

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

input[type='checkbox'] {
    width: 16px;
    height: 16px;
    border: 1.5px solid var(--kirb-primary-color);
    border-radius: 2.5px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

input[type=checkbox]:checked:before {
    width: 20px;
    height: 20px;
}

input[type=checkbox]:focus {
    border-color: var(--kirb-primary-color);
    box-shadow: none;
}

input[type="text"]:read-only {
    cursor: not-allowed;
    color: grey;
    background-color: transparent;
}

input[type=checkbox]:checked::before {
    content: url(./images/vector.svg);
    margin: 0 !important;
    background-color: #636061;
    /* background-image: url(./images/Vector.png); */
    background-repeat: no-repeat;
    background-size: 20px;
    display: flex;
    border-radius: 2px;
    align-items: center;
    justify-content: center;
    height: 15px;
    width: 15px;
    accent-color: var(--kirb-primary-color);
    background-color: var(--kirb-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(--kirb-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));
}

#comparison {
    margin-bottom: 30px;
}


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

    .byor-content {
        width: 100% !important;
    }

    .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 only screen and (min-width: 768px) and (max-width: 1200px) {
    .show__short {
        margin-top: 20px !important;
    }
}

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

    .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;
    }

    .Product-tab_main .tab-section {
        margin-left: 5px;
    }
}

@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;
    }

    .initial-section .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;
    }
}

/* diamond detail page  */
#sharepopup .kirb-modal-content {
    width: 650px;
    margin: auto;
    border-radius: 0;
}

#sharepopup .modal-body {
    margin-top: -25px;
}


#sharepopup .modal__product_detail {
    display: flex;
    margin-bottom: 30px;
}

#sharepopup .modal__share__section {
    border: 1px solid lightgray;
    padding: 20px;
    text-align: left;
    color: var(--kirb-primary-color);
}

#sharepopup .modal__share__section p {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 20px;
}


#sharepopup .modal__share__section .modal__share__icon_wrapper {
    display: flex;
    gap: 40px;
}

#sharepopup .modal__share__section .modal__copy__link {
    border: 1px solid lightgray;
    display: flex;
    align-items: center;
    height: 50px;
    color: #949393;
    padding-left: 10px;
    position: relative;
}

#sharepopup .modal__share__section .modal__copy__link #pageLinkText {
    position: absolute;
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
}

#sharepopup .modal-header {
    border-bottom: none;
    display: block;
}

#sharepopup .title {
    margin: 1.5rem 0 2rem;
    font-size: 20px;
}

.modal__copy__link .copy-url {
    margin-left: auto;
    width: 50px;
    height: 50px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background-color: var(--kirb-primary-color);
}

.modal__copy__link .copy-url img {
    width: 20px;
    height: 20px;
}


#sharepopup .modal__share__section .modal__copy__link .copy-img {
    background-color: var(--kirb-primary-color);
    width: 100%;
    display: block;
    height: 50px;
    padding: 10px 10px;
}

#sharepopup .modal__share__icons {
    background: url(./images/modal-social-icon-sprite.png) no-repeat;
    width: 60px;
    height: 60px;
}


#sharepopup .kirb-modal-content .btn-close {
    font-size: 20px;
    margin-top: -10px;
}

#sharepopup .kirb-modal-content .modal-title {
    margin-top: -10px;
}

.drop-icon-section {
    display: flex;
    width: 60%;
    justify-content: space-between;
    gap: 15px;
}

.drop-icon-section div {
    display: flex;
    align-items: center;
}

.drop-icon-section div .pera-text {
    margin: 0;
    font-size: 14px;
    line-height: normal;
    display: flex;
    align-items: center;
}

.sprite-popup-iocn {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-image: url(images/new-sprite-image-kirb.webp);
    background-size: 800px;
}

.sprite-popup-iocn.drop {
    background-position: -143px -172px;
}

.sprite-popup-iocn.expert {
    background-position: -177px -172px;
}

.sprite-popup-iocn.share {
    background-position: -211px -172px;
}

.drop-popup-section .kirb-modal-content {
    width: 470px;
    border-radius: 0 !important;
    font-family: Assistant, sans-serif !important;
}

.drop-popup-section .modal-header {
    border-bottom: none !important;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0 !important;
}

.drop-popup-section .modal-header .btn-close {
    position: absolute;
    right: 18px;
    top: 28px;
}

.drop-popup-section .img-section {
    display: flex;
    align-items: center;
    gap: 10px;
}

.drop-popup-section .img-section .pera-content {
    margin-left: 20px !important;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
}

.drop-popup-section .email-section {
    margin-top: 20px;
    border: 1px solid lightgray;
    padding: 0 18px 18px 18px;
}

.drop-popup-section .email-section input,
.drop-popup-section .email-section textarea {
    width: 100%;
    border: 1px solid black;
    padding: 10px 15px;
    margin-top: 15px;
    font-size: 14px;
    border-radius: 0;
}

.drop-popup-section .email-section textarea {
    height: 100px;
}

.drop-popup-section .email-section .send-btn {
    width: 200px;
    height: 51px;
    border: none;
    background-color: var(--kirb-primary-color);
    color: #fff;
    font-size: 18px;
    margin-top: 15px;
    border-radius: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.drop-popup-section .email-section .modal_dynamic_number {
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.drop-popup-section .email-section .modal_dynamic_number a {
    font-size: 16px;
    color: #242833bf !important;
    text-decoration: none;
}

.drop-section h5 {
    font-size: 30px;
    margin-bottom: 8px !important;
    font-weight: 700;
    line-height: normal;
}

.drop-section .pera-content {
    margin: 0;
    font-size: 16px;
    line-height: normal;
}

.modal__share__icon_wrapper {
    display: flex;
    align-items: center;
    gap: 25px;
}

.modal__share__section {
    border: 1px solid lightgray;
    padding: 18px;
    margin-top: 20px;
}

.modal__share__section p {
    font-size: 18px;
    margin: 15px 0;
}

.modal__share__icons {
    background: url(images/modal-social-icon-sprite.png) no-repeat;
    width: 60px;
    height: 60px;
    display: block;
}

.modal__share__icons.facebook {
    background-position: 0;
}

.modal__share__icons.pinterest {
    background-position: -194px;
}

.modal__share__icons.instagram {
    background-position: -95px;
}

.modal__share__section .modal__copy__link {
    border: 1px solid lightgray;
    display: flex;
    align-items: center;
    height: 50px;
    color: lightgray;
    padding-left: 10px;
    position: relative;
}

.modal__share__section .modal__copy__link #pageLinkText {
    position: absolute;
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
}

.modal__share__section .modal__copy__link a {
    margin-left: auto;
    height: 50px;
    z-index: 1;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E") !important;
    transition: all 0.5s;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E") !important;
}

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


.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(--kirb-primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.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 .kirb-modal-content {
    width: 70%;
    height: 80vh;
    margin-left: 20%;
    border-radius: 10px !important;
}

.tutorial-popup .kirb-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-list-tab {
        position: absolute;
        top: 44px;
        left: 0;
        gap: 0 !important;
    }

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

    .grid-list-tab .grid-list-btn {
        width: 50% !important;
        height: 36px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #listdesign {
        display: block !important;
    }


    #diamond-tryon-modal .kirb-modal-content iframe {
        border-radius: 25px 25px 0 0;
    }

    #diamond-tryon-modal .kirb-modal-content .btn-close {
        position: inherit !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 .kirb-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: #f1f1f1;
    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 {
    width: max-content;
    font-size: 18px;
}

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

.add-collection-slider input:disabled {
    color: #000 !important;
    opacity: 50%;
}

.add-collection-slider input:-internal-autofill-selected {
    background-color: #fff !important;
}

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

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

.contact-section h2 {
    width: max-content;
    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 !important;
}

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

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

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

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

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

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

.kirb_empty_err {
    white-space: nowrap;
}

.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 {
    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 {
    font-size: 14px;
    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 .language-sprite-img {
    width: 33px;
    margin-left: 2px;
    height: 27px;
    background-image: url(images/language_sprites.webp);
    background-repeat: no-repeat;
    background-size: 200px;
}

@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: 2;
    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: 100%;
    display: flex;
    /* gap: 50px; */
}

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

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

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

.slider-language .kirb-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 .kirb-lang-btn input {
    margin: 0;
    margin-top: 5px;
}

.slider-language .kirb-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: 11px;
}

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

.slider-language-div .language-sprite-img.en_US,
.language-main-div .language-sprite-img.en_US {
    background-position: -110px -48px;
}

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

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

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

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

.slider-language-div .language-sprite-img.es_ES,
.language-main-div .language-sprite-img.es_ES {
    background-position: -59px -8px;
}

.slider-language-div .language-sprite-img.other,
.language-main-div .language-sprite-img.other {
    background-position: -158px -7.5px;
}

.diamond-mobile-visible-only {
    display: none;
}

.kirb-other-lang-section h2 {
    margin-bottom: 40px;
    font-weight: 700;
    font-size: 26.11px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.kirb-other-lang-section h2 span {
    margin-top: 7px;
}

.kirb-other-lang-section h2 .info-box[data-title]:hover::before {
    width: 190px !important;
}

.kirb-other-lang-section h2 .detail-return[data-title]:hover::before {
    top: -6px !important;
    left: 20px !important;
}

.language-basic-section {
    gap: 15px;
}

.language-basic-section .w--50 {
    width: 50%;
}

.kirb-other-lang-section .other_lang_group {
    width: 100%;
    border: 1px solid #D3D3D3;
    border-radius: 7px;
    padding: 15px;
    overflow: auto;
    height: 485px;
}

.kirb-other-lang-section .other_lang_group div {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.kirb-other-lang-section .other_lang_group span {
    width: 35%;
    font-size: 14px;
    font-weight: 400;
}

.kirb-other-lang-section .other_lang_group input {
    width: 65%;
    height: 39px;
    border: 1px solid #D3D3D3;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    border-radius: 7px;
}

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

    .certificate-popup .kirb-modal-content {
        width: 90% !important;
    }
}

@media only screen and (max-width: 767px) {
    .slider-language {
        width: 100%;
    }

    .diamond-mobile-visible-only {
        display: block;
    }

    .mobile-view {
        display: none;
    }

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

    .lang-basic-slider {
        width: 100% !important;
    }

    .main-div-tab .tab-btn-section {
        width: 100% !important;
    }

    .language-region-div {
        padding: 0 !important;
    }

    .right-section {
        padding: 10px !important;
    }
}

.kirb-grid-internal-iframe {
    border-radius: 2% 2% 0% 0%;
}

.prod-detail-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.prod-detail-button .arrow_icon {
    transform: rotate(90deg);
    transition: transform 0.3s ease;
}

.prod-detail-button .arrow_icon.rotate {
    transform: rotate(270deg);
    transition: transform 0.3s ease-in-out;
}

.prod-detail-data {
    width: 100%;
}

.prod-detail-data .div-checkbox {
    width: 20px;
    height: 20px;
}

.prod-detail-data .item_div {
    margin-bottom: 10px;
}

.prod-detail-data .item_div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.prod-detail-data .item_label {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 80%;
}

.prod-detail-data .item_label input {
    width: 100%;
    height: 40px;
    border-radius: 8px !important;
    border: 1px solid black !important;
    font-size: 14px;
    color: #000;
}



.prod-detail-data .item_label .kirb-message,
.prod-detail-data .item_label p {
    width: 100%;
    height: 40px;
    border-radius: 8px !important;
    font-size: 14px;
    border: 1px solid transparent;
    padding: 0 8px;
    color: #000;

}

.details_vector_icon {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.details_vector_icon .icon-vector {
    width: 100%;
    height: auto;
}

.details_vector_icon .img-hover {
    display: none;
    position: absolute;
    right: 30px;
}

.details_vector_icon:hover .img-hover {
    display: initial !important;
}

.kirb-checkbox-hideshow:checked~.item_label .kirb-checked {
    display: flex;
    align-items: center;
}

.kirb-checkbox-hideshow:not(:checked)~.item_label .kirb-checked {
    display: none;
}


.kirb-product-list-table-dropdown {
    display: initial !important;
}

.kirb-product-list-table-dropdown img {
    width: 15px;
    margin-top: 8px;
}

.kirb-main-tab-section img.rotate {
    transform: rotate(180deg);
}

.kirb-main-tab-section .list-arrow {
    cursor: pointer;
}

.kirb-dynamic-icon {
    cursor: pointer;
}

.product-list-view-img .diamond-shape-icon {
    display: none;
}

@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;
    }

    .diamond-laptop-visible-only {
        display: none;
    }

    .kirb-product-list-table-dropdown {
        display: initial !important;
    }

    .kirb-product-list-table-dropdown img {
        width: 15px;
        margin-top: 8px;
    }

    .kirb-product-list-table-dropdown .rotate {
        transform: rotate(180deg);
    }


    .kirb-diamond-list table tr:not(.heading):hover {
        background-color: transparent !important;
    }

    .diamond-mobile-visible-only {
        width: 50px;
    }

    .diamond-mobile-card-body {
        display: flex;
        gap: 6px;
        padding: 5px 0;
    }

    .diamond-mobile-card-body-image {
        position: relative;
    }

    .diamond-mobile-card-body-image img {
        width: 130px !important;
        height: auto;
        object-fit: contain;
        max-width: initial;
    }

    .diamond-mobile-card-body-image button {
        border: 1px solid var(--kirb-primary-color);
        background-color: transparent;
        width: 100%;
        padding: 0 !important;
        font-size: 16px !important;
        margin-top: 10px !important;
    }

    .diamond-mobile-card-body-image button a {
        text-decoration: none;
        color: black;
        font-size: 14px !important;
        padding: 0 !important;
        width: 100% !important;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .diamond-mobile-card-body .choose-diam-btn {
        margin-top: 5px;
    }

    .diamond-mobile-card-body-details .diam-prop-100 {
        display: flex;
    }

    .diamond-mobile-card-body-details .diam-prop-100 span {
        width: 120px;
        font-size: 11px;
        white-space: nowrap;
        text-align: left;
        color: black;
        font-weight: 600;
    }

    .kirb-diamond-list table:not([class]) td {
        width: inherit;
    }

    .img.rotate-icon {
        transform: rotate(180deg);
    }

    .contact-form-slider.open {
        width: 100% !important;
    }

    .contact-section {
        padding: 20px !important;
    }

    .contact-section input,
    .input-drop-main {
        width: 100%;
    }

}

.kirb_inner_iframe_loader {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kirb_inner_iframe_loader svg {
    width: 40px;
}

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

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

.kirb_loading_360_text {
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 600;
    background-color: #e8e8e8;
}

.info-box {
    position: relative;
    cursor: pointer;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
}

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

.info-box[data-title]:hover::before {
    width: 225px;
    height: fit-content;
    content: attr(data-title);
    position: absolute;
    top: 0px;
    display: inline-block;
    padding: 7px;
    border-radius: 2px;
    background: #ffffff;
    color: #8b8b8b;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    z-index: 999;
    line-height: normal;
    padding: 7px;
    left: 23px;
    bottom: -39px;
    border: 1px solid rgb(162, 162, 162);
}

.tryon-popup .kirb-modal-content {
    width: 100%;
    height: 100%;
}

.certificate-popup .kirb-modal-content {
    width: 55%;
    height: 90%;
}

.tryon-popup .kirb-modal-content,
.certificate-popup .kirb-modal-content {
    overflow: hidden;
    background-color: #fff !important;
    display: flex;
    align-items: end;
    border: none !important;
    padding: 15px;
}

.tryon-popup .modal-dialog,
.certificate-popup .modal-dialog {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 97%;
    overflow: hidden;
    margin: 0 !important;
}

#diamond-tryon-modal .kirb-modal-content .btn-close {
    position: absolute;
    top: 12px;
    right: 13px;
    background-color: #fff !important;
    border-radius: 50% !important;
    padding: 8px !important;
}

.certificate-popup .kirb-modal-content .btn-close {
    position: initial !important;
    border-radius: 0 !important;
    right: 0;
    top: 0;
}

#diamond-tryon-modal .kirb-modal-content .btn-close,
.certificate-popup .kirb-modal-content .btn-close {
    width: 20px;
    height: 20px;
    margin-bottom: 15px;
    background-color: #fff;
}

/* number  */

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

.input-drop-main {
    border: 1px solid #000 !important;
    height: 47px;
    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: 14px;
}

.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: #f1f1f1;
    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: #f1f1f1;
    border-radius: 10px;
}

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

.number-dropdown-content .number-item {
    font-size: 14px;
    padding: 5px 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(--kirb-accent-color);
}

.modal {
    background-color: #00000057;
    z-index: 999999;
}

.modal-backdrop {
    display: none;
}

.initial-basic-tab {
    padding: 15px 20px;
    border: 1px solid #e1e1e1;
    border-radius: 8px 8px 0 0 !important;
    background-color: #fff;
    border-bottom: none !important;
    font-family: Assistant, sans-serif;
}

.remove-top-border {
    border-radius: 0 0 8px 8px !important;
    border-top: none !important;
}

.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;
}


.kirb-addon-toggle-switch {
    position: relative;
    display: inline-flex;
    width: 45px;
    height: 22px;
    background-color: var(--kirb-primary-color);

    border-radius: 50px;
    border: 2px solid transparent;
    cursor: pointer;
    transition: background-color 0.3s ease;
    outline: none;
}

.kirb-addon-toggle-switch.disabled {
    cursor: not-allowed !important;
    opacity: 0.5;
}

.kirb-toast-msg .kirb-a-button {
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
}

.kirb-addon-toggle-switch[data-state="unchecked"] {
    background-color: #BCBCBC;
}

.toggle-slider {
    position: absolute;
    top: 50%;
    left: 4px;
    width: 16px;
    height: 16px;
    background-color: white;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

.kirb-addon-toggle-switch[data-state="checked"] .toggle-slider {
    transform: translate(20px, -50%);
}

.kirb-addon-toggle-switch[data-state="unchecked"] .toggle-slider {
    transform: translate(0, -50%);
}

.switch-container {
    display: flex;
    align-items: center;
    gap: 8px;
}

.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 .status-label.active {
    background-color: var(--kirb-accent-color);
}

.need-help-img img {
    width: 100%;
    height: auto;
}

.need-help-img .add-collection-slider {
    padding: 30px !important;
}

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

.kirb-diamond-list table tr.diamond-list.bg-highlight {
    background-color: var(--kirb-accent-color) !important;
}


.kirb-diamond-grid .prod-item .image-div {
    height: 300px;
}

#kirb_product_grid .view-360-div {
    height: 300px !important;
}

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


@media (max-width: 767px) {

    .product-list-view-img .logo-list-img-laptop .mobile-hide {
        display: none !important;
    }

    .product-list-view-img .diamond-shape-icon {
        display: flex !important;
    }

    .diamond-shape-icon {
        width: 40px !important;
        height: 40px;
        background-image: url(./images/new-sprite-image-kirb.webp);
        background-repeat: no-repeat;
        background-size: 700px auto;
        display: flex !important;
    }

    .diamond-shape-icon.round {
        background-position: -23px -27px;
    }

    .diamond-shape-icon.princess {
        background-position: -84px -27px
    }

    .diamond-shape-icon.cushion {
        background-position: -147px -27px
    }

    .diamond-shape-icon.emerald {
        background-position: -209px -27px;
    }

    .diamond-shape-icon.marquise {
        background-position: -270px -27px;
    }

    .diamond-shape-icon.oval {
        background-position: -331px -27px;
    }

    .diamond-shape-icon.radiant {
        background-position: -393px -27px;
    }

    .diamond-shape-icon.pear {
        background-position: -455px -27px;
    }

    .diamond-shape-icon.asscher {
        background-position: -515px -27px;
    }

    .diamond-shape-icon.heart {
        background-position: -575px -27px;
    }

    .diamond-shape-icon.european {
        background-position: -393px -135px;
    }

    .diamond-shape-icon.old-miner {
        background-position: -331px -135px;
    }

    .diamond-mobile-card-body-image .sample_label {
        position: absolute;
        top: 2px;
        left: 2px;
        line-height: 15px;
        background-color: var(--kirb-accent-color);
        padding: 0px 2px;
        border-radius: 3px;
        font-size: 9px;
        color: black;
        display: inline-block;
        visibility: visible !important;
    }
}

.backbtn {
    position: absolute;
    top: 42px;
    left: 38px;
    text-decoration: none;
    font-size: 24px;
    color: #808080;
    padding: 10px;
}

.black-text {
    color: black;
}

.plus-icon {
    padding-top: 11px;
    padding-left: 9px;
    width: 24px;
    cursor: pointer;
}

.cross-back {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.back-container {
    margin-left: 7%
}

.back-container img {
    width: 16px;
    cursor: pointer;
}

.cross-container img {
    width: 20px;
    cursor: pointer;
}

.cross-container {
    margin-right: 5%
}

.contact-tab-email {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.contact-tab-email .email-contact-div {
    color: #979797;
}

.contact-tab-email p {
    margin: 0;
    font-size: 14px;
}

.contact-tab-email .email-contact-div span {
    color: #000;
}

.contact-tab-email .contact-info-slider-btn {
    text-decoration: underline;
    color: #000;
    cursor: pointer;
}

.select-section-manage-ring {
    display: flex;
    justify-content: space-between;
}

.ring-size-container {
    display: grid;
    place-items: center;
}

.ring-size-container p {
    margin: 0;
    border-bottom: 1px solid black;
    font-family: Inter;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    cursor: pointer;
}

.language-main-div .kirb_dialog_save {
    margin-left: 50px;
}

.link-section p {
    background-color: var(--kirb-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;
}

.text-required {
    color: black;
    font-size: 16px;
    font-weight: 400;
    margin-top: 3px;
}

input::placeholder {
    color: #00000040;
    font-size: 16px;
    font-weight: 400;
}

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

#footer-upgrade {
    display: none !important;
}

.initial-section-header {
    display: flex;
}

.update-section {
    /* color:#4F149A; */
    color: var(--kirb-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;
}

.tab-pane.basic {
    display: flex;
    border: 1px solid #e1e1e1;
    border-top: none;
    border-radius: 0 0 8px 8px;
}

.step-2 .list {
    display: flex;
}

.right-section-size {
    padding: 20px;
    width: 110%;
    border: none;
}

.right-section-container {
    position: relative;
    overflow: hidden;
    padding: 20px;
    width: 100%;
}

.right-section-container .section-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

.right-section-container .arrow-btn {
    display: flex;
    width: 35px;
    justify-content: space-between;
}

.right-section-container .arrow-btn img {
    width: 9px;
    cursor: pointer;
}

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

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

.tab-pane.container {
    padding: 0;
    display: flex;
    border: 1px solid #e1e1e1;
    border-top: none;
    border-radius: 0px 0px 8px 8px;
}

.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;
}


@media (max-width: 768px) {
    .tab-pane.container {
        display: block;
    }

    .tab-pane.basic {
        display: block;
    }

    .right-section-size {
        width: 100%;
    }

    .more-setting-input-section .inner-section {
        width: 100%;
    }

    .more-setting-input-section input {
        width: 100%;
    }

    .step p {
        display: inline-grid;
    }

    .language-region-div .select-section {
        width: 60%;
    }

    .language-basic-section {
        flex-direction: column;
    }

    .language-basic-section .w--50 {
        width: 100% !important;
    }
}

.text-p {
    padding-left: 5px;
    width: 137px;
}

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

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

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

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

.version-p p {
    margin: 0;
}

.item-border {
    border-bottom: 1px solid #b3b3b3;
}

.setting-category-section {
    border-bottom: 1px solid #b3b3b3;
    margin: 20px 0;
}

.border-class {
    border-top: 1px solid #b3b3b3;
}

.theme-header {
    margin-top: 20px;
}

.modal-content.preview-section-modal {
    width: 500px;
    height: 550px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.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;
}

.kirb-contact-btn button {
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid black;
    padding: 5px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    width: 160px;
    height: 40px;
}

.kirb-contact-btn button a {
    text-decoration: none;
    color: inherit;
}

.main-div-tab .tab-btn-section {
    margin-left: 0 !important;
    width: 20%;
    margin-right: 10px;
}

.text-black {
    height: 60px !important;
}

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

.input-drop-main input:focus {
    background-color: transparent;
}

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

.kirb-country-scroll::-webkit-scrollbar {
    width: 20px;
    height: 50px;
}

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

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

.kirb-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: #f1f1f1;
}

.kirb-valid-detail-para {
    font-size: 16px;
    font-weight: 400;
    width: max-content;
}

.kirb-registration-form-styling {
    margin-bottom: 90px;
}

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

.contact-section input::placeholder {
    font-size: 18px;
}

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

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

.manage-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 700;
    color: var(--kirb-primary-color);
    position: relative;
    cursor: pointer;
}

.help-support-heading {
    cursor: initial !important;
}

.tab-btn-section .line {
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid lightgray;
}

.kirb-help-support-tab button {
    opacity: 100% !important;
}

/*  */

.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: 30px;
}

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

.myplan-price-main .main-youget-section {
    width: 62%;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0 15px
}

.myplan-price-main .simple-plan-section h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--kirb-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 .kirb-myplan-price-div {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 25px
}

.kirb-myplan-price-div .inner-price-section .circle {
    width: 12px;
    height: 12px;
    border-radius: 50vh;
    margin-right: 4px;
    border: 1px solid #d3d3d3
}

.kirb-myplan-price-div .inner-price-section {
    cursor: pointer
}

.kirb-myplan-price-div .inner-price-section.active {
    border: 2px solid var(--kirb-primary-color)
}

.kirb-myplan-price-div .inner-price-section.active .circle {
    border: 3px solid #000
}

.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 .kirb-activate-plugin-btn {
    width: 70%;
    height: 40px;
    background-color: var(--kirb-primary-color);
    color: #fff;
    border: 1px solid #000;
    font-size: 14px;
    border-radius: 8px;
    margin-top: 15px;
    margin-bottom: 15px
}

.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: 10px
}

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

.main-youget-section .plan-dropdown-heading .arrow-icon {
    transform: rotate(90deg);
    width: 18px;
    transition: transform .3s ease;
    filter: var(--kirb-text-accent-color-filter) !important;
}

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

.main-youget-section .plan-dropdown-heading h4 {
    font-size: 14px;
    font-weight: 500;
    color: var(--kirb-text-accent-color);
    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; */
    color: var(--kirb-text-accent-color);
    list-style: disc;
    padding: 2px 0;
    font-weight: 400;
    margin: 0;
}

.main-youget-section .inner-youget-section .plan-dropdown-content p {
    font-size: 12px;
    /* color: #000; */
    color: var(--kirb-text-accent-color);
    font-weight: 400;
    margin-bottom: 2px;
    font-family: var(--bs-body-font-family);
}

.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(--kirb-accent-color);
    padding: 10px;
    border-radius: 6px
}

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


.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
}

.country-sprite-icon.hebrew {
    background-position: -78px -24px;
}

.country-sprite-icon.other {
    background-position: -78px -4px;
}

.pera-country-name {
    display: ruby
}

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

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

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

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

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

.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;
    margin-bottom: 0px;
    list-style: disc
}

.chargeable-services-section ul li a {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    list-style: disc;
    text-decoration: underline !important;
}

.chargeable-services-section ul li span img {
    margin-left: 3px;
}

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

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

.recommened-sec {
    margin-top: 50px;
}

.recommened-sec h3 {
    margin-bottom: 30px;
}

.recommened-box-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    gap: 20px;
}

.service-card {
    border: 1px solid #ddd;
    height: 100%;
    flex-direction: column;
    display: flex;
    border-radius: 5px;
}

.video-content-wrapper .app-title {
    font-weight: 700;
    color: #000;
    font-size: 12px;
    margin-bottom: 15px;
}

.video-wrapper {
    height: 230px;
}

#no-dropdown {
    cursor: unset;
}

.service-card video {
    border-radius: 5px 5px 0 0;
    height: 100%;
    object-fit: fill;
}

.video-content-wrapper {
    text-align: center;
    display: flex;
    padding: 30px 10px;
    flex-grow: 1;
    flex-direction: column;
}

.platform-links a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-size: 12px;
}

#no-links {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    line-height: 0px;
    font-size: 12px;
    gap: 5px;
    text-decoration: underline;
}

#no-links .outer_links.dark {
    filter: brightness(0) saturate(100%) invert(58%) sepia(0) saturate(0) hue-rotate(294deg) brightness(96%) contrast(97%);
}

#no-links {
    color: #0000008a !important;
    text-decoration: underline;
}

.platform-links {
    margin-top: auto;
    display: flex;
    gap: 15px;
    justify-content: center;
}

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

.recommened-section h3,
.recommened-sec 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 .main-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
}

@media (max-width: 767px) {
    .recommened-box-wrapper {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
        gap: 15px;
    }

    .video-wrapper {
        height: 175px;
    }
}

@media (min-width:992px) and (max-width: 1024px) {
    .trusted-jewelers-section .inner-slider-section div {
        height: 101px !important;
    }
}

@media (min-width:767px) and (max-width: 1180px) {
    .recommened-box-wrapper {
        display: grid;
        grid-template-columns: repeat(2, minmax(200px, 1fr));
    }
}

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

.inner-slider-section {
    /* display: flex;
    gap: 20px;
    width: max-content;
    animation: slide-left 50s linear infinite; */
    margin-top: 30px;
}

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

.trusted-jewelers-section .inner-slider-section .item,
.trusted-jewelers-section .inner-slider-section-reverse .item {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eaeaea99;
    border-radius: 8px;
    padding: 5px 12px;
    width: 100%;
    /* width: max-content; */
    /* max-width: 180px;
    min-width: 100px; */
    height: 55px !important;
    max-height: 55px !important;
    min-height: 73px !important;
}

.inner-slider-section-reverse {
    margin-top: 25px !important;
    /* animation: slide-right 50s linear infinite !important; */
}

.inner-slider-section-reverse:hover {
    animation-play-state: paused !important;
}


.inner-slider-section .item img,
.inner-slider-section-reverse .item img {
    width: 95%;
    height: 95%;
    object-fit: contain;
}

.inner-slider-bottom {
    margin-top: 25px !important;
}

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

    to {
        transform: translateX(0)
    }
}

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

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

.manage-popup-main {
    position: absolute;
    left: 135px;
    top: 10px;
    border: 2px solid #000;
    background-color: #fff;
    border-radius: 0px 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: 25px;
}

.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(--kirb-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(--kirb-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;
}

.body-overlay,
body.overflow {
    overflow: hidden
}

.body-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 30%;
    width: 100%;
    height: 100vh;
    z-index: 1
}

.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
}

.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: 10px;
    border: 1px solid #000
}

.basic-free-plan-section .year-month-switch-section .yearly-btn {
    margin-top: 5px !important;
}


.active-simple-plan-section h2,
.basic-free-plan-section h2 {
    margin-top: 15px;
    margin-bottom: 30px
}

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

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

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

.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(--kirb-primary-color);
    color: #fff !important;
    border: 1px solid var(--kirb-text-primary-color);
    font-size: 14px;
    border-radius: 8px;
    margin-top: 5px;
    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
}

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

.body-overlay-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #000;
    opacity: 30%;
}

.body-no-scroll {
    overflow: hidden;
    height: 100%;
}

.language-basic-section {
    display: flex;
    justify-content: space-between;
}

@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 .kirb-activate-plugin-btn {
        width: 90%;
    }

    .myplan-price-main .main-youget-section {
        padding: 0 !important;
    }
}

@media (max-width: 767px) {

    .manage-popup-main {
        position: absolute;
        left: 20px;
    }

    .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%
    }
}

.confirm-settings,
.kirb-section-style {
    width: 98%;
}

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

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

.lang-region-tooltip[data-title]:hover::before {
    width: fit-content;
    height: fit-content;
    content: attr(data-title);
    position: absolute;
    top: 80%;
    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;
    bottom: -39px;
    right: 20%;
    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;
}

.kirb-item-container {
    width: auto;
}

.kirb_phone_number_dropdown .kirb-input-number {
    border-radius: 0 10px 10px 0 !important;
}

.kirb-video-tutorial {
    background-color: #E8DDF7;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kirb-video-tutorial .kirb-tutorial-btn {
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent
}

.kirb-tutorial-btn img {
    padding: 15px;
}

.kirb-help-form-submit-msg {
    color: black;
    font-size: 14px;
    font-weight: 400;
}

.kirb-translation-para {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
}

.kirb-close-slider {
    display: flex;
    justify-content: end;
}

.kirb-image-preview {
    width: 721px;
    height: 1039;
    margin-left: 30px;
    margin-top: 5px;
}

.kirb-preview-image,
.kirb-language-preview-image {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.kirb-preview-image.visible {
    display: block;
}

.kirb-language-preview-image.visible {
    display: block;
}


.donot-shoe-section {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    margin-top: 10px;
    margin-bottom: 20px;
}

.donot-shoe-section div {
    display: flex;
    gap: 30px;
    margin-top: 5px;
}

.kirb-country-lang-container {
    display: flex;
    margin-bottom: 17px;
}

.virtual-info-section h4 {
    display: flex;
    align-items: center;
    gap: 5px;
}

.virtual-info-section .virtual-infopopup-div {
    position: relative;
}

.virtual-info-section .virtual-infopopup-div .virtual-info-popup {
    position: absolute;
    padding: 8px;
    font-size: 12px;
    border: 1px solid #b0b0b0;
    color: gray;
    font-weight: 400 !important;
    width: 178px;
    bottom: 30px;
    left: -100px;
    display: none;
    background-color: #fff;
}

.virtual-info-section .virtual-infopopup-div:hover .virtual-info-popup {
    display: flex !important;
}

.kirb-feature-para {
    color: black;
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px;
}

.kirb-bill-para {
    font-size: 12px;
    font-weight: 400;
    color: #353333cc;
}

.kirb-plan-head h2 {
    margin-bottom: 15px !important;
}

.kirb-popup {

    font-weight: 400 !important;
    color: black;
}

.kirb-setup-popup {
    display: flex;
    align-items: center;
    position: relative;
    padding-bottom: 30px;
}

.kirb-setup-number {
    height: 40px;
    width: 40px;
    background-color: var(--kirb-primary-color);
    border-radius: 50%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    margin-right: 20px;
    z-index: 1;
}

.kirb-popup-text {
    position: relative;
    z-index: 1;
}

.kirb-popup-head {
    font-weight: bold;
    color: var(--kirb-primary-color);
}

.kirb-popup-line {
    position: absolute;
    left: 20px;
    top: 40px;
    height: calc(100% - 0px);
    width: 1px;
    background-color: var(--kirb-primary-color);
    ;
    z-index: 0;
}

.popup-step-3 {
    width: 65px;
}

.popup-step-4 {
    width: 80px;
}

.popup-line-step-4 {
    height: calc(100% - 80px);
}

.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;
}

.info-box-listing[data-title]:hover::before {
    top: -40px;
    left: 20px;
}

.engraving-info .info-box-listing[data-title]:hover::before {
    top: -30px !important;
    left: 15px !important;
    transform: translate(-50%, -50%);
}

.detail-shipping[data-title]:hover::before {
    top: -55px;
    left: 20px;
}

.detail-return[data-title]:hover::before {
    top: -55px;
    left: 20px;
}

.detail-expert[data-title]:hover::before {
    top: -70px;
    left: 20px;
}

.review-resizing[data-title]:hover::before {
    top: -55px;
    left: 20px;
}


.kirb-free-pricing-seperator-div {
    width: 100%;
    margin-top: 4%;
    font-size: 14px;
    color: #000;
}

.kirb_list_notify {
    cursor: pointer;
    position: relative;
}

.kirb_list_notify span {
    position: absolute;
    left: 50%;
    bottom: 22px;
    transform: translate(-10%);
    font-size: 12px;
    font-weight: 400;
    color: #000;
    border: 1px solid #a2a2a2;
    border-radius: 3px;
    padding: 2px;
    text-align: center;
    text-decoration: none !important;
    background-color: #fff;
    width: max-content;
    display: none;
}

.kirb_list_notify.show_tooltip span {
    display: initial !important;
}

.tab-section-btn {
    position: relative;
}

.tab-section-btn .tab_notify_popup {
    position: absolute;
    left: 30%;
    bottom: 40px;
    transform: translate(-10%);
    font-size: 16px;
    font-weight: 300;
    color: #000;
    border: 1px solid #a2a2a2;
    border-radius: 3px;
    padding: 2px;
    text-align: center;
    text-decoration: none !important;
    background-color: #fff;
    width: max-content;
    display: none;
    opacity: 1 !important;
}

.tab-section-btn .tab_notify_popup img {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: -2px;
}

.tab-section-btn.disabled:hover .tab_notify_popup {
    display: block !important;
}

.tab-section-btn.disabled {
    cursor: default !important;
    pointer-events: all !important;
    background-color: #efefef65;
}

.tab-section-btn.disabled span:first-child {
    opacity: 0.5;
}

@media (max-width: 767px) {
    .tab-section-btn {
        position: initial !important;
    }

    .Product-tab_main .tab-section {
        position: relative;
    }

    .tab-section-btn .tab_notify_popup {
        /* width: 350px; */
        max-width: 270px;
        left: 40% !important;
        bottom: 65px;
    }

    .kirb-select-filter--laptop {
        display: none !important;
    }

    .kirb-select-filter-show {
        margin-top: 0 !important;
        margin-bottom: 15px;
    }

    .kirb-select-filter-show .kirb-item-filter .btn-close {
        width: 17px !important;
        height: 10px !important;
        margin-left: 0px !important;
    }

    .tab_notify_popup_cmp {
        /* max-width: max-content !important; */
    }

    .wislist-arrow-section {
        width: 40px !important;
        max-width: 40px !important;
        min-width: 40px !important;
    }

    .kirb-wishlist-listing-btn {
        margin-top: 8px !important;
        margin-left: 0px !important;
        width: 15px !important;
        height: 15px !important;
    }

}

@media (min-width: 767px) {
    .kirb-select-filter--mobile {
        display: none !important;
    }
}

.kirb-select-filter-show {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #F6F6F6;
    padding: 10px;
    margin-top: 22px;
}

.kirb-select-filter-show .kirb-item-filter {
    width: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: #6f6f6f;
    display: flex;
    align-items: center;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.kirb-select-filter-show .kirb-item-filter .kirb-select-filter-heading {
    color: #000 !important;
    margin-right: 5px;
}

.kirb-select-filter-show .kirb-item-filter .kirb-select-filter-heading:empty {
    display: none;
}

.kirb-select-filter-show .kirb-item-filter .btn-close {
    width: 10px;
    height: 10px;
    font-size: 10px;
    padding: 0;
    margin-left: 2px;
    background-color: transparent !important;
}

.kirb-360-icon {
    position: absolute;
    right: 10px;
    top: 5px;
    display: none;
    flex-direction: column;
    gap: 4px;
}

.kirb-360-icon .item-360 {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kirb-360-icon .item-360 img {
    width: 90%;
    height: auto !important;
}

.kirb-360-icon .view-360 {
    background-color: #fff;
    border-radius: 50vh;
}

.kirb-360-icon .view-360 i {
    margin: 0;
    font-size: 18px;
}

.kirb-content-heading {
    display: flex;
    gap: 10px;
    width: 98%;
}

.kirb-content-heading .kirb-info-icon {
    width: 15px !important;
    height: 15px !important;
    margin-top: 2px;
    cursor: pointer;
}


.kirb-diamond-details-info-popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 2;
    padding: 27px 20px;
    border-radius: 4px;

}

.kirb-diamond-details-info-popup div {
    display: flex;
    margin: 10px 4px;
}

.kirb-diamond-details-info-popup .cross-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 12px !important;
    height: 12px !important;
    cursor: pointer;
}

.kirb-diamond-details-info-popup div span {
    width: 50%;
    font-size: 14px;
    font-weight: 400;
    color: #242833BF;
    text-align: left;
}

#kirb_product_grid .prod-item:hover .kirb-360-icon {
    display: flex;
}

.kirb-mobile-listing-tabs {
    z-index: 2;
}

.kirb-select-filter-show {
    z-index: 1;
}

.kirb-dynamic-icon {
    filter: opacity(0.3);
}

/* list-view-diamond-details-dropdown start */

.diamond-laptop-visible-only {
    margin-top: -50px;
}

.list-view-diamond-details-dropdown {
    width: 100%;
}

.list-view-diamond-details-dropdown .inner-list-view-diamond-details .image-section {
    position: relative;
}

.list-view-diamond-details-dropdown .inner-list-view-diamond-details .image-section:hover .kirb-360-icon {
    display: initial !important;
}

@media (min-width:1600px) {
    .list-view-diamond-details-dropdown .inner-list-view-diamond-details .image-section:hover .kirb-360-icon {
        right: 20px !important;
    }
}

.list-view-diamond-details-dropdown .inner-list-view-diamond-details {
    width: 100%;
    padding: 30px;
    background-color: #F0F0F0;
    display: flex;
    justify-content: space-between;
}

.list-view-diamond-details-dropdown .image-section {
    width: 25%;
    height: 25%;
}

.list-view-diamond-details-dropdown .diamond-details-content-section {
    width: 70%;
}

.list-view-diamond-details-dropdown .diamond-details-content-section .price-compare-section {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.list-view-diamond-details-dropdown .price-compare-section .diamond-details-compare {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 60px;
}

.list-view-diamond-details-dropdown .price-compare-section .diamond-details-compare div {
    width: 40px;
}

.list-view-diamond-details-dropdown .diamond-details-content-section .price-compare-section p {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: #000;
}

.list-view-diamond-details-dropdown .image-section img {
    width: 100%;
}

.list-view-diamond-details-dropdown .diamond-details-section {
    display: flex;
    justify-content: space-between;
}

.list-view-diamond-details-dropdown .diamond-details-section .item-diamond {
    width: 30%;
}

@media (min-width: 768px) and (max-width:1300px) {
    .list-view-diamond-details-dropdown .diamond-details-section {
        flex-wrap: wrap;
    }

    .list-view-diamond-details-dropdown .diamond-details-section .item-diamond {
        width: 47%;
    }

    .list-view-diamond-details-dropdown .diamond-details-content-section {
        width: 71%;
    }

    .list-view-diamond-details-dropdown .inner-list-view-diamond-details {
        width: 100%;
        padding: 20px;
    }
}

.list-view-diamond-details-dropdown .diamond-details-section .item-diamond p {
    display: flex;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}

.list-view-diamond-details-dropdown .diamond-details-section .item-diamond p span:first-child {
    width: 100px;
}

.list-view-diamond-details-dropdown .diamond-details-section .item-diamond p span {
    display: flex;
    width: 50%;
}

.list-view-diamond-details-dropdown .btn-diamond-details-section {
    display: flex;
    margin-top: 30px;
}

.list-view-diamond-details-dropdown .btn-diamond-details-section .btn-add-setting {
    width: 240px;
    height: 50px;
    background-color: var(--kirb-primary-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--kirb-primary-color);
    font-size: 16px;
    border-radius: 0 !important;
}

.list-view-diamond-details-dropdown .btn-diamond-details-section .view-details {
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    font-size: 14px;
    text-decoration: underline;
    background-color: transparent !important;
    color: #000;
}

/* list-view-diamond-details-dropdown start */

.kirb-admin-wed-catg-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    margin-top: 20px;
}

.kirb-admin-wed-catg-heading h5 {
    margin-top: 0 !important;
}

.cpy-button {
    cursor: pointer;
}

.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 #000000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: Assistant, sans-serif;

}

.select-page-button img {
    transform: rotate(90deg);
    transition: transform 0.3s ease;
}

.select-page-button.rotate img {
    transform: rotate(270deg);
}

.more-setting-input-section small {
    font-size: 14px;
    display: flex;
    flex-direction: column;
}

.kirb-select-page-dropdown {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    cursor: pointer;
}

.kirb-select-page-dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    width: 220px;
    max-height: 180px;
    overflow-y: scroll;
    border: 1px solid #000000;
    border-top: none !important;
    padding: 10px;
    margin-top: -7px;
    border-radius: 0px 0px 8px 9px;
    margin-bottom: 30px;
    scrollbar-width: thin;
    font-family: Assistant, sans-serif;
    font-size: 14px;
    z-index: 1;

}

.kirb-select-page-dropdown-content div {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
    line-height: normal;
    font-size: 14px;
}

.kirb-select-page-dropdown-content input {
    width: 16px;
    height: 16px;
    margin-top: 0px;
}

.kirb-select-page-dropdown-content label {
    display: block;
    padding: 5px;
}

.features-heading {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
}

.kirb_listing_loader_top {
    margin: 28px 0 20px 0 !important;
}



.fade {
    opacity: 1 !important;
}

.modal-backdrop {
    z-index: -1 !important;
}

.kirb-modal-content {
    z-index: 9999 !important;
}

.choose-diamond-wishlist-section {
    display: flex;
    align-items: center;
    gap: 8px;
}

.kirb-wishlist-btn {
    width: 40px !important;
    height: 40px !important;
    background-size: 23px !important;
    background-position: center;
    cursor: pointer !important;
    background-image: url(./images/wishlist-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 15px;
    opacity: 1;
    filter: var(--kirb-primary-color-filter);
}

.kirb-wishlist-btn.active-wishlist {
    background-image: url(./images/active-wishlist-icon.svg) !important;
    opacity: 0.5;
}

.kirb-wishlist-listing-btn {
    width: 18px;
    height: 18px;
    background-size: 15px;
    margin-bottom: 0px;
    margin-top: 3px;
    background-image: url(./images/wishlist-icon-grey.svg) !important;
    background-position: center;
    cursor: pointer !important;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px;
    filter: var(--kirb-primary-color-filter);
}

.kirb-wishlist-listing-btn.active-wishlist {
    background-image: url(./images/active-wishlist-icon.svg) !important;
    opacity: 0.5;
}

.kirb_import_section .enabled-div {
    font-size: 14px;
    gap: 3px !important;
}

.kirb-import-product-button {
    background-color: var(--kirb-primary-color) !important;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: #ffffff !important;
    border: none;
    min-height: 30px;
    max-width: 25rem;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    text-decoration: none;
    border-radius: 6px;
    cursor: pointer;
}

.kirb-import-product-button.disabled {
    pointer-events: none;
    /* Prevent clicking */
    opacity: 0.6;
    /* Make it look visually disabled */
    cursor: not-allowed;
    /* Change cursor */
}

.kirb-arrow-btn {
    display: flex;
    width: 10px;
    justify-content: space-between;
    margin-top: 15px;
}

.kirb-arrow-btn img {
    width: 9px;
    cursor: pointer;
}

.kirb_import_loader,
#kirb_import_success_icon {
    filter: var(--kirb-primary-color-filter);
}


.kirb_scrollable_div .kirb-left-btn,
.kirb_scrollable_div .kirb-right-btn {
    cursor: pointer;
    margin-top: 15px;
    width: 10px;
}

#diamond-tryon-modal .modal-dialog {
    height: 100%;
}

#diamond-tryon-modal .kirb-modal-content {
    padding: 0;
}

.disable-button {
    cursor: not-allowed;
    opacity: .5;
}

/* new filter mobile css starts */

.kirb_mobile-filter-popup,
.kirb_mobile__filter {
    display: none;
}

.fast-checkbox-section {
    color: rgba(36, 40, 51, 0.75);
}

.kirb-checkmark {
    border-radius: 0;
    border: 1px solid #989898;
}

.shape-gem-wrapper-mobile {
    display: none;
}

@media screen and (max-width:767px) {
    .kirb_mobile__filter {
        position: fixed;
        bottom: 0;
        background-color: var(--kirb-primary-color) !important;
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        width: 158px;
        height: 47px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
        border: 0;
        gap: 12px;
        left: 50%;
        transform: translateX(-50%);
    }

    .kirb_mobile__filter.fill__image {
        position: unset;
        width: 158px;
        height: 47px;
        z-index: unset;
        transform: unset;
    }

    .kirb_mobile__filter img {
        width: 20px;
        height: 20px;
    }

    body.no-scroll {
        overflow: hidden;
    }

    .kirb_mobile-filter-popup {
        position: fixed;
        bottom: -100%;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 999;
        transition: bottom 0.4s ease-in-out;
        display: block;
    }

    .kirb_mobile-filter-popup.show {
        bottom: 0;
    }

    .kirb_mobile-filter-popup .filter-sticky {
        position: sticky;
        color: #000;
        font-size: 15px;
        font-weight: 400;
        z-index: 1;
        background-color: #fff;
    }

    .kirb_mobile-filter-popup .filter-sticky p {
        margin: 0;
        line-height: 1;
        padding: 15px;
        border-bottom: 1px solid #D3D3D3;
    }

    .kirb_mobile-filter-popup .search-sticky {
        padding: 15px 15px 0 15px;
    }

    .kirb_mobile-filter-popup .kirb_popup-content {
        padding: 0 30px 185px;
        height: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .kirb_mobile-filter-popup .view--results {
        position: sticky;
        bottom: 0;
        height: 67px;
        width: calc(100% - 30px);
        left: 15px;
        z-index: 999;
        background-color: #fff;
    }

    .kirb_mobile-filter-popup .view--results button {
        background-color: var(--kirb-primary-color);
        color: #fff;
        border: 0;
        height: 47px;
        width: 100%;
    }

    .kirb_mobile-filter-popup .filter--section {
        padding-bottom: 0;
        border: 0;
        padding-top: 0;
    }

    .kirb_mobile-filter-popup .filter-div-ab {
        position: unset;
    }

    .kirb_mobile-filter-popup .kirb-filter-advance-block {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 1;
        width: auto;
    }

    .kirb-filter-advance-block label {
        width: auto !important;
        padding: 0;
        height: auto !important;
        border: 0;
        line-height: 1;
    }

    .kirb_mobile-filter-popup .kirb-filter-advance-block .moreless__div {
        display: none;
    }

    .kirb_mobile-filter-popup .kirb-filter-advance-block button {
        width: auto;
        height: auto;
        margin-right: 0;
        border: 0 !important;
        color: rgba(36, 40, 51, 0.75);
        font-size: 14px;
        padding: 0;
        text-transform: capitalize;
    }

    .kirb_mobile-filter-popup .filter__section {
        padding: 0 15px;
    }

    .kirb_mobile-filter-popup .show__short .short input,
    .kirb_mobile-filter-popup button.btn.btn-search {
        border: 1px solid #e6e6e6 !important;
    }

    .kirb_mobile-filter-popup .show__short .short input {
        width: 100% !important;
        border-right: 0 !important;
    }

    .kirb_mobile-filter-popup button.btn.btn-search {
        border-left: 0 !important;
    }

    .kirb_mobile-filter-popup .filter__section .filter_inner .filter-label-head {
        color: #000;
    }

    .kirb_mobile-filter-popup .shape__filter .shape__inner,
    .kirb_mobile-filter-popup .gem_color__inner {
        flex-wrap: nowrap;
        padding: 0;
        overflow-y: scroll;
        scrollbar-width: none;
        gap: 22px !important;
        background-color: #fff;
    }

    .kirb_mobile-filter-popup .shape__filter .shape__inner::-webkit-scrollbar,
    .kirb_mobile-filter-popup .gem_color__inner::-webkit-scrollbar {
        display: none;
    }

    .kirb_mobile-filter-popup .shape__filter,
    .kirb_mobile-filter-popup .fast-checkbox-section,
    .kirb_mobile-filter-popup .lab-checkbox-section {
        translate: 0 !important;
        width: 100% !important;
    }

    .kirb_mobile-filter-popup .filter--section .filter_div .shape__inner .shape-box,
    .kirb_mobile-filter-popup .gem_color__inner .gem_color-box .inner-gem-section {
        width: 42px !important;
        height: 42px;
        border-radius: 50%;
    }

    .kirb_mobile-filter-popup .shape-box .shape-img,
    .kirb_mobile-filter-popup .gem_color-box .gemstone-img {
        width: 42px !important;
        height: 42px;
        min-height: 42px;
        max-width: 42px;
        min-width: 42px;
        max-height: 42px;
    }

    .kirb_mobile-filter-popup .filter--section .filter_div .filter_inner,
    .kirb_mobile-filter-popup .gem_color__inner {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
    }

    .kirb_mobile-filter-popup .kirb-diamond-shapes .shape_item,
    .kirb_mobile-filter-popup .gem_color__inner .gem_color-box {
        flex: unset;
    }

    .kirb_mobile-filter-popup .slider-section .ui-slider-horizontal {
        width: 96%;
        left: 1%;
    }

    .kirb_mobile-filter-popup .filter--section .slider-section .input-div {
        width: unset;
        transform: unset;
    }

    .kirb_mobile-filter-popup .more-filters {
        height: 100%;
        display: block !important;
    }

    .kirb_mobile-filter-popup .price_checkbox {
        width: 100vw;
        margin-left: -30px;
        justify-content: space-between;
        padding: 0 30px;
        translate: 0;
    }

    .kirb_mobile-filter-popup .lab_checkbox {
        width: 100vw;
        margin-left: -30px;
        translate: 0;
    }


    .kirb_mobile-filter-popup .info-icon {
        padding: 0;
        margin-left: 5px;
        height: 16px !important;
        width: 16px !important;
    }

    .kirb_mobile-filter-popup .fast-checkbox-section,
    .kirb_mobile-filter-popup .lab-checkbox-section {
        width: 100vw !important;
        margin-left: -30px;
    }

    .kirb_mobile-filter-popup .show__short {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .kirb_mobile-filter-popup .show__short .short {
        height: 30px;
        display: block;
        margin-top: 0;
        margin-bottom: 0;
    }

    .kirb_mobile-filter-popup .show__short .short div {
        width: 100%;
    }

    .kirb_mobile-filter-popup .filter--section .filter_div {
        background-color: #fff;
    }

    .kirb_mobile-filter-popup .filter--section .filter-headind {
        margin-bottom: 10px !important;
        padding: 0 !important;
        font-size: 14px;
    }

    .kirb_mobile-filter-popup .color_Diamonds {
        background-color: #fff;
        translate: 0;
        width: unset;
    }

    .shape-gem-wrapper-mobile .shape-box .shape-img,
    .kirb_mobile-filter-popup .shape-box .shape-img {
        background-size: 250px auto;
    }

    .shape-gem-wrapper-mobile .round-shape,
    .kirb_mobile-filter-popup .round-shape {
        background-position: -2px 1px;
    }

    .shape-gem-wrapper-mobile .princess-shape,
    .kirb_mobile-filter-popup .princess-shape {
        background-position: -45px 1px;
    }

    .shape-gem-wrapper-mobile .cushion-shape,
    .kirb_mobile-filter-popup .cushion-shape {
        background-position: -87px 1px;
    }

    .shape-gem-wrapper-mobile .emerald-shape,
    .kirb_mobile-filter-popup .emerald-shape {
        background-position: -127px 1px;
    }

    .shape-gem-wrapper-mobile .marquise-shape,
    .kirb_mobile-filter-popup .marquise-shape {
        background-position: -163px 1px;
    }

    .shape-gem-wrapper-mobile .oval-shape,
    .kirb_mobile-filter-popup .oval-shape {
        background-position: 3px -48px;
    }

    .shape-gem-wrapper-mobile .radiant-shape,
    .kirb_mobile-filter-popup .radiant-shape {
        background-position: -37px -48px;
    }

    .shape-gem-wrapper-mobile .pear-shape,
    .kirb_mobile-filter-popup .pear-shape {
        background-position: -78px -48px;
    }

    .shape-gem-wrapper-mobile .asscher-shape,
    .kirb_mobile-filter-popup .asscher-shape {
        background-position: -122px -48px;
    }

    .shape-gem-wrapper-mobile .heart-shape,
    .kirb_mobile-filter-popup .heart-shape {
        background-position: -170px -47px;
    }

    /* .kirb_mobile-filter-popup .trillion-shape {background-position: -2px -144px;}
	.kirb_mobile-filter-popup .oldminer-shape{background-position: -316px -76px;}
	.kirb_mobile-filter-popup .european-shape{background-position: -301px -1px;} */

    .shape-gem-wrapper-mobile .gem_color-box div:first-of-type,
    .kirb_mobile-filter-popup .gem_color-box div:first-of-type {
        background-size: 700px auto;
    }

    .shape-gem-wrapper-mobile .blue-gem-color,
    .kirb_mobile-filter-popup .blue-gem-color {
        background-position: -22px -82px;
    }

    .shape-gem-wrapper-mobile .green-gem-color,
    .kirb_mobile-filter-popup .green-gem-color {
        background-position: -84px -82px;
    }

    .shape-gem-wrapper-mobile .pink-gem-color,
    .kirb_mobile-filter-popup .pink-gem-color {
        background-position: -145px -82px;
    }

    .shape-gem-wrapper-mobile .purple-gem-color,
    .kirb_mobile-filter-popup .purple-gem-color {
        background-position: -207px -82px;
    }

    .shape-gem-wrapper-mobile .peach-gem-color,
    .kirb_mobile-filter-popup .peach-gem-color {
        background-position: -268px -82px;
    }

    .shape-gem-wrapper-mobile .yellow-gem-color,
    .kirb_mobile-filter-popup .yellow-gem-color {
        background-position: -330px -82px;
    }

    .shape-gem-wrapper-mobile .teal-gem-color,
    .kirb_mobile-filter-popup .teal-gem-color {
        background-position: -330px -138px;
    }

    .shape-gem-wrapper-mobile .red-gem-color,
    .kirb_mobile-filter-popup .red-gem-color {
        background-position: -391px -82px;
    }

    .shape-gem-wrapper-mobile .orange-gem-color,
    .kirb_mobile-filter-popup .orange-gem-color {
        background-position: -452px -82px;
    }

    .shape-gem-wrapper-mobile .black-gem-color,
    .kirb_mobile-filter-popup .black-gem-color {
        background-position: -514px -82px;
    }

    .shape-gem-wrapper-mobile .brown-gem-color,
    .kirb_mobile-filter-popup .brown-gem-color {
        background-position: -576px -82px;
    }

    .shape-gem-wrapper-mobile .grey-gem-color,
    .kirb_mobile-filter-popup .grey-gem-color {
        background-position: -637px -82px;
    }

    .Product-tab_main .nav {
        width: unset !important;
    }

    .show__short .short .search-section {
        display: none !important;
    }

    .grid-list-tab.Product-List__tab {
        position: unset;
        display: flex !important;
        align-items: center;
        gap: 12px !important;
    }

    .grid-list-tab.Product-List__tab button,
    .grid-list-tab.Product-List__tab .grid-list-btn {
        width: 30px !important;
        height: 30px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .grid-list-tab.Product-List__tab button img {
        width: 20px !important;
        height: 20px !important;
    }

    .grid-view-options,
    .list-view-options {
        position: unset;
        display: unset !important;
    }

    #griddesign.show {
        display: block !important;
    }

    .kirb-diamond-grid .prod-item a {
        margin-bottom: 0;
    }

}

@media (max-width: 400px) {

    .kirb_mobile-filter-popup .shape__filter .shape__inner,
    .kirb_mobile-filter-popup .gem_color__inner {
        gap: 15px !important;
    }
}

.kirb_import_msg {
    margin-top: 5px !important;
}

/****************************************/
/******** Concent box CSS Start *********/
/****************************************/

.kirb-consent-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .32);
    z-index: 9999999;
}

.kirb-consent-card {
    width: min(92vw, 440px);
    border-radius: 18px;
    box-shadow: 0 24px 48px rgba(0, 0, 0, .18);
}
.kirb-font-12{
    font-size: 12px !important;
}
.kirb-font-14{
    font-size: 14px !important;
}
.kirb-input-check input{
    display: inline-block !important;
    margin: 0px !important;
    float: unset !important;
    margin-left: -1.5em !important;
}
.kirb-check {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: .25rem;
    border-radius: .3rem;
    border-color: #a3a3a3;
}

.kirb-check:checked {
    background-color: var(--kirb-primary-color);
    border-color: var(--kirb-primary-color);
    box-shadow: none;
}

.kirb-btn-rounded {
    border-radius: .75rem;
}

.kirb-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;
}

.kirb-btn:active {
    transform: translateY(1px);
}

.kirb-btn:disabled,
.kirb-btn[disabled] {
    opacity: .6;
    cursor: not-allowed;
    pointer-events: none;
}

.kirb-btn-primary {
    background: var(--kirb-primary-color);
    color: #fff;
    border-color: #000;
}

.kirb-btn-outline {
    background-color: #fff;
    border: 1.5px solid #000;
    color: #000 !important;
}

/**************************************/
/******** Concent box CSS End *********/
/**************************************/