*{margin:0px;padding: 0px;}
.form-control:hover{border:1px solid #000;}
.custom-container{max-width:1600px;width:100%;margin:auto;}

li.border-box:hover {border-color: #f68626 !important;}

/* ul#diamond-shapes li:hover {color: #0a1c3f !important;font-weight: 600 !important;} */

.tablesorter thead th {display: inline-flex;height: 35px;flex-direction: row;align-content: center;justify-content: space-evenly;align-items: center;flex-wrap: nowrap;}

.list-style-none li{transition: all 0.2s ease-in-out;}

table.tablesorter{text-align:center !important}

.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border-bottom-width: 2px;text-align: center;vertical-align: middle;border: none;color: #ffff;}

.table-bordered>tbody>tr>td{border-left-width:0;border-bottom-width:0;color: #000;min-width: 20px;border-bottom: 1px solid #fff;color:#a6a6a6;}

.table-striped>tbody>tr:nth-of-type(odd){background-color:#fff}.active-shape>label>a>span>img{border:2px solid #323b6b !important}

.active-shape>label>a>.text_shape{color:#323b6b !important;font-weight:600 !important}

.active-label{background-color: #f68626 !important;color:#fff !important;font-weight:600;}

.active-label>label>p{color:#fff !important;font-weight:600}

table.dataTable thead th, table.dataTable thead td{padding:8px 7px 8px 8px !important;border-bottom:1px solid #111}

.table>tbody>tr>td,.table>tbody>tr>th{padding: 7px 1px !important;text-align: center;vertical-align: middle;}

#example1>tbody>tr:nth-child(odd),#example>tbody>tr:nth-child(odd) {background: #dddddd8f;}

.table-thead {background-color: #000 !important;white-space: nowrap;position: sticky;top: 0;}

td.w_amount>a, td.w_amount>a:focus, td.w_amount>a:hover {color: #000 !important;text-transform: capitalize;}

#add_data tr {font-size: 15px !important;font-weight: 400;/* font-weight: bold; */transition: all 0.2s ease-in-out;}

.memo_M,.memo_M1{background-color:#fff4a79e !important}

.memo_A2,.memo_M2{background-color:#FBF9DF !important}

.memo_A.true,.memo_A1.true{background-color:#73c2fb !important}

.memo_A3{background-color:#ace372 !important}
.hide{display:none}
/* .w_check{width: 3%;}
.w_stock{width: 10%;}
.w_memo{width: 4.5%;}
.w_shape{width: 5%;}
.w_cts{width: 6%;}
.w_color{width:5%}
.w_clarity{width:7%}
.w_cut{width: 6%;}
.w_pol{width: 6%;}
.w_symm{width: 6%;}
.w_fls{width: 4%;}
.w_cn{width:3%}
.w_disc{width: 10%;}
.w_rate{width: 6%;}
.w_amount{width:8%}
.w_detail{width: 8%;}
.w_desp{width:6%}
.w_meas{width: 10%;}
.w_lab{width: 5%;}
.w_brand{width: 5%;}  */

.table-condensed td,.table-condensed th{padding:21px !important}

.table-thead.fixed{position:fixed;top: 137px;z-index:1;} 

.tablesorter,.tablesorter thead,.tablesorter tbody{display:flex;flex-direction:column;background: #f8fcff;border: 1px solid #fff;}

.tablesorter tr{display:flex;flex-direction:row}

.tablesorter thead tr {align-items:center;border-bottom: 5px solid #c5c5c5;/* box-shadow: inset 0px 0px 3px 0px #f8f8ff; */} 

@media (min-width: 768px) and (max-width: 1180px){
    .custom-container-90{width:100% !important}.table-thead.fixed{width:1090px}
} 
@media (min-width: 1180px) and (max-width: 1439px){
    .custom-container-90{width: 1260px !important;}
    .table-thead.fixed{width:1260px}
} 
@media (min-width: 1440px) and (max-width:1800px){
    .custom-container-90{width: 1330px !important;}
    .table-thead.fixed{width: 1330px;}
}
 @media (min-width: 1799px) and (max-width:2000px){
    .custom-container-90{width:1395px !important; max-width:100%; }
    .table-thead.fixed{width:1395px}
} 
@media (min-width: 2000px) and (max-width:4560px){.custom-container-90{width:1890px !important}.table-thead.fixed{width:1860px}}header{position:relative;width:100%;z-index:9;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out}ul.carat-list.list-style-none li{float:left;border:0 !important}.slider-range-carat{width:50%;float:left;margin:0px 25px 0px 15px}ul.carat-list.list-style-none li{border:0 !important}ul.carat-list.list-style-none li input{width:65px;border-radius:4px;border:1px solid #d9d9d9;text-align:center;font-weight:bold;font-size: 12px;color: #444;outline: 0;}.shapes-container ul.list-style-none li{border: 1px solid #ccc;border-radius: 6px;}.active-shape{border:1px solid #323b6b}.active-label{background-color:#323b6b}.border-fullpage{/* border: 1px solid #ebebeb; */border-radius: 10px;background: #f8fcff;}section .shapes{margin-top:5px}.list-style-none li{list-style:none;display:inline-block;position:relative;}ul#diamond-shapes li a span{color:#666;font-size:13px;margin:0;display:block;font-weight:400;text-transform:uppercase}ul#diamond-shapes label{margin-left:20px;margin-right:20px;margin-bottom:1px}ul#diamond-shapes li img{display:block;height: auto;border: 1px solid #ebebeb;border-radius:10%;cursor:pointer;width: 55px;transition: all 0.2s ease-in-out;margin: 0 auto;}ol,ul{margin-bottom:0px !important}.shapes input[type="checkbox"], .toggle-section input[type="checkbox"]{display:block;height:100%;top: 0;opacity:0;position:absolute;right:0;width:100%;z-index:2;margin:auto;cursor:pointer;}.border-top{border-top: 1px solid #ffffff;}.section-title{float:left;color: #0a1c3f;text-align:left;font-size: 14px;font-weight:bold;line-height: 30px;padding-bottom: 0px;}ul#diamond-shapes li a{text-decoration:none}ul.pointer-list li{width:auto;border:thin solid #ccc;margin:0;box-sizing:border-box;position:relative;border-radius:3px;cursor:pointer;padding:4px 15px;margin:1px}ul.pointer-list li p{color:#000;font-size:14px;margin:0px;font-weight:400}.pointer-list input[type=checkbox]{opacity:0;cursor:pointer;width:100%;position:absolute;margin-top:0;top:0px;left:0}.section-title{width: 85px;text-align:left;}.shapes-container h3.pointer-title{margin-right: 0px !important;}.shapes-container{padding: 8px 4px;}h3.section-title.color-group-title,h3.section-title.make-group-title{width: 100px;}ul.pointer-list{margin-left: 85px;}ul.color-group-list p , ul.make-group-list.list-style-none p{margin:0px;font-size:13px}ul.color-group-list li , ul.make-group-list li{margin-right: 4px;}.border-box{color:#333333;background: #fff;cursor:pointer;font-size: 12px;padding: 4px 7px;margin: 0 0px;font-weight:400;border: 1px solid #c7c7c7;width: 100%;text-align: center;/*box-shadow: 0px 1px 10px 0px #a9a9a945; */border-right-color:#fff;height:38px;}.border-box-1{padding:4px 25px}h3.section-title.stock-group-title{width: 100px !important;}.bgm-checkbox-check .small-box-bgm{position:relative;border-radius: .15em;width:1em;height:1em;float:left;background-color:#fff;font-size:20px}table.tablesorter .small-box-bgm{position:relative;border:1px solid #a9a9a9;border-radius: .15em;width:15px;height:15px;float:left;background-color:#fff;font-size:20px;margin-top:3px}.bgm-checkbox-check input[type="checkbox"]+.small-box-bgm>.bgm-diamond{transform:scale(2) rotateZ(-10deg);opacity:0;transition:all .3s ease-in}.bgm-checkbox-check input[type="checkbox"]:checked+.small-box-bgm>.bgm-diamond{transform:scale(1) rotateZ(0deg);opacity:1}.bgm-checkbox-check .small-box-bgm .bgm-diamond{position:absolute;font-size: .8em;line-height:0;top:51%;left:0}table.tablesorter .small-box-bgm .bgm-diamond{position:absolute;font-size:10px;line-height:0;top:49%;left:1px;padding:0px}.stocksearch{width:100% !important;border-radius: 6px;padding: 5px 10px;outline: 0;font-size: 14px;border: 1px solid #ddd;}.stocksearch-text{width: 100%;}li.stocksearch-text label{margin-right:5px;display:block;}h3.section-title.bgm-group-title{width:70px}li.bgm-checkbox{height:22px;margin:4px 0px}li.bgm-checkbox-check{width: 20px;height: 20px;}.toggle-title{font-size:13px;font-weight:bold;float:left;width:100px;line-height: 30px;color: #0a1c3f;}.toggle-title-key{font-weight:bold;float:left;padding-right:17px;font-size: 13px;}.search-input{border:1px solid #d9d9d9;padding: 3px 7px;color:#000;margin-right:8px;width:100%;border-radius: 6px;outline: 0;}ul.key-list.list-style-none .border-box{margin-bottom:3px}h3.toggle-title-key.cut-title{line-height:24px;}ul.key-list.list-style-none{margin-top:5px}ul.ratio-list.list-style-none li , ul.gridle-list.list-style-none li , ul.star-list.list-style-none li , ul.lowe-half-list.list-style-none li{width:36%}.checkbox-inline input[type="checkbox"]{display:block;height:75%;left:35px;margin:0 auto !important;opacity:1;position:absolute !important;right:0;width:100%;z-index:999;top:3px}.toogle-heading{font-size:16px;color: #f68626;font-weight:bold;line-height:28px;margin:0px;}.search-reset-button{float:right}.search-reset-button li{border:0 !important}marquee span{color:rgb(230,34,17)}/*.button-list{padding: 15px 0px 5px 2px;}*/i.fa.fa-diamond.diamond-2{margin-left:-10px;color:#000;font-size:12px}ul.list-style-none.button-list button {font-size: 12px;margin-right: 7px;line-height:21px;}.search-reset-button p{margin:0}ul.carat-list.list-style-none i{font-size:30px;margin-left:5px;color:#666}#carat-modal .modal-body table input[type="checkbox"]{opacity:1;position:inherit !important;width:auto}#carat-modal .modal-body table thead tr th{background-color:rgb(248, 248, 248)}.carat-list .modal-dialog{width:255px !important}#carat-modal .modal-body table{margin-bottom:0px}#carat-modal .modal-body table{display:block;overflow-y:auto;height:300px;border:1px solid #444;background-color:#fff}#carat-modal .modal-body{background-color:#eee}#carat-modal .modal-body table td , #carat-modal .modal-body table th{padding:5px}#carat-modal .modal-input{font-weight:bold;text-align:center;width:79px}#carat-modal .modal-body table input[type=checkbox]{margin:6px auto !important;height:auto;width:28px;padding:11px}label{display:inline-block;max-width:100%;margin-bottom:0px !important;}#add_data label{position:relative}.main-nav .navbar-nav li.active a:after{opacity:1}.main-nav .navbar-nav li a:after{background-color:#323b6b}h4.modal-title{font-size:16px;font-weight:600}.modal-footer button.btn.btn-toggle-red{font-size:13px}.modal-footer .btn+.btn{/*margin-bottom:0;*/margin-left:0px !important}ul#diamond-shapes li{border:none;margin-left: 10px;margin-right: 10px;text-align: center;width: 70px;}.p-bg-color{background-color: #2a2e3a;color:#fff;padding: 4px 14px;border-radius:7%;}ul.key-list.list-style-none li{margin:2px 0px}.toggle-section li input{border:0 !important;}.irs{margin-top:-17px}.lightPro th{background-color:#595959;min-width:90px;border:1px solid #b8b8b8;font:11pt Cambria;color:white;font-weight:bold;text-align:left;vertical-align:middle;margin:1px 1px 1px 1px;padding:1px 1px 1px 1px;height:0px}.tab .tab-heading{background-color:#595959;min-width:90px;border-top:1px solid #b8b8b8;font:11pt Cambria;color:white;font-weight:bold;text-align:left;vertical-align:middle;margin:1px 1px 1px 1px;padding:1px 1px 1px 1px;height:0px}.tab .tab-desc{background-color:#d9d9d9;font-weight:bold;border-bottom:1px solid #b8b8b8;font:bold 10pt Cambria;color:#000;vertical-align:middle;padding:2px;font-weight:bold;text-align:left;white-space:nowrap}.grey-bg{background-color:#d9d9d9}.main-tab,.tab{border:1px solid #b8b8b8}.tab-img{width:270px;height:235px;text-align:center;border:1px solid #C9CACF}.lightPro td{background-color:#d9d9d9;font-weight:bold;border:1px solid #b8b8b8;font:bold 10pt Cambria;color:#000;vertical-align:top;padding:2px;font-weight:bold;text-align:left;white-space:nowrap}.padding-border{padding:0;border:0}.fa-plus-circle{font-size:17px;margin-top:2px;cursor:pointer;color:#02a602}.fa-minus-circle{font-size:17px;margin-top:2px;cursor:pointer;color:#323b6b;/* height:23px;/* width:23px; */}i.fa.fa-sort,i.fa.fa-sort-asc,i.fa.fa-sort-desc{color: #f68626;font-size:12px}.tooltip{font-size:10px;font-weight:bold}td>a,td>a:focus,td>a:hover{color:#323b6b;text-decoration:none}
.button-list ul.dropdown-menu li{display:block}
ul.table-list label{width:150px}.search-input{width:100%}.toggle-title{width:75px}ul.table-list li label , ul.depth-list label , ul.width-list label , ul.length-list label , ul.depth-1-list label , ul.cr-angle-list label , ul.cr-height-list label , ul.pav-angle-list label , ul.pav-height-list label{width:100px}ul.ratio-list.list-style-none li, ul.gridle-list.list-style-none li, ul.star-list.list-style-none li, ul.lowe-half-list.list-style-none li{width:31%}ul.carat-list.list-style-none li input{width:50px;font-size:12px;font-weight:700} @media (min-width:1000px) and (max-width:1099px){ul#diamond-shapes label{margin-left:8px;margin-right:8px}ul.pointer-list li p{font-size:12px}ul.pointer-list li{padding:4px 6px}ul.carat-list.list-style-none i{font-size:24px}ul.carat-list.list-style-none li input{width:41px;font-size:10px}

.p-bg-color{padding:6px 10px}ul.table-list li label , ul.depth-list label , ul.width-list label , ul.length-list label , ul.depth-1-list label , ul.cr-angle-list label , ul.cr-height-list label , ul.pav-angle-list label , ul.pav-height-list label{width:84px}ul.ratio-list.list-style-none li, ul.gridle-list.list-style-none li, ul.star-list.list-style-none li, ul.lowe-half-list.list-style-none li{width:27%}ul.carat-list.list-style-none li input{width:50px;font-size:12px;font-weight:700}.toggle-title{width:80px}.slider-range-carat{margin:0px 10px 0px 10px}} @media (min-width:992px) and (max-width:999px){ul#diamond-shapes label{margin-left:9px;margin-right:8px}ul.pointer-list li p{font-size:12px}ul.table-list li label , ul.depth-list label , ul.width-list label , ul.length-list label , ul.depth-1-list label , ul.cr-angle-list label , ul.cr-height-list label , ul.pav-angle-list label , ul.pav-height-list label{width:82px}ul.ratio-list.list-style-none li, ul.gridle-list.list-style-none li, ul.star-list.list-style-none li, ul.lowe-half-list.list-style-none li{width:27%}ul.carat-list.list-style-none li input{width:50px;font-size:12px;font-weight:700}.toggle-title{width:80px}ul.pointer-list li{padding:4px 5px}.slider-range-carat{margin:0px 10px 0px 10px}ul.carat-list.list-style-none i{font-size:25px}.p-bg-color{padding:6px 10px}

} @media (min-width:992px) and (max-width:1528px){}h4.modal-title{font-weight:700;width:100%;}#compare-stock #CompareStone>tbody>tr>td{border:1px solid #bbb9b9 !important;text-align:center;padding:2px 1px 1px 5px;font-weight:bold}#compare-stock #CompareStone>tbody>tr>td{border:1px solid #bbb9b9 !important;text-align:center;font-weight:bold;font-size:13px;padding:4px 1px 4px 5px}div#showcalc{padding:0px 15px}#compare-stock .clsimages img{cursor:default;width:100px}.btn-toggle-grey:hover,.btn-toggle-red:hover{color: #000 !important;opacity: .8}.btn-toggle-red{background-color: #fff;color: #f68626;padding: 5px 10px !important;}

ul.dropdown-menu.noclose {
    z-index: 11;
}
.border-box{
    font-weight:500;
    white-space: nowrap;
}
.border-box:first-child {
border-radius: 6px 0 0 6px;
}
.border-box:last-child {
border-right-color: #c7c7c7;
border-radius: 0 6px 6px 0;
}
::-webkit-input-placeholder {
color: #9c9c9c;
}

:-ms-input-placeholder { 
color: #9c9c9c;
}
::placeholder {
color: #9c9c9c;
}
body {
overflow-x: hidden;
}

.fa-eye {
    font-size: 17px;
    margin-top: 2px;
    cursor: pointer;
    color: #001d64;
}

.fa-eye-slash {
    cursor: pointer;
}

#list_diamond, #grid_diamond {
display: none;
}

.grid-list  i {
font-size: 24px;
background: #fff;
padding: 7px 7px 4px;
position: relative;
border-radius: 4px;
color:#a6a6a6;
}

.grid-list  i.active {
background: #f68626;
color: #eee;
}

.grid-list .view_as {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    cursor: pointer;
    opacity: 0;
}
.main_grid {
    display: flex ;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content:center;
    gap: 10px;
    margin-top: 20px;
}

.main_grid_1[style*='display: block'] {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    gap: 0px 10px;
    margin-top: 10px;
}
#grid_diamond [data-tip] {
    display: inline;
}
#grid_diamond i,span.dia_shape span i{
font-style: unset;

}
#grid_diamond .tr_checkbox ,.match-pair-view-mobile .match-pair .tr_checkbox{
    width: 15px;
    height: 15px;
    margin: 0 0 0 5px;
    cursor: pointer;
}

.dia_box {
    flex: 0 0 19%;
    /* display: flex; */
    /* width: 300px; */
    flex-direction: column;
    margin-bottom: 10px;
    padding: 5px 10px;
    /* box-shadow: 0px 0px 12px 3px #eee; */
    border-radius: 8px;
    transition: all 0.2s ease-in-out;
    /* border: 1px solid #eee; */
    background: #fff;
    position: relative;
    white-space: normal;
}
/* .dia_box:hover {
box-shadow: 1px 1px 7px 3px #ddd !important;
} */
.dia_img {
    max-height: 250px;
    margin: auto;
    display: flex;
    justify-content: center;
    max-width: 282px;
}
.dia_img > img {
    width: 282px;
    height: 250px;
    border-radius: 4px;
    object-fit: cover;
}

.dia_details > span {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #a6a6a6;
    line-height: 1.2;
    cursor: pointer;
}
.dia_details > span.shape_row > span{
    font-weight: 700;
}
.dia_details > span.shape_row > .design_cut_row{
    font-weight: 400 !important;
}
.dia_stock {
    display: flex !important;
    justify-content: space-between;
}
span.m_status {
    width: 25px;
    border: 1px solid #ddd;
    padding: 0 5px;
    border-radius: 4px;
    background: #fff;
    font-weight: 700;
}
.dia_shape {
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
}
.dia_btn {
    display: flex;
    justify-content: space-between;
    height: 25px;
    align-items: center;
    position: absolute;
    width: 93%;
}
span.dia_price {
    letter-spacing: 0.5px;
}
.dia_price.second {
    font-weight: 700;
    color: #a6a6a6;
    text-transform: capitalize;
    cursor: pointer;
    font-size: 14px ;
    margin-top: 3px;
}

.dia_btn > span, .dia_btn > i {
    color: #767676;
    cursor: pointer;

}
.dia_btn .fa {
font-size: 18px;
color: #767676;
cursor: pointer;
}
.modal-header > .close {
    margin-top: -12px;
    font-size: 26px;
    opacity: 0.6;
}
#quick_detail_tbody td {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

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

.dia_details {
    padding: 2px 5px;
}
.dia_details > span {
    font-size: 16px;
}
}


[data-tip][data-tip-pos=top]:after {
    bottom: 100%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}
[data-tip][data-tip-pos=top]:before {
    bottom: 25%;
    left: 25%;
    transform: translate(0,-50%);
    border-color: #000 transparent transparent transparent;
}

.btn_group {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: nowrap;
}
.button-list {
    display: inline-flex;
}
.grid-list {
    display: inline-flex;
    /* width: 10%; */
    flex-direction: row;
    justify-content: center;
}
.padding-10 {
padding-top: 10px;
}
.login_link {    
    color: #333fc6 !important;
    cursor: pointer;
}

/*Skin details */
.irs--round .irs-handle {
    top: 20px !important;
    border: 4px solid #333fc6 !important;
}
.irs--round .irs-bar {
    top: 30px !important;
    background-color: #333fc6 !important;
}
.irs--round .irs-line {
    top: 30px !important;
}

.list-style-none {
    list-style: none;
    display: flex;
    /* margin-top:12px; */
}
ul.dia-shapes.text-center.list-style-none {
    flex-wrap: wrap;
    gap: 5px;
    /* justify-content: space-between; */
}
.dia-container {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.dia-row {
    margin: 0 0px;
    display: flex;
    flex-wrap: wrap;
    padding: 0px 0px;
    gap: 0px;
}
li {
    list-style: none;
}

.dia-row .column-6 {
    width: 50%;
}

h4.filter-title {
    color: #000;
    margin: 5px 0 7px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
}
.justify-content-end {
    justify-content: end;
    align-items: center;
}



.dia-flex {
    display: flex;
}

/* Filter Section **********************************/
.dia-shapes li {
    position: relative;
    border: 1px solid transparent;
}

.block-one {
    width: 100%;
    /* padding: 0 15px; */
    display: inline-block;
    float: left;
}

.dia-filter input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}

.dia-filter .dia-shapes li {
    position: relative;
    float: left;
    text-align: center;
}

.dia-shapes img {
    width: auto;
    height: 55px;
    border: 1px solid transparent;
    padding: 0px;
    margin:auto;
}

.dia-shapes li:hover,.dia-shapes li.active-shape {
    /* border: 1px solid #f68626; */
    border-radius: 6px;
    background: #fff !important;
}
.dia-shapes img.white-images {
    display: block;
}
.dia-shapes img.black-images {
    display: none;
}
.dia-shapes li.active-shape img.white-images{
    display: none;
}
.dia-shapes li.active-shape img.black-images{
    display: block;
}

.dia-shapes li.active-shape p {
    color: #000;
    /* background: #f68626; */
    border-radius: 0 0 5px 5px;
    opacity:1;
}

.dia-shapes p {
    font-size: 12px;
    /* padding: 3px 0; */
    text-align: center;
    color: #000;
    /* color: #444; */
    margin-bottom: 0px;
    font-weight: 600;
    opacity: 0;
    height: 15px;
}
.dia-shapes li:hover p{
opacity:1 !important;
}



.dia-shapes input {
    opacity: 0;
    position: absolute;
}

.dia-shapes {
    position: relative;
    text-align: center;

}
.dia-shapes li {
    list-style: none;
    display: inline-block;
    position: relative;
    /* width: 100%; */
    /* margin: 0 3px; */
    /* margin-right: 3px; */
}
.range-slider span {
    cursor: pointer;
}

.plus_new, .minus_new, .minus,.plus{
    width: 34px;
    height: 38px;
    background: #f2f2f2;
    border-radius: 4px;
    padding: 8px 5px 8px 5px;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 1.2;
    color:#f68626;
}
span.minus i, span.plus i {
    color: #f68626;
}

.range-btn {
    display: flex;
    /* box-shadow: 0px 1px 10px 0px #a9a9a945; */
    margin-top: 0px;
}
#advance_form .range-btn {
    display: flex;
    /* box-shadow: 0px 1px 10px 0px #a9a9a945; */
    /* margin-top: 4px; */
}

.range-slider input {
    color: #000 !important;
    height: 38px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 0;
    margin: 0 -5px;
    outline: 0;
}

.range-slider span.minus {
    border-radius: 6px 0 0 6px;
}

.range-slider span.plus {
    border-radius: 0 6px 6px 0;
}

.range-slider ul.filter-control li {
    display: table-cell;
}

.range-slider ul.filter-control li.sep {
    padding: 5px 7px 0;
}

.block-four, .block-eleone {
width: 100%;
    padding: 0px 0px;
    display: inline-block;
}

.inline-ckeckbox {
    list-style: none;
    margin: 0;
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    /* margin-left: -12px; */
    /* margin-top: 5px; */
}
.dia-price-ct.block-eleone ul.inline-ckeckbox li {
    color: #000;
    text-transform: uppercase;
    font-size: 10px !important;
    /* width: 12.25%; */
    font-weight: 600;
    text-align: center;
    position: relative;
}



.dia-price-ct.block-eleone ul.inline-ckeckbox li input, .check-dimaond-grid input {
    position: relative !important;
    opacity: 1 !important;
    width: 20px;
    height: 20px;
    /* margin:0px; */
}
.dia-price-ct.block-eleone ul.inline-ckeckbox li input, .check-dimaond-grid input

.btn-toggle-grey {
    background-color: #f68626;
    color: #fff !important;
    padding: 6px 12px !important;
    border-radius: 6px;
    border: 0;
    border: 1px solid #f68626;
}



.advace-search {
    padding: 0px 15px;
    /* border-bottom: 1px solid #DDD; */
}

/* .advance_btn {
    margin-right: 15px;
} */
.advance_btn button.new-btn {
    /* margin-right: 15px; */
    border: 1px solid #000;
    color: #000;
    font-weight: 600;
    background-color: #fff;
}
.advance_btn .new-btn:hover{
    border: 1px solid #f68626 !important;
    background-color: #f68626 !important;
    color:#fff !important;
    opacity: 1;
}


button.btn.reset-btn i {
    font-size: 16px;
}

#advance_search {
    display: block;
    padding: 0px 15px;
    margin: 5px 0 0px 0;
    /* border-radius: 0px 0px 10px 10px; */
    /* border-top: 2px solid #ddd; */
}

.bg-grey {
    background-color: #f5f5f5;
}

.btn-toggle-red:hover {
    color: #f68626 !important;
    background: #ffffff;
    opacity: .8;
}

.range-slider ul.filter-control li {
    display: table-cell;
}

.result-title {
    font-size: 20px;
    /* padding: 5px 10px 0 0px; */
    color: a6a6a6;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 27px;
}
.div_5 {
    width: 100%;
    /* padding: 8px 15px; */
    display: inline-block;
}

/* update css 04-04-23*/
.border-fullpage {
    background: #fff;
    box-shadow: 0px 0px 10px 3px #eeeeee;
    margin: 10PX 0PX  0px 0PX;
    padding-top: 5px;
    padding-bottom: 10px;
}
.bg-grey {
    background: #fff;
    /* box-shadow: 0px 0px 10px 0px #eeeeee; */
    /* box-shadow: 0px 0px 10px 3px #eeeeee; */
}
input[type=checkbox] {
    accent-color:#f68626ad;
    color:#fff !important;
}
.dashboard-heading h1 {
    font-size: 22px;
    line-height: 30px;
    margin: 0px;
    padding-top: 6px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 6px;
    color: #444;
}
.detail-gird {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.detail-gird a {
    /* border: 1px solid #f68626; */
    /* padding: 0px 10px; */
    /* background-color: #f68626; */
    color: #f68626;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
    border-radius: 5px;
    /* padding-bottom: 2px; */
}
.dia_details.memo_A .table-details {
    justify-content: space-between;
    display: flex;
    text-align: center;
    color: #a6a6a6;
    cursor: pointer;
    margin: 0px;
    align-items: center;
}

/*  */


.advace-search .dia-flex {
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
}
.button-sticky {
    /* padding-bottom: 15px; */
    /* border-bottom: 1px solid #DDD; */
    margin-bottom: 20px;
    /* padding-top: 10px; */
    /* padding-left: 15px; */
    /* padding-right: 15px; */
    margin-top: 20px;
    padding: 0px 10px;
}

td.w_amount {
    /* color: #0000; */
    font-weight: 900;
}
td.w_detail a {
    /* background-color: #f68626; */
    padding: 5px 4px;
    color: #000;
    font-weight: 700;
    text-decoration: underline;
}
td.w_detail a span{
    padding-bottom: 5px;
}


a.text-sm-center.nav-link svg{
    width: 50px;
    height: 40px;
}
a.text-sm-center.nav-link.active svg path{
    fill:#fff;
}
a.text-sm-center.nav-link svg path{
    fill:#f68626;
}
a.text-sm-center.nav-link svg#svg9 {
    stroke: #f68626;
    width:50px !important;
    height: 50px !important;
}
a.text-sm-center.nav-link.active svg#svg9 {
    stroke: #fff;
}
a.text-sm-center.nav-link.active .st0{fill:#fff;}
    .st1{fill:#DCDCF9;}
    .st2{fill:#F0F0FF;}
    .st3{fill:none;stroke:#000000;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:13.3333;}



a.text-sm-center.nav-link {
    background-color: #f6862629;
    border: 1px solid #f6862629;
    color: #f68626;
    font-weight: 600;
    padding: 5px 25px !important;
}
a.text-sm-center.nav-link.active{
    background-color:#f68626;
    color:#fff;
    
}
/* weight-range */
.carat-weight button.btn.btn-primary.dropdown-toggle {
    background: #FFF;
    width: 100% !important;
    border-radius: 6px;
    padding: 5px 10px;
    outline: 0;
    font-size: 12px;
    height: 38px;
    font-weight: 600;
    border: 1px solid #ddd;
    color: #000 !important;
    text-align: left;
    padding: 8px 8px;
}
.carat-weight ul.dropdown-menu.noclose.show {
    transform: translate3d(0px, 0px, 0px) !important;
    top: 50px !important;
    max-width: 415px;
    width: 100%;
    padding: 10px;
    border: 1px solid #f68626;
    text-align: center;
}
.carat-weight ul {
    padding: 0;
    list-style-type: none;
}
.carat-weight .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #f68626;
}
.carat-weight li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    flex-wrap: wrap;
    margin: 4px 0px;
}
.carat-weight .dropdown-menu>li>a {
    width: auto !important;
}
.carat-weight li label {
    position: relative;
    color: #333;
}
.carat-weight label.btn.btn-primary {
    /* background: #f68626 !important; */
    background: #00000087;
    font-size: 10px !important;
    cursor: pointer;
    margin: auto;
    color: #fff !important;
    font-weight: 600 !important;
    width: 76px;
    border: 1px solid #00000087 !important;
}


.carat-weight .dropdown-menu.noclose input.size-dropdown {
    position: absolute !important;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    cursor: pointer;
    opacity: 0;
    height: 100%;
    
}
.carat-weight .btn-group.btn-group-justified {
    width: 100%;
}
.carat-weight .dropdown-toggle::after {
    right: 10px;
    position: absolute;
    top: 10px;
    content: "\f107";
    border-top:none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    font-family: 'fontawesome';
}

.reset-btn .btn-box .btn:hover{
    background-color: #f68626;
    border:1px solid #f68626;
    color:#fff !important;
    opacity: 1;
}
.lab-grown .table-hover tbody tr:hover {
    color: #fff !important;
    background-color: #e3eedb !important;
}
.earth-mined .table-hover tbody tr:hover {
    color: #fff !important;
    background-color:#f6862629  !important;
}
.matched .table-hover tbody tr:hover {
    color: #fff !important;
    background-color:#f6862629 !important;
}




/* new css */
svg#Bold {
    margin-top: -6px;
    display: none;
}
.matched-pair.d-flex img.bottom-img {
    margin-right: 42px;
    margin-top: -30px;
}

.earth-lab.d-flex {
    gap: 10px;
    align-items: center;
}
.img-box.text-center {
    height: 40px;
    display: flex;
    gap: 5px;
    padding: 5px 10px;
    border-radius: 5px;

}
.img-box.text-center p.text-center {
    margin-top: 3px;
    margin-bottom: 0px;
    font-weight: 600;

}
.matched-pair.d-flex {
    gap: 10px;
    align-items: center;
}
.matched-pair.d-flex .box {
    margin-top: -6px;
}
.btn-toggle-red i {
    font-size: 17px;
    font-weight: 100;
    color: #000000b0;
}
ul.button-list li img.whatsapp-icon {
    width: 27px !important;
}

.certificated li.border-box {
    white-space: nowrap;
    box-shadow: 1px 1px 1px 1px #dddddd52 !important;
    height:40px ;
    font-size: 14px;
    background-color: #f68626;
    color:#fff;
    font-weight:600;
}
.certificated .border-box:first-child {
border-radius: 34px 0 0 34px;
}
.certificated .border-box:last-child {
    /* border-right-color: #c7c7c7; */
    border-radius: 0 34px 34px 0;
}
.modal-body img {
    margin: 5px 9px;
    width: 138px !important;
    padding: 16px !important;
    height: auto !important;
    float: none !important;

    border: 1px solid;
}
.display_Set {
    display: flex;
    gap: 84px;
    text-align: center;
    justify-content: center;
}
.form_wrap {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    color: #a6a6a6;
}
.display_width_Set {
    width: 100%;
    max-width: 1600px;
}

.matched .table-hover tbody tr {
    border-style: solid;
    border-width: 1px 0px;
    border-color: #dee2e6;
}

.earth-mined .table-hover tbody tr {
    border-style: solid;
    border-width: 1px 0px;
    border-color: #dee2e6;
}
.lab-grown .table-hover tbody tr {
    border-style: solid;
    border-width: 1px 0px;
    border-color: #dee2e6;
}
.table>tbody>tr>td, .table>tbody>tr>th {

    border: 1px;
}

.table>tbody>tr>td, .table>tbody>tr>th {
    padding: 4px 1px !important;
    text-align: center;
    vertical-align: middle;
}

/* .button-list li a {
    padding: 1px 2px !important;
    font-size: 12px;
    margin-bottom: 5px;
    margin-right: 7px;
    line-height: 26px !important;
} */
td.w_detail a {
    border-radius: 6px;
}
table#example1 {
    border: 0px;
    max-height: 800px;
    position: relative;
}
div#list_diamond {
    height: 850px;
}
.w_symm {
    width: 6% !important;
}
.w_disc {
    width: 6% !important;
}
.w_pol {
    width: 6% !important;
}
.w_stock {
    width: 6% !important;
}
.w_amount {
    width: 6% !important;
}
/* .block-four.range-slider ul.filter-control {
    margin-top: 12px;
} */


/* switch button */
.lab-cert {
    gap: 10px;
}
/* .switch {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 40px;
}

.switch input {display:none;}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f68626;
    font-weight:600;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 7px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #f68626;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(65px);
    -ms-transform: translateX(65px);
    transform: translateX(65px);
}


.switch .slider .on
{
    display: none;
}

.switch .slider .off{
    line-height: 12px !important;
    color: white !important;
    position: absolute !important;
    transform: translate(-50%,-50%) !important;
    top: 50% !important;
    left: 62% !important;
    font-size: 12px !important;
    
}
.switch .slider .on {
    line-height: 12px !important;
    color: white !important;
    position: absolute !important;
    transform: translate(-50%,-50%) !important;
    top: 50% !important;
    left: 40% !important;
    font-size: 12px !important;
    
}

input:checked+ .slider .on
{display: block;}

input:checked + .slider .off
{display: none;}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;

    transform: rotatex(180deg);
    transition: transform 0.5s ease-in-out;
    
} */

.earth-mined-slider  .design_n input:checked + .slider {
        background-color: green;
    }   
.certificated {
        display: inline-flex;
    }
.certificated button.certi-btn {
        border: 1px solid transparent;
        height: 40px;
        padding: 0px 8px;
        background: #f68626;
        color: #fff;
        margin-left: -8px;
    
        font-weight: 600;
        position: relative;
        width: 100px;
        font-size:12px;
    }
.certificated button.certi-btn:first-child{

        border-radius: 34px 0 0 34px;
    }
.certificated button.certi-btn:last-child {
    
        border-radius: 0 34px 34px 0;
    }
.certificated button.certi-btn:focus-visible,.certificated button.certi-btn:focus{
    outline:1px solid transparent !important;
    }
    .certificated button.certi-btn.active span.circle {
        border: 1px solid #fff;
        padding: 1px 10px;
        border-radius: 48%;
        height: 28px;
        width: 76px;
        background-color: #fff;
        position: absolute;
        color: #000;
        top: 6px;
        left: 12px;
        line-height: 12px;
        font-size: 12px;
        font-weight: 600;
    }

    /* .button-sticky .btn-toggle-red i {
        font-size: 25px;
        color: #000;
    } */
    .button-sticky .button-list li button {
        border: 1px solid #000;
        background-color: transparent;
        color: #000 !important;
        font-weight: 600;
        font-size: 18px;
        justify-content: center;
        height: 39px;
        display: block;
        align-items: center;
    }
    .button-sticky .button-list li .dropdown-toggle::after {
        content: "\f107";
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-left: none;
        font-family: 'fontawesome';
    }
    /* .button-sticky .button-list .dropdown-menu li a{
        margin-right:0px;
    } */
    .button-sticky .button-list li button:hover {
        background-color: #f68626;
        color: #fff !important;
        border: 1px solid #fff;
        opacity: 1;
    }

    /* .button-sticky .button-list li:hover svg path{
        fill:#fff;
    } */
/* .button-sticky .button-list li button svg:hover path{fill:#fff !important;} */

.button-sticky .btn_group button:hover svg path {
        fill: #fff;
    }
    .button-sticky .btn_group li:nth-child(2) button:hover svg path {
        fill:none;
        stroke: #fff;
    }
    /* .btn_group button.btn.btn-toggle-red.dropdown-toggle:hover #sms_box path {
        fill: #fff;
    } */

    .alertify .ajs-commands button.ajs-close {
    background-color: #ffff;
    }
    .alertify .ajs-commands button.ajs-close:focus,.alertify .ajs-commands button.ajs-close:focus-visible{
        outline:1px solid transparent;
        border: 1px solid transparent;
    }
    button.ajs-button.ajs-ok:focus, button.ajs-button.ajs-ok:focus-visible {
        outline:1px solid transparent;
        border: 1px solid transparent;
    }
    .main-nav .navbar-nav li a:after {
        background-color:transparent !important;
    }
    .modal-title button:focus,.modal-title button:focus-visible,.modal-title button.close{
    outline: 1px solid transparent;
    border: none;
    }


    /*  new css for slider*/

    .slider_certificated {
        position: relative;
        width: 50%;
    }
    .slider_certificated .filter {
        width: 100%;
        background: black;
        position: relative;
        /* left: 0; */
    }
    .slider_range {
        width: 100%;
        height: 5px;
        position: relative;
        background: #ddd;
        border-radius: 5px;
    }
    .progress {
        height: 100%;
        left: 0%;
        right: 0%;
        position: absolute;
        border-radius: 5px;
        /* background: #01093c; */
    }
    .range_input {
        position: relative;
    }
    .range_input input {
        position: absolute;
        width: 100%;
        height: 4px;
        top: -5px;
        background: none;
        /* pointer-events: none; */
        left: -2px;
    }
    .range_input input::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background-color: rgb(255, 120, 0);
        overflow: visible;
        cursor: pointer;
        z-index: 1;
    }
    datalist#listdata {
        display: flex;
        justify-content: center;
        width: 100%;
        align-items: center;
        margin-top: 5px;
    }
    datalist#listdata option {
        flex: 1;
    }
/* .button-sticky a.btn.btn-toggle-grey:hover path {
        fill: #FFF;
    } */
    td.w_detail a span {
        /* background: #000; */
        color: #f68626;
        padding: 7px;
        border-radius: 6px !important;
        text-decoration: underline;
    }

    .reset-btn .btn {
        margin-right: 15px;
        border: 1px solid #000;
        color: #000;
        font-weight: 600;
        background-color: #fff;
        font-size: 18px !important;
        height: 39px;
    }



    /* @media(max-width:1040px){
        .earth-lab.d-flex {
            width: 33%;
            gap:0px;
        }
        .certificated {
            width: 33%;
            justify-content: center;
        }
        .matched-pair.d-flex {
            width: 33%;
        }
        nav.nav.nav-pills.flex-column.flex-sm-row.justify-content-between.px-5 {
            width: 100%;
            padding: 0px !important;
            gap:12px 0px;
        }
    }

    @media(max-width:899px){
        .earth-lab.d-flex {
            width: 50%;
            justify-content: center;
        }
        .certificated {
            width:50%;
        
        }
        .matched-pair.d-flex {
            width: 50%;
            justify-content: center;
        }
    }
    @media(max-width:676px){
        .earth-lab.d-flex {
            width: 100%;
        
        }
        .certificated {
            width:100%;
        
        }
        .matched-pair.d-flex {
            width: 100%;
        }
        nav.nav.nav-pills.flex-column.flex-sm-row.justify-content-between.px-5 {
            gap:20px 0px;
        }
    } */


/* new slider design */
    /* .earth-mined-slider,.match-slider{width:25%;} */
    /* .earth-mined-slider, .match-slider {
        width: 20%;
    }*/
    /* .lab-grown-slider {
        width: 30%;
    }  */

    /* .new-slider-design .col-6,.new-slider-design .row.d-flex .col-8 ,.new-slider-design .lab-grown-slider .border-1,.new-slider-design .lab-grown-slider .border-2
    {border-top:1px solid #f68626 !important;border: none;} */
    /* .new-slider-design .col-6, .new-slider-design .row.d-flex .col-8, .new-slider-design .lab-grown-slider .border-1, .new-slider-design .lab-grown-slider .border-2 {
        border: 4px solid #f68626 !important;
        border: none;
        border-radius: 38px;
    } */
    .earth-mined-slider .row.d-flex,.lab-grown-slider .row.d-flex,.match-slider .row.d-flex {
        align-items:center;
        justify-content: center;
    }
    /* .earth-mined-slider .btn, .lab-grown-slider .btn, .match-slider .btn {
        border: 1px solid #f68626;
        border-radius: 50%;
        padding: 5px;
        position: relative;
        height: 5px;
    
        width: 5px;
        background: #f68626;
        z-index:1;
    } */
    /* .earth-mined-slider .btn, .lab-grown-slider .btn, .match-slider .btn {
        margin-top: -2px;
        border: 2px solid #f68626;
        border-radius: 50%;
        padding: 2px;
        position: relative !important;
        height: 5px;

        width: 5px;
        background: #f68626;
        z-index: 99;
        margin-left: -7px;
        margin-right: -7px;
        
    } */
    .lab-grown-slider .btn {
        margin-top: -2px;
        /* border: 2px solid #f68626; */
        /* border-radius: 50%; */
        padding: 0px;
        position: relative !important;
        height: 4px;
        /* padding: 0px 35px; */
        width: 190px;
        background: #f68626;
        z-index: 9;
        margin-left: -7px;
        margin-right: -7px;
        transition: none !important;
    }
    /* .earth-mined-slider span, .lab-grown-slider span, .match-slider span {
        position: absolute;
        top: 31px;
        left: -28px;
        font-weight: 600;
        color: #000;
        margin-top: 0px;
        line-height: 16px;
        text-align: center;
        text-transform: capitalize;
        font-size: 16px;
    
    } */
    /* .earth-mined-slider span, .lab-grown-slider span, .match-slider span {
position: absolute;
top: 27px;
left: -28px;
font-weight: 600;
color: #000;
margin-top: 0px;
line-height: 16px;
text-align: center;
text-transform: capitalize;
font-size: 14px;
width:65px;
} */
    .new-slider-design.d-flex {
        /* margin-bottom: 50px; */
        align-items:center;
        justify-content: space-evenly;
        
    }
    /* .active-btn .btn {
        background-color: #fff;
        border: 1px solid #00000061;
        box-shadow: inset 1px 6px 10px 0px #ddd;
        width: 20px;
        height: 20px;
    
    } */
    /* .active-btn .btn {
    
        background-color: #fff;
        border: 5px solid #f68626;
        box-shadow: inset 1px 6px 10px 0px #fff;
        width: 35px;
        height: 35px;
        margin-right: -5px;
    
    } */
    .active-btn .btn {
        background-color: #fff;
        border: 4px solid #f68626;
        box-shadow: inset 1px 6px 10px 0px #fff;
        width: 25px;
        height: 25px;
        /* margin-right: -5px; */
        border-radius: 50%;
        transition: 0.8;
        /* transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); */
        /* transition: 0.8s; */
        /* transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); */
        z-index: 99;
    }
    .btn-design{border:none !important;}

.border-1 {
        margin-right: -26px;
        /* border: 1px solid #f68626; */
    }
.border-2 {
        margin-left: -26px;
        /* border: 1px solid #f68626; */
    }
    /* .active-btn span.earth {
        left: -70px;
        margin-top: 10px;
    } */
    /* span.earth {
        left: -78px;
        margin-top: 6px;
    } */
    /* span.lab {
        top: 30px;
        left: 25px;
    } */
    /* .active-btn span.lab {
        top: 34px;
        left: 25px;
    } */
    /* .active-btn span.singles {
        top: 40px;
        left: -50px;
    } */
    /* span.singles {
        top: 36px;
        left: -58px;
    } */

    /* svg#single {
        top: 0px;
        left: 40px;
    } */

    /* .new-slider-design svg {
        position: absolute;
    } */
    /* .active-btn span.certed1 {
        left: -20px;
        top: 35px;
    } */
    .active-btn span.certed1 {
        left: -2px;
        top: 39px;
    }
    /* .active-btn span.certed2 {
        top: 35px;
        left: -24px;
    } */
    .active-btn span.certed2 {
        top: 39px;
        left: -17px;
    }
    /* .active-btn span.certed3 {
        left: -28px;
        top: 35px;
    } */
    .active-btn span.certed3 {
        left: -31px;
        top: 39px;
    }
    /* .new-slider-design svg#Layer_1 {
        left: 35px;
        top: -3px;
    } */
    /* .new-slider-design #paired {
        position: absolute;
        left: 45px;
        top: 0px;
    } */
    /* .new-slider-design svg#svg9 {
        top: -10px;
        left: 30px;
    } */

    /* .new-slider-design svg#svg9 {
        top: -5px;
        left: 10px;
    } */
    /* .new-slider-design  svg#Layer_1 {
        left: 50px;
        top: 2px;
    } */
            
    /* .new-slider-design  #paired {
        left: 32px;
        top: 0px;
        position: absolute;
    } */
    /* .new-slider-design .active-btn svg#single {
        left: 10px;
        top: 0px;
    } */
    /* .new-slider-design svg#single {
        left: 30px;
        top: 0px;
    } */
    /* span.pairs {
        top: 41px;
        left: 44px;
    } */
    /* .active-btn span.pairs {
        top: 45px;
        left: 44px;
    } */
    /* .lab, .singles, .pairs {
        margin-top: 10px;
        font-weight: 600;
        color: #000;
        line-height: 16px;
        text-align: center;
        text-transform: capitalize;
        font-size: 16px ;
    }
.earth { font-size: 16px ;
            margin-top: 0px;
            font-weight: 600;
        color: #000;
        line-height: 16px;
        text-align: center;
        text-transform: capitalize;
        } */

/* list view responsive */
div#mobile-view-table {
display: none;
}
div#mobile-view-table td.img-box {
width: 50%;
position: relative;
}
div#mobile-view-table td{border:none !important;}

div#mobile-view-table .table .bordered{border:1px solid #000;background-color: #fff !important;}

.dia_details .dia_stock, .dia_details .dia_shape, .dia_details .table-details {
    border-bottom: 1px solid #ddd;
    font-size: 14px !important;
    padding: 4px 3px;
    margin-top: 4px;
    max-height: 45px;
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.non_cert_match_view .dia_details .dia_stock, .dia_details .dia_shape, .dia_details .table-details {
    min-height: 35px;
}
.dia_details span.design_cut_row, .table-details span, .dia_lab.cert {
font-weight: 400;
}
#mobile-view-table  td.details, #mobile-view-table td.price {
    width: 50%;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 2px !important;
    color: #a6a6a6;
}
div#mobile-view-table td.price a {
font-size: 16px;
font-weight: 900;
color: #f68626;
}
/* span.dia_lab.cert {
padding-bottom: 5px !important;
} */

.dia_box .available ,.dia_box .trade_show,#add_data_mobile_view .bordered .mobile_icon .trade_show {
font-size: 14px;
font-weight: 600;
color: green;
margin-bottom: 0px;
margin-left: 10px;
}
.dia_box .call {
    font-size: 14px;
    font-weight: 600;
    color: red;
    margin-bottom: 0px;
    margin-left: 5px;
}
#add_data_mobile_view .bordered .img-box p.call {
margin-bottom: 0px;
FONT-WEIGHT: 600;
COLOR: RED;
margin-left: 12px;
}
#add_data_mobile_view .bordered .img-box p.available {

FONT-WEIGHT: 600;
COLOR: green;
margin-bottom: 0px;
margin-left: 12px;
}
#no_list_section h4.text-center {
font-size: 16px;
padding: 20px;
background: #ddd;
}
td.w_stock {
white-space: nowrap;
}
.tooltip {

z-index: 1 !important;

}
#add_data_mobile_view .bordered{
position: relative;
}
#add_data_mobile_view .bordered input.tr_checkbox.pull-left {
position:relative !important;

}
#add_data_mobile_view .bordered .mobile_icon{
display: flex;
justify-content:space-around ;
align-items: center;
}
#add_data_mobile_view .bordered .mobile_icon i {
color: #767676;
font-size: 15px;
}
.advace-search .reset-btn .btn-box{padding: 0px !important;}


.advace-search .mobile-view-btn{display: none;}

.new-btn {
    padding: 2px 5px !important;
    font-size: 12px;
    margin-right: 0px !important;
    border: 1px solid #ddd;
    background-color: transparent;
    font-weight: 600 !important;
}
.new-btn:hover{
opacity: 1;
background-color: #f68626;
color:#fff;
border:1px solid #f68626 !important;
}
button.btn.new-btn:hover svg path {
fill: #fff !important;
stroke:#fff;
}

.advace-search .mobile-view-btn button svg path{
fill:#000;
}

.filter_SEt .dropdown-content {
display: none;
}

.filter_SEt .dropdown-wrapper.active .dropdown-content {
display: block;
}
.filter_SEt .dropdown-wrapper {
    margin: 0 auto;
    max-width: 260px;
    width: 100%;
    height: auto;
    font-weight: 500;
    white-space: nowrap;
}

.filter_SEt .dropdown-content {
    border-radius: 5px;
    position: absolute;
    border: 1px solid #b3b3bf;
    padding: 15px;
    left: -70px;
    top: 30px !important;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    min-width: 188px !important;
    height: auto;
    z-index: 1;
    background: #fff;
}
.filter_SEt .dropdown-content ul,
.filter_SEt .dropdown-content li {
margin: 0;
padding: 0;
}
.filter_SEt .dropdown-content ul {
list-style: none;
}
.filter_SEt .dropdown-content:after, .filter_SEt .dropdown-content:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.filter_SEt .icon-wrapper {
color: #b3b3bf;
}
.filter_SEt .icon-wrapper i {
    position: relative;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background: #ddd;
    border-radius: 50%;
    text-align: center;
    display: block;
    cursor: pointer;
    /* color: #000; */
    line-height: normal;
    top: -2px;
}
.filter_SEt li {
display: flex;
align-items: center;
font-size: 12px;
}
.icon-wrapper li {
max-height: 25px;
margin-top: 20px;
color: #000;
}

.filter_SEt label {
padding-left: 5PX;
font-weight: 600 !important;
}
.filter_SEt li{
display: flex;
align-items: center;
}
.filter_SEt .icon-wrapper {
display: inline-block;
position: relative;
}
.filter_SEt .dropdown-content:before {
border-color: rgba(179, 179, 191, 0);
border-bottom-color: #fff;
border-width: 11px;
margin-left: -11px;
}
#per_page_form .ent{display:block;}
#per_page_form #per_page {
    /* height: 25px; */
    margin-bottom: 0px;
    border-radius: 10px;
    box-shadow: inset 0px 0px 10px 3px #eeeeee;
    color: #a6a6a6;
}
#per_page_form {
    display: flex;
    gap: 5px;
    height: 27px;
    font-weight: 500;
    align-items: center;
}
/* .carat-weight .carat-w {
    margin-top: 5px;
    margin-bottom: 10px;
} */

#compare-stock #example td.w_stock img {
border: 1px solid transparent;
}
#compare-stock #example tbody td,#compare-stock #example th{
width:20%;
} 
.dropdown-wrapper.active .icon-wrapper .dropdown-content .active-label {
background-color: transparent !important;
color: #000 !important;

}

#mobile-view-table #add_data_mobile_view .bordered .img-box img,#list_diamond #example1 #add_data .w_stock img{
object-fit: contain;
}
#cert_dia .table-details .r_data {
margin: 3px 0px;

}
#example1 .trade_show{
font-size: 12px;
font-weight: 600;
color: green;
margin-bottom: 0px;
}
#example1 .available{
    font-size: 12px;
    font-weight: 600;
    color: green;
    margin-bottom: 0px;
    white-space: nowrap;
    }
#example1 .call{
font-size: 12px;
font-weight: 600;
color: red;
margin-bottom: 0px;
white-space: nowrap;
}
#text_matchpair_emailmodal .btn-primary{
    background-color: #f68626 ;
    color:#fff;
    border:1px solid #f68626;
}
#diamond_emailmodal .modal-header.bg-site,#text_emailmodal .modal-header.bg-site,#whatsapp_modal .modal-header.bg-site,
#text_details_emailmodal .modal-header.bg-site,#text_matchpair_emailmodal .modal-header.bg-site,#jewelry_emailmodal .modal-header.bg-site,#single_email_modal .modal-header.bg-site{
background-color: #f68626;
color: #fff;
padding: 10px;
border-radius: 0px;
}
#diamond_emailmodal .modal-footer.bg-site ,#single_email_modal .modal-footer.bg-site{
background-color: #f68626;
color: #fff;
padding: 0px;
border-radius: 0px;
}
#diamond_emailmodal .modal-body a.btn.login {
border: 1px solid #f68626;
background-color: #f68626;
border-radius: 0px;
padding: 5px 11px;
color: #fff;
/* text-align: -webkit-right; */
float: right;
}
/* alertify js */
.radius-flat {
border-radius: 0px !important;
}
.alertify .ajs-header {
margin: -24px !important;
margin-bottom: 0 !important;
padding: 8px 24px !important;
background-color: #f68626 !important;
color: #fff !important;
font-size: 16px !important;
}
.alertify .ajs-footer {
padding: 0px !important;
margin-left: -24px !important;
margin-right: -24px !important;
min-height: 39px !important;
background-color: #f68626 !important;
}
.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {

border: 1px solid #fff !important;
}
.alertify .ajs-commands {
position: absolute !important;
right: 4px !important;
margin: -19px 10px 0 0 !important;
z-index: 2 !important;
}
.alertify .ajs-body {
min-height: 90px !important;
}
.alertify-notifier.ajs-top.ajs-right {
color: #fff;
}
.modal-dialog.dia_modal {
    max-width: 600px;
    border-radius: 30px;
    width: 100%;
    margin: auto;
    padding: 0px 40px;
    background-color: #fff;
    box-shadow: 3px 3px 50px 37px rgb(60 66 87 / 4%);
    margin-top: 50px;
    border: 1.5px solid #f68626;
}
.modal-content.radius-flat {
border: none;
}
.modal-dialog.dia_modal label {
margin-bottom: .5rem;
color: #808080;
font-weight: 600 !important;
font-size: 15px;
white-space: nowrap;
}
.modal-dialog.dia_modal .form-control {
border: 1px solid #ddd;
font-size: 16px;
padding: 8px;
border-radius: 5px !important;
}
#RequestDiamond .modal-dialog.dia_modal .form-control {
    margin: 0px 7px;
    width: 97%;
}
/* #RequestDiamond .form-group.row, #RequestCallBack .form-group.row {
    
    justify-content: center;
} */
#search_btn input {
    padding: 0px 35px !important;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 300px;
    /* width: 100%; */
    text-transform: capitalize;
}
.dropdown button:focus{
    box-shadow: none !important;
    outline: none !important;
}
#search_btn .icon {
    position: absolute;
    top: 0px;
    left: 12px;
    text-align: center;
    line-height: 55px;
    font-size: 20px;
    color: #333333;
    cursor: pointer;
}
#search_btn .icon_close {
    position: absolute;
    top: 0px;
    right: 10px;
    text-align: center;
    line-height: 55px;
    font-size: 20px;
    color: #333333;
    cursor: pointer;
}
@media(max-width:768px){
.modal-dialog.dia_modal .col-md-1 {
display: none;
}
.new-slider-design.d-flex {

    align-items: baseline;
    
}
.design_n {

    justify-content: center !important;

}
/* .match-slider ,.with_image{
    margin-top:20px;
} */
}

.dia-price-ct.block-eleone ul.inline-ckeckbox li.image_option {

font-weight: 700 !important;
margin-right: 40px !important;
white-space: nowrap !important;
}
.mob_view .dia-price-ct.block-eleone ul.inline-ckeckbox li.active-label {
background-color: #fff !important;
color: #000 !important;
font-weight: 600;
}
.stock-list input[type="radio"] {
display: block;
height: 100%;
top: 0;
/* opacity: 0; */
position: absolute;
right: 0;
width: 100%;
z-index: 2;
margin: auto;
cursor: pointer;
appearance: none;
}
.stock-list .image_option{
position: relative;
color: #000;
background: #fff;
cursor: pointer;
font-size: 12px;
padding: 4px 8px;
margin: 0 0px;
font-weight: 600;
border: 1px solid #c7c7c7 !important;
width: 100%;
text-align: center;
box-shadow: 0px 1px 10px 0px #a9a9a945;

height: 38px;
white-space: nowrap;
}
.stock-list .image_option:last-child {
border-right-color: #c7c7c7;
border-radius: 0 6px 6px 0;
}
.stock-list .image_option:first-child {
border-right-color: #c7c7c7;
border-radius: 6px 0px 0px 6px;
}
.stock-list li.image_option.active-view {
background-color: #f68626;
color: #fff;
border: 1px solid #fff !important;
}
.stock-list li.image_option:hover{
border:1px solid #f68626;
}


/* view css */
/* 
.toggle--label {
{
height:12px;
width:125px;
background-color: #f68626;
border-radius:25px;
box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
position: relative;
cursor:pointer;
}

.toggle--label {
::before{
content:'';
position: absolute;
width:35px;
height:35px;
background-color: #fff;
border:4px solid #f68626;
border-radius:50%;
top:50%;
left:0px;
transform: translateY(-50%);
transition: 0.5;
transition:all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.toggle--label {
.active::before {
left: calc(100%-50px);
} 
.toogle input#view_all {
position: absolute;
left: 0px;
right: 0px;
appearance: none;
width: 100%;
height: 100%;
z-index: 99;
} */

/* start toggle design */
.toggle--checkbox {
display: none;
}

.toggle--label:before {
transition: 0.5;
transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
animation-name: reverse;
animation-duration: 350ms;
animation-fill-mode: forwards;
transition: all 500ms ease-in-out;
content: "";
width: 20px;
height: 20px;
border: 4px solid #f68626;
top: 50%;
left: -2px;
position: absolute;
border-radius: 50%;
background: #fff;
transform: translateY(-50%);
}

.toggle--checkbox:checked+.toggle--label:before {
opacity: 0;
}

.toggle--checkbox:checked+.toggle--label:before {

animation-name: switch;
animation-duration: 350ms;
animation-fill-mode: forwards;

}

.toggle--checkbox:checked+.toggle--label:after {
/* transition-delay: 300ms; */
opacity: 1;
}

.toggle--label {
    width: 50px;
    background-color: #f68626;
    border-radius: 100px;
    border: 2px solid #f68626;
    /* display: flex; */
    position: relative;
    transition: all 500ms ease-in-out;
    /* align-items: center; */
    /* justify-content: flex-start; */
    margin-top: 33px;
    padding: 0px;
}
.toogle_section  svg#single {
margin: 0px auto;
}
/* .toggle--label-background {
width: 10px;
height: 5px;
border-radius: 5px;
position: relative;
left: -7px;
top: 41px;
background: red;
transition: all 150ms ease-in;
} */

/* .toggle--label-background:before {
content: "";
position: absolute;
top: -5px;
width: 40px;
height: 5px;
border-radius: 5px;

left: -20px;
transition: 0.5;
transition:all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
} */

/* .toggle--label-background:after {
content: "";
position: absolute;
top: 5px;
width: 40px;
height: 5px;
border-radius: 5px;

left: -10px;
transition: 0.5;
transition:all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
} */
/* .col-xl-3.col-lg-4.col-md-6.col-sm-6.col-12.mob_view .row .col-5 {
padding: 0px 45px 0px 15px;
} */
.toggle--label:after {
transition-delay: 0ms;
transition: 0.5;
transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
position: absolute;
content: "";
left: 28px;
top: -10px;
width: 20px;
height: 20px;
/* background: transparent; */
border-radius: 50%;
opacity: 0;
background: #fff;
border: 4px solid #f68626;
}
/* .row.d-flex.my_custom_width {
padding: 0px 20px;
} */
/* 
@keyframes switch {
0% {
    left: 0%;
}

60% {
    left: 50%;
    width: 35px;
}

100% {
    left: 100%;
    width:35px;
}
}

@keyframes reverse {
0% {
    left:100%;
    width: 35px;
}

60% {
    left: 50%;
    width: 35px;
}

100% {
    left: -6%;
}
} */

/* end toggle design */
/* .row.d-flex.my_custom_width {
width: 125px;
margin: auto;
} */
.lab-grown-slider h6{
font-weight:600;
margin-bottom:0px;
margin-top:5px;
font-size:14px !important;
}
.border-fullpage .c_mobile_view_btn_pair_single {
    display: none;
}
.border-fullpage .c_mobile_view_btn_pair_single .design_n ,.border-fullpage .c_mobile_view_btn_pair_single .design_n .toogle_section
{
    margin:0px;
    height: auto !important;
}

@media(max-width:1593px) and (min-width:1387px) {
.dia-shapes img {

    height: 47px !important;

}
ul.dia-shapes.text-center.list-style-none {

    gap: 3px !important;

}
}
@media(max-width:1386px) and (min-width:1200px){
.dia-shapes img {

    height: 42px !important;

}
ul.dia-shapes.text-center.list-style-none {
    gap: 0px !important;
}
.dia-shapes p {
    font-size: 10px !important;
}
}
@media(max-width:802px){
ul.dia-shapes.text-center.list-style-none {
    gap: 0px !important;
}
}
@media(max-width:767px){
/* .row.design_n {
    height: 60px !important;
} */
/* .row.design_n {
    justify-content: space-between;
    margin-top: 0px !important;
    height: auto !important;
} */
.ready_to_ship h6, .with_image h6 {

    height:auto !important;
}
/* .design_n .toogle_section {

    flex-direction: column !important;

} */
/* .design_n .toogle_section {

    height:auto !important;

} */
/* .toggle--label {
    margin-top: 0px !important;
} */
.row.design_n .toggle--label:before {
    margin-left: -10px;
}
.border-1 {
    margin-right: -36px;

}
.border-2 {
    margin-right: -21px;
}
ul.dia-shapes.text-center.list-style-none {

    justify-content: space-between !important;
}
.dia-shapes img {

    height: 37px !important;

}
.dia-shapes p {
    font-size: 10px !important;
    
}
.mob_view{
    display: none;
}
.custom_view_mobile {
    order: 3;
    margin-top: 30px !important;
    /* margin: 0px 10px; */
}
.custom_view_mobile h6{
        /* margin-right:10px; */
        font-size: 16px;
        margin-top: 0px;
        font-weight: 600;
        color: #000;
        line-height: 16px;
        text-align: center;
        text-transform: capitalize;
    
}
.custom_width .col-6{
    border:none !important;
}
/* .toggle--label {

    border: 2px solid #f68626 !important;
width:auto !important;
} */
.toggle--label:after {
    left: 30px !important;
}
.toggle--label:before {

    left: 5px !important;

}
/* .row.d-flex.my_custom_width {
    width: 200px;
    margin: auto;
} */
.custom_view_mobile .col-6.custom_width{
    border:none !important;
}
.new-slider-design.d-flex {
    flex-wrap:wrap;
}          
}
/* @media(min-width:768px){
.ready_to_ship,.with_image {
display: none;
}


} */

@media(max-width:575px){
   
    .border-fullpage .c_switch_button .switch  .slider:before {
        height: 22px !important;
        width: 22px !important;
        bottom: 7px !important;
    }
    .border-fullpage .c_switch_button .switch{
        width: 67px !important;
      
    }
  .border-fullpage .c_switch_button .switch  input:checked + .slider:before{
        -webkit-transform: translateX(39px) !important;
        -ms-transform: translateX(39px)!important;
        transform: translateX(39px)!important;
    }
   /* .border-fullpage .c_switch_button .switch .on, .border-fullpage .c_switch_button .switch .off{
        font-size: 9px !important;
     
    } */
    .border-fullpage .c_desktop_view_btn_pair_single .design_n{
        display: none;
    }
    .border-fullpage .c_mobile_view_btn_pair_single {
        display: block !important;
    }
    ul.d-flex.navbar-nav.main-menu.new_icon_row.updated_bar_icon {
        gap: 5px;
    }
    .match-slider .my_custom_width{
        justify-content:center !important; 
    }
    .with_image .my_custom_width{
        justify-content:center !important; 
    }
/* .advance_btn svg#svg4074 {
    height: 25px;
    width: 25px;
} */
.cover .scroll-images {
   
    justify-content: flex-start !important;
}
.btn-toggle-red i {
    font-size: 12px !important;
   
}
.advance_btn {
    display: none !important;
}
.mobile_view_btn_new {
    /* display: block !important; */
    margin-left: 5px;
    /* margin-top: 22px; */
}
.mobile_view_btn_new button {
    display: flex;
    align-items: center;
}
.ready_to_ship h6, .with_image h6 {
  width:50px;
}
.toggle--label:after {
    left: 6px !important;
}
li.stocksearch-text label {
    width: 100%;
   
}
.mobile_view_btn_new .new-btn {
    padding: 0px 1px !important;
    align-items: center;
}
/* .block-four.range-slider ul.filter-control {
  
    width: 80% !important;
}
.advance_btn {
    margin-top: -43px !important;
} */
/* .shapes.border-fullpage {
    flex-direction: column-reverse !important;
} */
.row.design_n {
    margin-top: 0px;
    justify-content: center!important;
}
/* .design_n svg{
    height:25px;
} */
.toggle--label {
    margin-top: 37px !important;
  
}
.design_n .toogle_section {
    /* justify-content: center !important; */
    /* gap: 5px; */
    height: 60px !important;
}
.new_icon_row.updated_bar_icon button.toogle-icon {
    height: 20px !important;
    width: 20px !important;
    line-height: 9px !important;
}
.new_icon_row.updated_bar_icon button.toogle-icon svg {
    width: 13px;
    height: 13px;
}
.new_icon_row.updated_bar_icon img {
    width: 20px !important;
    height: 20px !important;
}
/* .new_icon_row.updated_bar_icon img {
    width: 25px !important;
    height: 25px !important;
} */
/* .row.design_n {
    margin-top:10px !important;
    height: auto !important;
} */
ul.dia-shapes.text-center.list-style-none {
    justify-content: flex-start !important;
    gap: 7px !important;
}
.custom_view_mobile {
    order: 3;
    margin-top: 20px !important;
    margin: 0px 0px;
}
.earth-mined-slider .design_n .col-4,.match-slider .design_n .col-4{

        border: 4px solid #f68626 !important;
        border: none;
        border-radius: 38px;
    
}

.active-btn .btn {

    width: 25px !important;
    height: 25px !important;
}
.earth-mined-slider .btn, .lab-grown-slider .btn, .match-slider .btn {
    margin-top: -3px;
    margin-left: -2px !important;
}
/* .my_custom_width .toggle--label:after {
    left: 53px !important;
} */
.custom_width .col-6{
    border:none !important;
}
/* .my_custom_width .toggle--label {
    width: 65px !important;
    
} */
/* .toggle--label:after {
    left: 55px !important;
} */
/* .row.design_n .toggle--label:before {
    margin-left: 0px;
} */
/* .my_custom_width{
    justify-content: flex-start !important;
} */
/* .custom_view_mobile .col-sm-5.col-7.ml-2 , .custom_view_mobile .col-sm-5.col-7{
    margin-left: 9px !important;
} */
/* .match-slider{
    margin-top:10px;
}
.lab-grown-slider {

    margin-bottom: 10px;
}
.row.d-flex.my_custom_width {
    width: 90px;
    margin: auto;
    margin-left: 10px;
} */

/* .toggle--label {
    width: 62px !important;

}
.toggle--label:after {
    left: 69px !important;
} */
/* .custom_view_mobile h6 {

    margin-left: -15px;

} */
/* .my_new h6{margin-left:10px} */
/* .custom_width .row.align-items-start{
justify-content: center !important;
} */
}
/* @media(max-width:1024px){
.earth-mined-slider, .match-slider {
    width: 25%;
}
} */
/* @media(max-width:453px){
.row.custom_view_mobile {
    gap: 10px;
    justify-content: center;
}
.earth-mined-slider, .match-slider{
    width: 50% !important;
}
.my_new h6 {
    margin-left: -18px !important;
}
.custom_view_mobile .col-sm-5.col-7.ml-2, .custom_view_mobile .col-sm-5.col-7 {
    margin-left: 0px !important;
}
.col-sm-6.col-6.custom_width {
    width: 100% !important;
    flex: 0 0 100% !important;
}
.earth-mined-slider, .match-slider {
    width: 100% !important;
}
} */
.lab, .singles, .pairs {
/* margin-bottom: 15px; */
font-weight: 600;
color: #000;
line-height: 16px;
/* text-align: center; */
text-transform: uppercase;
font-size: 14px;
}
.earth { font-size: 14px ;
    margin-top: 0px;
    font-weight: 600;
color: #000;
line-height: 16px;
/* text-align: center; */
text-transform: capitalize;
margin-top: 5px;

}
.row.design_n {
    align-items: center;
    flex-wrap: nowrap;
    height: 99px;
    /* margin-top: 5px; */
}
.design_n .toogle_section {
    display: flex;
    flex-direction: column-reverse;
    /* justify-content: normal; */
    height: 70px;
    justify-content: space-between;
    text-align: center;
    /* margin: auto; */
    /* align-items: center; */
}
.my_custom_width {
    position: relative;
    /* width: 55px; */
    text-align: center;
    display: flex;
    /* justify-content: center; */
    margin: 0px 5px;
}
.match-slider .my_custom_width{
    justify-content:left; 
}
.with_image .my_custom_width{
    justify-content:right; 
}
.lab-grown-slider {
    position: relative;
    /* width: 25%; */
}
.row.d-flex.btn_custom_text {
    position: absolute;
    width: 100%;
    top: 35px;
    justify-content: space-between;
}



/* header toogle */
.row.d-flex.custom-row {
    position: relative;
    justify-content:center;
    flex-wrap: nowrap;
}
.toggle--checkbox:checked+label.toggle--label.second:before {
    opacity: 0;
}


.toggle--checkbox:checked+label.toggle--label.second:after {
    opacity: 1;
}
/* .col-xl-3.col-lg-4.col-md-6.col-sm-6.col-12.mob_view .row .col-5 {
    padding: 0px 45px 0px 15px;
} */
label.toggle--label.second:after {

    opacity: 0;


}
.my_toogle_one, .my_toogle_two {
    position: relative !important;

}
.my_toogle_two {
    MARGIN-LEFT: -40PX;
}
label.toggle--label.one.inactive_switch::after{
    opacity: 0;

} 
label.toggle--label.second.inactive_switch::after{
    opacity: 0;

}
label.toggle--label.second.inactive_switch::before{
    opacity: 0;

}
label.toggle--label.one, label.toggle--label.second{
    width:200px !important;
}
label.toggle--label.one.toggle--label:after, label.toggle--label.second.toggle--label:after {
    left: 175px !important;
}
@media(max-width:415px){
   #product-showcase .mobile_view_search .mobile_view_switch .tw-toggle label {
    font-size: 10px !important;
    width:50px !important;
}
.tw-toggle input[value="mobile_lab"]:checked~span {
    left: 110px !important;
}
.tw-toggle input[value="mobile_natrual"]:checked~span {
    left: 50px !important;
    
}
 } 
 @media(max-width:376px){

    #product-showcase .mobile_view_search .stocksearch {
        padding: 5px 5px;
    }
    #product-showcase .mobile_view_search .tw-toggle label{padding: 0px !important;}

   
    
  }    
@media(max-width:992px){
   #top-filter-jewelry .deals_filter .deals_page_switch .desktop_view {display: none;}
   #product-showcase .display_width_Set  .mobile_view_search {display: block !important;}
   #product-showcase .display_width_Set .form_wrap .filter_SEt .desktop_view { display: none;}
}
#myModaldiamond .form-group .col-md-1{
    display: none;
}
.match-slider .design_n .col-6{
    border:none !important;
}
@media(max-width:1199px){
.border-fullpage .c_desktop_view_btn_pair_single .design_n {height: auto !important;}
}
@media(max-width:767px){
    #product-showcase .display_width_Set .form_wrap .filter_SEt .desktop_view{display: none;}
    #product-showcase .display_width_Set  .mobile_view_search{display: block !important;}
    #top-filter-jewelry .deals_filter .deals_page_switch .switch .slider.round{display:none;}
    .row.d-flex.btn_custom_text {
    
        top: 30px;
        
    }
    label.toggle--label.one.toggle--label:after, label.toggle--label.second.toggle--label:after {
        left: 91px !important;
    }   
/* .ready_to_ship,.with_image{
margin-top:30px;

} */
.new-slider-design .ready_to_ship h6,.new-slider-design .with_image h6{
font-size: 12px !important;
font-weight: 600;

}
    /* .earth-mined-slider .design_n .toggle--label {
        width: 55px;
    
    }
    .match-slider .design_n .toggle--label {
        width: 50px !important;
    }
    .earth-mined-slider .design_n .toggle--label:after,.match-slider .design_n .toggle--label:after{
        left: 20px !important;
    } */
    label.toggle--label.one, label.toggle--label.second {
        width: 130px !important;
    }
}

/* @media(max-width:435px){
    label.toggle--label.one, label.toggle--label.second {
        width: 115px !important;
    }
    label.toggle--label.one.toggle--label:after, label.toggle--label.second.toggle--label:after {
        left: 77px !important;
    
    }
    /* .custom_view_mobile .custom_width .row{
        justify-content: flex-start !important;
    } 
    .match-slider,.earth-mined-slider,.custom_width  {
        margin-bottom: 10px;
    }
    .earth-mined-slider , .match-slider{
        width: 52% !important;
    
    }
} */

.mob_view .row h6{margin:0px;} 
.mob_view .row {height:40px;margin-bottom: 5px;}


.mob_view .row h6{
font-size:14px;
}



@media(max-width:830px){
.lab-grown-slider .btn {
    
    width: 100px;

}
.lab-grown-slider .active-btn .btn {

    width: 25px;
    height: 25px;

}
}
@media(max-width:1199px) and (min-width:991px){
.border-box {

    font-size: 11px !important;

}
.border-box {
    
    padding: 4px 1px;
    
}
}
@media(max-width:1357px) and (min-width:1199px){
.border-box {

    font-size: 10px !important;

}
}
@media(max-width:410px){
.lab-grown-slider .btn {
    width: 120px;
}
.new-slider-design.d-flex {
    margin: 0px 14px;
}
/* .ready_to_ship h6, .with_image h6,.lab, .singles, .pairs ,.earth,.lab-grown-slider h6{
font-size: 11px !important;
    margin-bottom: 0px;
} */
}
@media(max-width:991px){
.border-fullpage {

padding: 27px 0px;
}
}
.icon-wrapper .active1{
background: #fff !important;
}

/*  ***************************   SLICK SLIDER FILTER ON DIAMOND PAGE START***********************************/
.arrow_prev {
background-color: #fff;
opacity: 0;
position: absolute;
top: 0;
/* font-size: 18px; */
left: 0px;
height: 80px;
display: flex;
align-items: center;
border-right: 1px solid #000000a8;
padding-right: 5px;
padding-left: 5px;
width:25px;
justify-content: center;
}
.arrow_next {
width: 25px;
justify-content: center;
background-color: #fff;
opacity: 0;
position: absolute;
top: 0;
/* font-size: 18px; */
right: 0px;
height: 80px;
display: flex;
align-items: center;
border-left: 1px solid #000000a8;
padding-left: 5px;
padding-right: 5px;
}
/* i.fa.fa-angle-left , i.fa.fa-angle-right {
font-size: 30px;
color:#000000a8;
left: 0px;
} */
.diamond-shapes-slider .shape-detail {
border: 1px solid #d7d7d7;
padding: 0px;
}
.custom-container-2 {
max-width: 1000px;
width: 100%;
margin: auto !important;
position: relative;
}
.diamond-shapes-slider .slick-prev:before, 
.diamond-shapes-slider .slick-next:before {

font-size: 30px;
/* color: #ddd; */

}
/* .slick-next:before {
content: ''!important;
color:#000 !important; 
} */
.diamond-shapes-slider .slick-prev,   .diamond-shapes-slider .slick-next {
display: none !important;

} 
.diamond-shapes-slider .slick-slide {
margin-top: 0px !IMPORTANT;
height: auto;
border: none;
}
.diamond-shapes-slider .shape-detail img {
margin: 0px auto 10px;
width: 75px;
height: 75px;
}
/* .diamond-shapes-slider .slick-next  {
right: 15px;

border-left: 1px solid #000;
height: 75px;

margin-right: -10px;
} */
/* .diamond-shapes-slider .slick-prev {
height: 75px;
position: absolute;
border-right: 1px solid #000;
top: -30px;
} */
.diamond-shapes-slider .shape-detail p {
font-size: 14px;
font-weight: 600;
margin-bottom: 0px;
line-height: 20px;
}


@media(max-width:991px){
/* .custom-container-2 {
max-width: 870px;

} */
.arrow_prev ,.arrow_next {
opacity: 1;
}
}
/*  ***************************   SLICK SLIDER FILTER ON DIAMOND PAGE END***********************************/
/* *********************Availabilty Dropdown start**************************** */
.mob_view select {
text-transform: uppercase;
width: 100%;
height: 38px;
border-radius: 5px;
padding: 0px 10px;
font-size: 12px;
font-weight: 600;
border: 1px solid #c7c7c7;
/* box-shadow: 0px 1px 10px 0px #a9a9a945; */
}
.mob_view select option {
margin: 5px;
font-size: 12px;
font-weight: 500;
padding: 5px;
}

/* *********************Availabilty Dropdown end**************************** */
.ready_to_ship h6, .with_image h6 {
margin-bottom: 0px;
font-size: 14px !important;
font-weight: 600;
text-transform: uppercase;
/* height: 25px; */
}
select#mob_view_all {
height: 38px;
border-radius: 5px;
border: 1px solid #ddd;
width: 100%;
padding: 0px 10px;
background: #dddddd8c;
font-size: 12px;
font-weight: 600;
/* margin-top: 5px; */
color:#a6a6a6;
/* padding: 0px 0px; */
margin: 0px 15px;
}
 button.btn.btn-toggle-red.new-btn {
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #ccc !important;
padding: 2px 5px !important;
}
/* .new-slider-design .with_image {
margin-top: -7px;
min-height: 30px;
} */
@media(max-width:1070px){
.new-slider-design .with_image {
/* margin-top: -10px !important; */
min-height: 45px !important;
}
}

.clarity_new_design {
width: 100%;
display:flex;
align-items: center;
}
/* .clarity_new_design ul#color_name, .clarity_new_design #new_design_clarirty ,.clarity_new_design #colors{
float: left;
margin-top: 0px;
width:50%;
} */
/* .clarity_new_design #new_design_clarirty {
width:50%;
} */
.clarity_new_design ul#sec_row_color .border-box:first-child,.clarity_new_design ul#new_design_clarirty_row2 .border-box:first-child ,.clarity_new_design ul#colors_row_sec .border-box:first-child {
border-radius: 0px 0 0 0px;
}
.clarity_new_design ul#color_name .border-box:last-child ,.clarity_new_design ul#new_design_clarirty .border-box:last-child,.clarity_new_design #colors .border-box:last-child{

border-radius: 0 0px 0px 0;
border-right:none;
}
.clarity_new_design ul{
flex:1;
}
@media(max-width:670px){
.clarity_new_design {
display: block;
} 
.clarity_new_design ul#sec_row_color .border-box:first-child,.clarity_new_design ul#new_design_clarirty_row2 .border-box:first-child ,.clarity_new_design ul#colors_row_sec .border-box:first-child {
border-radius: 6px 0 0 6px;
width: 100%;
}
.clarity_new_design ul#color_name .border-box:last-child ,.clarity_new_design ul#new_design_clarirty .border-box:last-child,.clarity_new_design #colors .border-box:last-child{
width: 100%;
border-radius: 0 6px 6px 0;
border-right:1px solid #c7c7c7;
}
}
/* .advance_btn {
margin-top: -80px;
} */
.with_image svg#Capa_1 {
margin: 0px auto;
}
.shapes.border-fullpage {
display: flex;
flex-direction: column;
}

@media(max-width:445px){
.btn-toggle-red i {
font-size: 10px;

}
.advance_btn {
margin-top: 0px !important;
}
}
/*  */


.advance_btn {
    display: block;
    position: relative;
}
.mobile_view_btn_new{
    /* display: none; */
    position: relative !important;
}
/* new slider design */
.cover {
    padding: 0px 0px;
    position: relative;
    /* margin-top: 100px; */
}
.cover .left {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    BORDER-RIGHT: 1PX SOLID #333;
    HEIGHT: 100PX;
    PADDING-RIGHT: 5PX;
    font-size: 30px;
    color: #333;
    background-color: #fff !important;
    z-index: 99;
}
.cover .right {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    BORDER-LEFT: 1PX SOLID #333;
    HEIGHT: 100PX;
    PADDING-LEFT: 5PX;
    font-size: 30px;
    color: #333;
     background-color: #fff !important;
      z-index: 99;
}
.cover .scroll-images {
    padding: 0px 32px;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    justify-content: center;
}

  .cover .scroll-images::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #fff;
  }
  
  .cover .scroll-images::-webkit-scrollbar-thumb {
    background-color: #FFF;
    border-radius: 10px;
    height: 1px;
  }
  
  .cover .scroll-images::-webkit-scrollbar-track {
      height:2px;
  }
  .cover .scroll-images::-webkit-scrollbar {
      display:none;
      width: 5px;
  }
  .cover .scroll-images::-webkit-scrollbar-track {
      background: transparent;
      height: 1px;
  }
      
  
  
  .cover .scroll-images::-webkit-scrollbar-track-piece:end {
      background: #FFF;
      border-radius: 10px;
      height: 1px;
  }
  
  .cover .scroll-images::-webkit-scrollbar-track-piece:start {
      background: #FFF;
      border-radius: 10px;
      height: 1px;
  }
  
  .cover .child {
    WIDTH: 105PX;
    height: auto;
    margin: 2px 3px;
    overflow: hidden;
    /* padding: 0PX 6px; */
}
.cover button {
    background-color: transparent !important;
    border: none;
    outline: none;
    cursor: pointer;
  }
  .cover .right, .cover .left {
    display:none;
    width: 25px;
    background-color: #fff !important;
}
.product-options_body.c_light_box_design ul{
    justify-content: space-between;
}
.product-options_body.c_light_box_design ul li label
{color:#585858; font-weight: 500;}
.product-options_body.c_light_box_design ul li .btn, .product-options_body.c_light_box_design ul li a {
    padding: 0px;
    font-size: 18px !important;
}
  @media(max-width:768px){
    .cover .right,.cover .left{
        display: block;
    }
  }
  @media(max-width:380px){
  /* .design_n svg {
    height: 22px;
} */
}
/* more filter section */
/* .lab_option .more_filter{
    display:none;
} */
#more_filter_section {
    display: none;
   width:100%;
}
@media(max-width:356px){
    .border-fullpage .dia-row .dia-shapes li:nth-child(12){position: unset !important;}
}
@media(max-width:628px){
.button-sticky .button-list li button svg {
    width: 18px !important;
    height: 18px !important;
}
}
@media(max-width:503px){
    #product-showcase .button-sticky .jewelry_with_image .my_custom_width .deals_with_image {
        flex-wrap: wrap;
        justify-content: end;
        gap: 2px 0px;
    }
}
@media(max-width:575px){
    .dia_box .available, .dia_box .trade_show, #add_data_mobile_view .bordered .mobile_icon .trade_show{
        margin-left: 0px;
    }
    .dia_btn {
    width: 92%;
}
  .dia_img {
    
    max-width: 100% !important;
}
    .dia_img > img {
    width: 100% !important;
  
}
    #more_filter_section {
        /* display: none; */
        order: 8;
    }

    .lab_option .more_filter{
        display:block;
        position: relative;
    }
    /* .product-options_body.c_light_box_design ul li {
        width: 75px;
    } */
    .product-options_body.c_light_box_design ul li .dropdown-menu li{
        width: 100% !important;
    }
    .product-options_body.c_light_box_design ul {
        justify-content: space-between;
        /* gap: 10px; */
    }
   
    .product-options_body.c_light_box_design ul button{
        padding: 2px !important;
    }
    .product-options_body.c_light_box_design ul li .btn, .product-options_body.c_light_box_design ul li a {
        padding: 0px;
        font-size: 16px !important;
    }
    .product-options_body.c_light_box_design ul .nav-link{
        padding:0px !important;
    }
}
/* more filter section */
/* .tooltip.fade.show.bs-tooltip-bottom {
    DISPLAY: NONE !important;
} */
.text_btn_noactive::after {
  display:none !important;
}
.text_btn_active::after {
    display:inline-block !important;
  }
  .button-sticky #search_btn .dropdown-toggle::after {
    display: none;
}
.button-sticky #search_btn .dropdown-menu{
    border:none;
}

  
.lab_option .tooltip_new .tooltiptext_new {
    visibility: hidden;
    width: 80px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 1px 0;
    top: -30px;
    right: 0;
    position: absolute;
    z-index: 1;
    text-transform: capitalize;
}
  .lab_option .tooltip_new:hover .tooltiptext_new {
    visibility: visible;
  }
  .button-sticky  button {
    display: flex !important;
    gap: 5px;
    justify-content: center;
    align-items: flex-start;
    padding-top: 8px !important;
}
.button-sticky  button {
    border: 1px solid #000;
    background-color: transparent;
    color: #000 !important;
    font-weight: 600;
    font-size: 18px;
    height: 42px;
    display: block;
    
}
.button-sticky  button:hover{
    background-color: #f68626;
    color:#fff !important;
}
.result-data.color-daimond #result_select_all{
    position: relative;
    font-size: 20px;
 }
 /* .result-data.color-daimond #result_select_all input#checkAll_result {
     position: absolute;
     width: 100%;
     height: 100%;
     opacity: 0;
    
 } */
 /* ------------------------switch Design Start */
 #product-showcase .display_width_Set  .mobile_view_search{display: none;}
 #product-showcase .button-sticky .jewelry_with_image .deals_with_image .my_custom_width,.border-fullpage .c_switch_button,
 #diamond_btn_group .button-sticky .btn_group .c_switch_button,
 #top-filter-jewelry .deals_filter .deals_page_switch 
{
    width: fit-content!important;
  }
#product-showcase .button-sticky .jewelry_with_image .deals_with_image  .switch, .border-fullpage .c_switch_button .switch,
#diamond_btn_group .button-sticky .btn_group  .c_switch_button .switch,
#top-filter-jewelry .deals_filter .deals_page_switch .switch,
#product-showcase .display_width_Set .mobile_view_search .mobile_view_switch .switch{
    position: relative;
    display: inline-block;
    width: 75px;
    height: 37px;
    /* margin: 0px 1px; */
}
  
  #product-showcase .button-sticky .jewelry_with_image .deals_with_image  .switch input, .border-fullpage .c_switch_button .switch input,
  #diamond_btn_group .button-sticky .btn_group .c_switch_button .switch input,
#top-filter-jewelry .deals_filter .deals_page_switch .switch input,
#product-showcase .display_width_Set .mobile_view_search .mobile_view_switch .switch input{
    display: none !important;
  }
  
  #product-showcase .button-sticky .jewelry_with_image .deals_with_image  .slider,.border-fullpage .c_switch_button .switch  .slider,
  #diamond_btn_group .button-sticky .btn_group  .c_switch_button .switch .slider,
#top-filter-jewelry .deals_filter .deals_page_switch .switch .slider,
#product-showcase .display_width_Set .mobile_view_search .mobile_view_switch .switch .slider{
    position: absolute !important;
    cursor: pointer !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important; 
    bottom: 0 !important;
    background-color: #dddddd8c !important;
    -webkit-transition: .4s !important;
    transition: .4s !important;
  }
  
#product-showcase .button-sticky .jewelry_with_image .deals_with_image  .slider:before,.border-fullpage .c_switch_button .switch  .slider:before,
#diamond_btn_group .button-sticky .btn_group .c_switch_button .switch  .slider:before,
#top-filter-jewelry .deals_filter .deals_page_switch .switch .slider:before,
#product-showcase .display_width_Set .mobile_view_search .mobile_view_switch .switch .slider:before 
{
    position: absolute !important;
    content: "" !important;
    height: 26px ;
    width: 26px ;
    left: 4px !important;
    bottom: 6px ;
    right:0px !important;
  
    background-color: white !important;
    -webkit-transition: .4s !important;
    transition: .4s !important;
  }
  
  #product-showcase .button-sticky .jewelry_with_image .deals_with_image  input:checked + .slider ,.border-fullpage .c_switch_button .switch input:checked + .slider,
  #diamond_btn_group .button-sticky .btn_group  .c_switch_button .switch input:checked + .slider,
#top-filter-jewelry .deals_filter .deals_page_switch  .switch input:checked + .slider,
#product-showcase .display_width_Set .mobile_view_search .mobile_view_switch .switch input:checked + .slider{ 
    background-color: #f68626 !important;
  }
/*   
  #product-showcase .button-sticky .jewelry_with_image  input:focus + .slider, .border-fullpage .c_switch_button .switch input:focus + .slider{
    box-shadow: 0 0 1px #2196F3 !important;
  } */
  
  #product-showcase .button-sticky .jewelry_with_image .deals_with_image  input:checked + .slider:before,.border-fullpage .c_switch_button .switch  input:checked + .slider:before,
  #diamond_btn_group .button-sticky .btn_group  .c_switch_button .switch  input:checked + .slider:before,
#top-filter-jewelry .deals_filter .deals_page_switch  .switch  input:checked + .slider:before,
#product-showcase .display_width_Set .mobile_view_search .mobile_view_switch .switch input:checked + .slider:before{
    -webkit-transform: translateX(40px) ;
    -ms-transform: translateX(40px) ;
    transform: translateX(40px) ;
  }
  
  /*------ ADDED CSS ---------*/
  #product-showcase .button-sticky .jewelry_with_image .deals_with_image .on ,.border-fullpage .c_switch_button .switch .on,
  #diamond_btn_group .button-sticky .btn_group  .c_switch_button .switch .on,
#top-filter-jewelry .deals_filter .deals_page_switch .switch .on,
#product-showcase .display_width_Set .mobile_view_search .mobile_view_switch .switch .on{
    display: none !important;
  }
  
  #product-showcase .button-sticky .jewelry_with_image .deals_with_image  .on, #product-showcase .button-sticky .jewelry_with_image  .off,
  .border-fullpage .c_switch_button .switch .on,.border-fullpage .c_switch_button .switch .off ,
  #diamond_btn_group .button-sticky .btn_group  .c_switch_button .switch .on, #diamond_btn_group .button-sticky .btn_group  .c_switch_button .switch .off,
#top-filter-jewelry .deals_filter .deals_page_switch  .switch .on, #top-filter-jewelry .deals_filter .deals_page_switch  .switch .off,
#product-showcase .display_width_Set .mobile_view_search .mobile_view_switch .switch .on,
#product-showcase .display_width_Set .mobile_view_search .mobile_view_switch .switch .off
{
    color: #a6a6a6 ;
    position: absolute ;
    transform: translate(-50%, -50%) ;
    top: 50% ;
    left: 70% !important;
    font-size: 10px ; 
    user-select:none ;
    font-weight: 800;
  }
 #product-showcase .button-sticky .jewelry_with_image .deals_with_image  .on ,.border-fullpage .c_switch_button .switch .on,
 #diamond_btn_group .button-sticky .btn_group  .c_switch_button .switch .on,
 #top-filter-jewelry .deals_filter .deals_page_switch .switch .on,
 #product-showcase .display_width_Set .mobile_view_search .mobile_view_switch .switch .on{
    left: 30% !important;
    line-height: normal;
    color: #fff !important;
  }
  #product-showcase .button-sticky .jewelry_with_image .deals_with_image input:checked + .slider .on ,.border-fullpage .c_switch_button .switch input:checked + .slider .on,
  #diamond_btn_group .button-sticky .btn_group .c_switch_button .switch input:checked + .slider .on,
#top-filter-jewelry .deals_filter .deals_page_switch  .switch input:checked + .slider .on,
#product-showcase .display_width_Set .mobile_view_search .mobile_view_switch .switch input:checked + .slider .on
  {
    display: block !important;
  }
  
  #product-showcase .button-sticky .jewelry_with_image .deals_with_image input:checked + .slider .off,.border-fullpage .c_switch_button .switch input:checked + .slider .off,
  #diamond_btn_group .button-sticky .btn_group .c_switch_button .switch input:checked + .slider .off,
#top-filter-jewelry .deals_filter .deals_page_switch .switch input:checked + .slider .off,
#product-showcase .display_width_Set .mobile_view_search .mobile_view_switch .switch input:checked + .slider .off{
    display: none !important;
  }
  
  
  /* Rounded sliders */
  #product-showcase .button-sticky .jewelry_with_image .deals_with_image .slider.round ,.border-fullpage .c_switch_button .switch .slider.round ,
  #diamond_btn_group .button-sticky .btn_group  .c_switch_button .switch .slider.round,
#top-filter-jewelry .deals_filter .deals_page_switch .switch .slider.round,
#product-showcase .display_width_Set .mobile_view_search .mobile_view_switch .switch  .slider.round{
    border-radius: 34px ;
  }
  
  #product-showcase .button-sticky .jewelry_with_image .deals_with_image .slider.round:before ,.border-fullpage .c_switch_button .switch .slider.round:before,
  #diamond_btn_group .button-sticky .btn_group .c_switch_button .switch .slider.round:before,
#top-filter-jewelry .deals_filter .deals_page_switch .switch .slider.round:before,
#product-showcase .display_width_Set .mobile_view_search .mobile_view_switch .switch  .slider.round:before{
    border-radius: 50% ;
  }
  #top-filter-jewelry .deals_filter .deals_page_switch .switch.desktop_view{display: block;}
  /*--------- END --------*/
/* ----------three state toggle start--------------------- */
.tw-toggle {
    /* background: #95A5A6; */
    display: inline-block;
    padding: 2px 3px;
    border-radius: 34px;
    position: relative;
    border: 1px solid #dddddd8c;
    background: #dddddd8c;
    color: #fff;
    height: 37px;
    margin-right: 4px;
}

.tw-toggle label {
    text-align: center;
    /* font-family: sans-serif; */
    display: inline-block;
    color: #a6a6a6;
    position: relative;
    z-index: 2;
    margin: 0;
    text-align: center;
    padding: 2px 3px;
    font-size: 10px;
    /* cursor: pointer; */
    font-weight: 600;
    width: 55px;
    /* border: 1px solid red; */
}

.tw-toggle input {
    /* display: none; */
    position: absolute;
    z-index: 3;
    opacity: 0;
    cursor: pointer;
}

.tw-toggle span {
    height: 36px;
    /* width: 70px; */
    line-height: 21px;
    /* border-radius: 0px 50% 50% 0px; */
    background: #fff;
    display: block;
    position: absolute;
    left: 22px;
    top: 0px;
    transition: all 0.3s ease-in-out;
}
.tw-toggle input[value="all"]:checked~span {
    background: #f68626;
    left: 0px;
    color: #000;
    border-radius: 30px 0px 0px 30px;
    width: 55px;
    color: #fff !important;
}
.tw-toggle input[value="closeout"]:checked~span {
    background: #f68626;
    left: 125px;
    border-radius: 0px 30px 30px 0px;
    width: 55px;
    color: #fff !important;
}
.tw-toggle input[value="production"]:checked~span {
    background: #f68626;
    left: 61px;
    border-radius: 30px 30px 30px 30px;
    width: 60px;
    color: #fff !important;
}

.tw-toggle input[value="all"]:checked+label,
.tw-toggle input[value="closeout"]:checked+label {
    color: #fff;
}

.tw-toggle input[value="production"]:checked+label {
    color: #fff;
}   
/* ------desktop view deals switch------- */
.tw-toggle input[value="all_deals"]:checked~span {
    background: #f68626;
    left: 0px;
    color: #000;
    border-radius: 30px 0px 0px 30px;
    width: 55px;
    color: #fff !important;
}
.tw-toggle input[value="lab"]:checked~span {
    background: #f68626;
    left: 125px;
    border-radius: 0px 30px 30px 0px;
    width: 55px;
    color: #fff !important;
}
.tw-toggle input[value="natrual"]:checked~span {
    background: #f68626;
    left: 61px;
    border-radius: 30px 30px 30px 30px;
    width: 60px;
    color: #fff !important;
}

.tw-toggle input[value="all_deals"]:checked+label,
.tw-toggle input[value="lab"]:checked+label {
    color: #fff;
}

.tw-toggle input[value="natrual"]:checked+label {
    color: #fff;
}   
/* ------------------------------mobile view deals switch */
/* ------jewelry View view deals switch------- */
.tw-toggle input[value="jewelry_all_deals"]:checked~span {
    background: #f68626;
    left: 0px;
    color: #000;
    border-radius: 30px 0px 0px 30px;
    width: 55px;
    color: #fff !important;
}
.tw-toggle input[value="jewelry_lab"]:checked~span {
    background: #f68626;
    left: 125px;
    border-radius: 0px 30px 30px 0px;
    width: 55px;
    color: #fff !important;
}
.tw-toggle input[value="jewelry_natrual"]:checked~span {
    background: #f68626;
    left: 61px;
    border-radius: 30px 30px 30px 30px;
    width: 60px;
    color: #fff !important;
}

.tw-toggle input[value="jewelry_all_deals"]:checked+label,
.tw-toggle input[value="jewelry_lab"]:checked+label {
    color: #fff;
}

.tw-toggle input[value="jewelry_natrual"]:checked+label {
    color: #fff;
}   
/* ------------- */
.tw-toggle input[value="jewelry_desktop_all_deals"]:checked~span {
    background: #f68626;
    left: 0px;
    color: #000;
    border-radius: 30px 0px 0px 30px;
    width: 55px;
    color: #fff !important;
}
.tw-toggle input[value="jewelry_desktop_lab"]:checked~span {
    background: #f68626;
    left: 125px;
    border-radius: 0px 30px 30px 0px;
    width: 55px;
    color: #fff !important;
}
.tw-toggle input[value="jewelry_desktop_natrual"]:checked~span {
    background: #f68626;
    left: 61px;
    border-radius: 30px 30px 30px 30px;
    width: 60px;
    color: #fff !important;
}

.tw-toggle input[value="jewelry_desktop_all_deals"]:checked+label,
.tw-toggle input[value="jewelry_desktop_lab"]:checked+label {
    color: #fff;
}

.tw-toggle input[value="jewelry_desktop_natrual"]:checked+label {
    color: #fff;
}   
/* ------------------------------jewelry View  view deals switch */

.tw-toggle input[value="All"]:checked~span {
    background: #f68626;
    left: 0px;
    color: #000;
    border-radius: 30px 0px 0px 30px;
    width: 55px;
    color: #fff !important;
}

.tw-toggle input[value="mobile_all_deals"]:checked~span {
    background: #f68626;
    left: 0px;
    color: #000;
    border-radius: 30px 0px 0px 30px;
    width: 55px;
    color: #fff !important;
}
.tw-toggle input[value="mobile_lab"]:checked~span {
    background: #f68626;
    left: 125px;
    border-radius: 0px 30px 30px 0px;
    width: 55px;
    color: #fff !important;
}
.tw-toggle input[value="mobile_natrual"]:checked~span {
    background: #f68626;
    left: 61px;
    border-radius: 30px 30px 30px 30px;
    width: 60px;
    color: #fff !important;
}

.tw-toggle input[value="mobile_all_deals"]:checked+label,
.tw-toggle input[value="mobile_lab"]:checked+label {
    color: #fff;
}

.tw-toggle input[value="mobile_natrual"]:checked+label {
    color: #fff;
} 
/* -----------------------new-toggle radio btn strat -----------------------*/

.jewelry_with_image .all-text-color {
    color: #a6a6a6 !important;
  }
  
  .jewelry_with_image  .switches-container {
      position: relative;
      width: 75px;
      height: 37px;
      display: flex;
      padding: 0;
      background: #f68626;
      line-height: normal;
      border-radius: 34px;
    font-size:10px;
    text-transform:capitalize;
    font-weight:800;
  }
  
  /* input (radio) for toggling. hidden - use labels for clicking on */
  .jewelry_with_image  .switches-container input {
      opacity: 0;
      position: absolute;
      top: 0;
      height: 100%;
  }
  
  /* labels for the input (radio) boxes - something to click on */
  .jewelry_with_image  .switches-container label {
      width: 50%;
      padding: 0;
      margin: 0;
      text-align: center;
      cursor: pointer;
      color: #fff;
      line-height: normal;
      vertical-align: middle;
      /* position: relative; */
      /* top: 5px; */
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 11;
  }
  /* switch highlighters wrapper (sliding left / right) 
      - need wrapper to enable the even margins around the highlight box
  */
  .jewelry_with_image  .switch-wrapper {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 50%;
      padding: 0.15rem;
      z-index: 3;
      transition: transform .5s cubic-bezier(.77, 0, .175, 1);
      /* transition: transform 1s; */
  }
  
  /* switch box highlighter */
  .jewelry_with_image  .switch-section {
      left: 2px;
      border-radius: 50%;
      background: #fff;
      height: 100%;
      width: 28px;
      height: 28px;
      position: relative;
      top: 3px;
  }
  
  /* switch box labels
      - default setup
      - toggle afterwards based on radio:checked status 
  */
  .jewelry_with_image  .switch-section div {
      width: 100%;
      text-align: center;
      opacity: 0;
      display: block;
      color: var(--switch-text-color) ;
      transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
      will-change: opacity;
      position: absolute;
      top: 0;
      left: 0;
  }
  
  /* slide the switch box from right to left */
  .jewelry_with_image  .switches-container input:nth-of-type(1):checked~.switch-wrapper {
      transform: translateX(100%);
      transition: .4s !important;
  }
  
  /* slide the switch box from left to right */
  .jewelry_with_image   #all_img_filter input:nth-of-type(1):checked~.switch-wrapper{
      transform: translateX(0%);
      transition: .4s !important;
  }
  .jewelry_with_image  #all_img_filter label {
    width: 100%;
    justify-content: end;
    padding-right: 16px;
    color: #a6a6a6; 
       transition: .4s !important;
}
  /* toggle the switch box labels - first checkbox:checked - show first switch div */
  .jewelry_with_image  .switches-container input:nth-of-type(1):checked~.switch-wrapper .switch-section div:nth-of-type(1) {
      opacity: 1;
  }
  
  /* toggle the switch box labels - second checkbox:checked - show second switch div */
  .jewelry_with_image  .switches-container input:nth-of-type(2):checked~.switch-wrapper .switch-section div:nth-of-type(2) {
      opacity: 1;
  }
  .jewelry_with_image .switches-container input:nth-of-type(1):checked .switches-container {
     background-color:#dddddd8c !important;
     color:#a6a6a6 !important;
  }
  
/* -----------------------new-toggle radio btn end -----------------------*/

#with_img_new{
    width: 50%;
    left: 0;
    z-index: 99;
}
#all_new {
    width: 50%;
    z-index: 99;
    right: 0;
}

/* -----------------------new-toggle deals radio btn strat -----------------------*/

.deals_with_image .all-text-color {
    color: #a6a6a6 !important;
  }
  
  .deals_with_image  .switches-container {
      position: relative;
      width: 75px;
      height: 37px;
      display: flex;
      padding: 0;
      background: #f68626;
      line-height: normal;
      border-radius: 34px;
    font-size:10px;
    text-transform:capitalize;
    font-weight:800;
  }
  
  /* input (radio) for toggling. hidden - use labels for clicking on */
  .deals_with_image  .switches-container input {
      opacity: 0;
      position: absolute;
      top: 0;
      height: 100%;
  }
  
  /* labels for the input (radio) boxes - something to click on */
  .deals_with_image  .switches-container label {
      width: 50%;
      padding: 0;
      margin: 0;
      text-align: center;
      cursor: pointer;
      color: #a6a6a6;
      line-height: normal;
      vertical-align: middle;
      /* position: relative; */
      /* top: 5px; */
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 11;
  }
  /* switch highlighters wrapper (sliding left / right) 
      - need wrapper to enable the even margins around the highlight box
  */
  .deals_with_image  .switch-wrapper {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 50%;
      padding: 0.15rem;
      z-index: 3;
      transition: transform .5s cubic-bezier(.77, 0, .175, 1);
      /* transition: transform 1s; */
  }
  
  /* switch box highlighter */
  .deals_with_image  .switch-section {
      left: 2px;
      border-radius: 50%;
      background: #fff;
      height: 100%;
      width: 28px;
      height: 28px;
      position: relative;
      top: 3px;
  }
  
  /* switch box labels
      - default setup
      - toggle afterwards based on radio:checked status 
  */
  .deals_with_image  .switch-section div {
      width: 100%;
      text-align: center;
      opacity: 0;
      display: block;
      color: var(--switch-text-color) ;
      transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
      will-change: opacity;
      position: absolute;
      top: 0;
      left: 0;
  }
  
  /* slide the switch box from right to left */
  .deals_with_image  .switches-container input:nth-of-type(1):checked~.switch-wrapper {
      transform: translateX(100%);
      transition: .4s !important;
  }
  
  /* slide the switch box from left to right */
  .deals_with_image   #with_img_deals_filter input:nth-of-type(1):checked~.switch-wrapper{
      transform: translateX(0%);
      transition: .4s !important;
  }
  .deals_with_image  #with_img_deals_filter label {
    width: 100%;
    justify-content: end;
    padding-right: 16px;
    color: #fff; 
       transition: .4s !important;
}
  /* toggle the switch box labels - first checkbox:checked - show first switch div */
  .deals_with_image  .switches-container input:nth-of-type(1):checked~.switch-wrapper .switch-section div:nth-of-type(1) {
      opacity: 1;
  }
  
  /* toggle the switch box labels - second checkbox:checked - show second switch div */
  .deals_with_image  .switches-container input:nth-of-type(2):checked~.switch-wrapper .switch-section div:nth-of-type(2) {
      opacity: 1;
  }
  .deals_with_image .switches-container input:nth-of-type(1):checked .switches-container {
     background-color:#dddddd8c !important;
     color:#a6a6a6 !important;
  }
  
/* -----------------------new-toggle deals radio btn end -----------------------*/

#with_deals_img_new{
    width: 50%;
    left: 0;
    z-index: 99;
}
#all_deals_new {
    width: 50%;
    z-index: 99;
    right: 0;
}
/* flash(css_by_jagrati) */
.flash-text {
    z-index:1;
    position: absolute;
    top: 15%;
    bottom: 0;
    right: -20%;
    /* border: 1px solid #f28437; */
    color: #fff;
    background-color: #f28437;
    height: 80%;
    border-radius: 10px;
    /* display: flex;
    align-items: center; */
    text-align: center;
    /* justify-content: center; */
}
.flash-text .text {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 250px;
    font-weight: 900;
    font-size: 18px;
    height: 100%;
}
.flash-text .close {
    position: absolute;
    top: 5%;
    right: 5%;
    bottom: auto;
    left: auto;
    color: #fff;
    font-weight: 500;
    font-size: 25px;
    opacity: 1 !important;
    text-shadow: unset;
}
.login-flash{
    color: #fff;
}
@media(max-width:1500px){
    .flash-text {
    right: -9%;
}
}
@media(max-width:1200px){
    .flash-text {
    right: 4% !important;
    /* max-width: 150px; */
}
.flash-text .text {
    font-size: 16px;
}
.flash_deals {
    right: -5% !important;
    max-width: unset;
    bottom: -65px !important;
    /* min-height: 120px !important; */
}
}
@media(max-width:992px){
    /* .flash-text {
    z-index: 1;
    top: auto;
    right: 0% !important;
    left: 20% !important;
    max-width: 450px;
    width: 100%;
    height: fit-content !important;
    padding: 6px 0;
    bottom: -37%;
} */
.flash-text .text {
    font-size: 15px;
    /* max-width: unset; */
    /* margin-left: 12px;
    margin-right: 12px; */
    padding-left: 10px;
    padding-right: 10px;
}
.flash_deals {
    bottom: -65px !important;
    right: -5% !important;
    left: 10%;
    z-index: 1;
}
.flash_deals .text{
    padding:unset;
}
}
@media(max-width:991px){
    .flash-text {
    bottom: -45% !important;
}
.flash_deals {
    bottom: -65px !important;
    right: -60% !important;
    padding-left: 10px;
    padding-right: 10px;
}
}
@media(max-width:767px){
    .flash_deals {
        right: 60% !important;
        bottom: -120px !important;
    }
}
@media(max-width:576px){
    .flash-text {
        right: 7% !important;
        height: 90%;
        max-width: 160px;
        top: 5%;
    }
    .flash-text .text {
        /* max-width: 170px; */
        line-height: 18px;
    }
.flash_deals {
    right: 45% !important;
}
}
/* deals_flash */
.flash_deals {
    min-height: 111px;
    right: 0;
    height: 100%;
    top: auto;
    bottom: -65px; 
}
/* height: 100% !important;
min-height: 45px !important;
width: fit-content !important;
max-width: 400px !important;
bottom: -195px !important;
right: -135% !important;
left: auto !important; */
.button-sticky  .jewelry_with_image .my_custom_width .jewelry_list_mobile_view {
    display:none;
  }
  /* #top-filter-jewelry .custom-container .jewelry_list_desktop_view{
    display:block;
  } */
@media (max-width: 991px){
  .button-sticky  .jewelry_with_image .my_custom_width .jewelry_list_mobile_view {
    display:block !important;
  }
  #top-filter-jewelry .custom-container .jewelry_list_desktop_view{
    display:none;
  }
}