.custom-container {

  max-width: 1600px;

  width: 100%;

  height: auto;

  margin: auto;

}



/* header start */







/* breadcrumb */

.filters a {

  color: #000;

  text-decoration: none;

  color: #000;

  display: inline-block;

  font-weight: 600;

  font-size: 16px;

  text-transform: uppercase;

  margin-bottom: 0;

  line-height: inherit;

}



input[type='checkbox'] {

  accent-color: #000000;

}



.bread-filter-section .breadcrumb a {

  color: #333;

  text-decoration: none;

}



.bread-filter-section ol.breadcrumb {

  PADDING: 10PX 0px;

  FONT-SIZE: 14PX;

}



.bread-filter-section .breadcrumb-item+.breadcrumb-item::before {

  display: inline-block;

  padding-right: .5rem;

  padding-left: .5rem;

  content: "\f105" !important;

  color: #c6c5c7;

  font-family: "FontAwesome";

}



/* end breadcrumb */



/* show products  */

.bread-filter-section .d-flex .dropdown-toggle::after {

  content: none !important;

}



.bread-filter-section .d-flex .dropdown button.btn {

  border: 1px solid #ddd;

  color: #fff !important;

  background-color: #000000;

  border-radius: inherit;

  display: none;

}



.bread-filter-section .d-flex button#dropdownMenuButton1 i.fa.fa-angle-down {

  font-size: 14px;

  font-weight: 600;

}



.bread-filter-section .d-flex button#dropdownMenuButton1 {

  border: 1px solid #c5c5c5 !important;

  background: #fff;

  color: #0a0909;

  padding: 8px 20px;

  font-size: 12px;

  font-weight: 600;

}



.bread-filter-section .d-flex .dropdown a.dropdown-item {

  font-size: 13px;

  color: #000000;

}



.bread-filter-section .d-flex button#dropdownMenuButton1:hover {

  background-color: #000000;

  color: #fff !important;

  border: 1px solid #000;

}



.bread-filter-section .d-flex {

  justify-content: end;

  margin: 15px 0px;

}



.bread-filter-section .d-flex .show-inventory a {

  color: #777;

  text-decoration: none;

  font-size: 15px;

}



.bread-filter-section .d-flex .search {

  position: relative;

  width: 40%;

}



.bread-filter-section .d-flex .search a.srch_btn {

  position: absolute;

  right: 0px;

  height: 100%;

  background-color: #000;

  padding: 6px 15px;

  color: #fff;

}



.bread-filter-section .d-flex input[type="text"] {

  width: 100%;

  border: 1px solid #ddd;

  padding: 6px;

  font-size: 14px;

}



.bread-filter-section .d-flex .show-inventory input#inventory {

  width: 17px;

  height: 17px;

  vertical-align: middle;

}



/* end show products */



/* sidebar start */

.main-section {

  padding: 15px 15px !important;

}



.main-section .sidebar-2 {

    display: block;

    position: relative;

    overflow-y: auto;

    /* height: 1600px; */

    height: 88vh;

    /* min-height: 1600px; */

    overflow-x: hidden;

    position: sticky;

    top: 18%;

}





.main-section .sidebar-2 h4 {

  color: #000;

  display: inline-block;

  font-weight: 600;

  font-size: 16px;

  text-transform: uppercase;

  margin-bottom: 0;

  line-height: inherit;

}



.main-section .sidebar-2 input#close_btn {

  background-color: #fff;

  color: #000;

  font-weight: 600;

  font-size: 16px;

  border: none;

  text-transform: uppercase;

}



.main-section .sidebar-2 .badge {

  color: #777777;

  font-weight: 400;

  white-space: nowrap;

}



.main-section .sidebar-2 li {

  position: relative;

  margin-bottom: 0;

  color: #777;

  font-size: 14px;

}



.main-section .sidebar-2 a.filter-form-check {

  color: #777777;

  text-decoration: none;

  font-size: 14px;

}



.main-section .sidebar-2 a.filter-form-check label.form-check-label {

  cursor: pointer;

}



.main-section .sidebar-2 .categories {

  border-top: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

}



.main-section .sidebar-2 .me-1 {

  width: 17px;

  height: 17px;

  vertical-align: middle;

  cursor: pointer;

}



.main-section .sidebar-2 .price-input {

  width: 100%;

  display: flex;

  margin: 20px 0;

}



.main-section .sidebar-2 .price-input .field {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

}



.main-section .sidebar-2 .field input {

  width: 100%;

  font-size: 14px;

  margin-left: 5px;

  border-radius: 5px;

  text-align: center;

  border: 1px solid #999;

}



.main-section input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button {

  -webkit-appearance: none;

}



.main-section .sidebar-2 .price-input .separator {

  width: 130px;

  display: flex;

  font-size: 19px;

  align-items: center;

  justify-content: center;

}



.main-section .sidebar-2 .slider {

  height: 5px;

  position: relative;

  background: #ddd;

  border-radius: 5px;

}



.main-section .sidebar-2 .slider .progress {

  height: 100%;

  left: 25%;

  right: 25%;

  position: absolute;

  border-radius: 5px;

  background: #8b8989;

}



.main-section .sidebar-2 .range-input {

  position: relative;

}



.main-section .sidebar-2 .range-input input {

  position: absolute;

  width: 100%;

  height: 5px;

  top: -5px;

  background: none;

  pointer-events: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  color: #000;

}



.main-section .sidebar-2 input[type="range"]::-webkit-slider-thumb {

  height: 17px;

  width: 17px;

  border-radius: 50%;

  background: #4e3629;

  pointer-events: auto;

  -webkit-appearance: none;

  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);

}



.main-section .sidebar-2 input[type="range"]::-moz-range-thumb {

  height: 17px;

  width: 17px;

  border: none;

  border-radius: 50%;

  background: #4e3629;

  pointer-events: auto;

  -moz-appearance: none;

  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);

}



.main-section .sidebar-2 .price-range {

  position: relative;

  padding-bottom: 35px;

  border-bottom: 1px solid #ddd;

}



.main-section .sidebar-2 .coll {

  border-bottom: 1px solid #ddd;

}



.deatil_icon-jewelry span {

  display: flex;

  justify-content: center;

  gap: 6px;

}



/* .main-section .sidebar-2 .Metal-type{border-bottom: 1px solid #ddd;}

 

  .main-section .sidebar-2 .metal-grade{border-bottom: 1px solid #ddd;}

 

  .main-section .sidebar-2 .metal-color{border-bottom: 1px solid #ddd;}

 

  .main-section .sidebar-2 .gem-type{border-bottom: 1px solid #ddd;} */



.main-section .sidebar-2 h5 {

  color: #4e3629;

}



.main-section button.btn {

  border: 1px solid #fff;

  background-color: #020201;

  color: #fff;

  width: 100%;

  border-radius: inherit;

  font-size: 12px;

  padding: 7px;

  font-weight: 600;

}



.main-section button.btn.btn_filter {

  position: sticky;

  bottom: 0px;

}



.main-section button.btn a {

  color: #fff !important;

}





/*sidebar end  */

.main-section .content-list .list-jewelry {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  margin-top: 0px;

  gap: 20px;

}



.main-section .content-list .list-jewelry .card-box, .product-grid .home-product-item .card-box {

    position: relative;

    /* box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05); */

    text-align: center;

    background-color: #fff;

    flex: 0 0 24%;

    /* min-height: 400px; */

    border-radius: 0px;

    border: 1px solid #f3f3f3!important;

    border-radius: 10px;

    overflow: hidden;

    /* margin: 12px; */

    /* width: calc(25% - 24px); */

    padding-bottom: 10px;

    /* margin: 5px; */

}



.main-section .content-list .list-jewelry .card-box:hover , .product-grid .home-product-item .card-box:hover{

  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;

}



.main-section .content-list .list-jewelry .card-box .img-box, .product-grid .home-product-item .card-box  .img-box{

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  /* border-bottom: 1px solid #7777772e; */

}



.main-section .content-list .list-jewelry .card-box .img-box img,.product-grid .home-product-item .card-box .img-box img{

  max-width: 300px;

  width: 100%;

  height: 100%;

  /* min-height: 300px; */

  object-fit: contain;

  padding: 10px;

  aspect-ratio: 1/1;

}



.main-section .content-list .list-jewelry .card-box .img-box img.on-hover-img, .product-grid .home-product-item .card-box  .img-box img.on-hover-img {

  display: none;

  position: absolute;

  top: 0;

}



/* .main-section .content-list .list-jewelry .card-box .img-box img:hover{

  opacity: 0.9;

 } */

.main-section .content-list .list-jewelry .card-box .sku-no ,.product-grid .home-product-item .card-box  .sku-no{

  position: absolute;

  top: 0;

  margin-left: 10px;

  color: #4e3629;

}



.main-section .content-list .list-jewelry .card-box .sku-no p ,.product-grid .home-product-item .card-box  .sku-no p {

  font-size: 14px;

}



.main-section .col-lg-10.col-md-10.main-content {

  position: relative;

}



.main-section .content-list .list-jewelry .card-box .btn-box button.btn,.product-grid .home-product-item .card-box .btn-box button.btn{

  width: 50%;

  float: right;

  padding: 10px;

}



.main-section .content-list .list-jewelry .card-box .btn-box button.btn-btn ,.product-grid .home-product-item .card-box  .btn-box button.btn-btn {

  border: 1px solid #fff;

  background-color: #f1f1f1;

  color: #5a5a5a;

  border-radius: inherit;

  font-size: 16px;

  width: 50%;

  padding: 7px;

  white-space: nowrap;

  font-weight: 600;

}



.main-section .content-list .list-jewelry .card-box .title a ,.product-grid .home-product-item .card-box .title a{

  color: #4e3629;

}



/* open navbar */



.bread-filter-section .filterbar .btn_filter_bar {

  position: sticky;

  bottom: 0;

  display: flex;

  background-color: #fff;

  border-top: 1px solid #e9e9ed;

  padding: 10px 15px;

  width: 100%;

  z-index: 999;

}



.bread-filter-section .filterbar .btn_filter_bar a {

  font-size: 15px;

  color: #4e3629 !important;

  font-weight: 500;

  text-transform: uppercase;

  width: 50%;

  text-align: center;

}



.bread-filter-section .filterbar {

  height: 100%;

  width: 0;

  position: fixed;

  z-index: 999;

  top: 0%;

  left: 0;

  background-color: #fff;

  overflow-x: hidden;

  transition: 0.5s;

  padding-top: 20px;

}



.bread-filter-section .filterbar h4 {

  font-size: 16px;

  color: #000;

  padding: 5px 10px;

}



.bread-filter-section .filterbar a {

  padding: 8px 0px;

  text-decoration: none;

  color: #4e3629 !IMPORTANT;

  display: block;

  transition: 0.3s;

}



.bread-filter-section .filterbar .closebtn {

  position: absolute;

  bottom: 15px;

  left: -51px;

  font-size: 15px;

  background-color: #fff;

  width: 50%;

  text-align: center;

  padding: 10px;

  padding: 13px !important;

  line-height: 25px;

}



.bread-filter-section .filterbar .all_filters {

  border-top: 1px solid #ddd;

}



.bread-filter-section .filterbar i.fa.fa-close {

  position: absolute;

  right: 0;

  color: #ddd;

  padding: 10px 5px;

}



section.container-fluid.custom-container.bread-filter-section {

  padding-top: 58px;

  display: none;

}



.main-section .content-list .list-jewelry .card-box:hover .img-box img.upon-hover-img ,.product-grid .home-product-item .card-box:hover .img-box img.upon-hover-img {

  opacity: 0;

}



.main-section .content-list .list-jewelry .card-box:hover .img-box img.on-hover-img,.product-grid .home-product-item .card-box:hover .img-box img.on-hover-img{

  opacity: 1;

  display: block;

}



section.container-fluid.custom-container.bread-filter-section p {

  font-size: 20px;

}



.bread-filter-section .d-flex.align-items-center.flex-wrap.jewelry_inventry {

  gap: 20px;

}



.bread-filter-section .filterbar .price {

  position: relative;

  font-size: 14px;

  width: 90%;

}



.bread-filter-section .filterbar .open_filter {

  background-color: transparent;

  border: none;

  color: #4e3629;

}



.bread-filter-section .filterbar .tab {

  background-color: #f5f5f6;

  float: left;

  width: 40%;

}



.bread-filter-section .filterbar .tab button.active {

  background-color: #fff;

  border-bottom: 1px solid #e9e9e9;

}



.bread-filter-section .filterbar .tab button {

  background-color: #f5f5f6;

  padding: 15px 15px;

  width: 100%;

  border: none;

  text-align: left;

  cursor: pointer;

  transition: 0.3s;

  font-size: 14px;

  border-bottom: 1px solid #ddd;

}



.bread-filter-section .filterbar .tabcontent {

  float: left;

  padding: 0px 12px;

  width: 60%;

}



.main-content .content-list ul li,.product-grid .home-product-item .card-box ul li{

  background-color: #f7f7f7;

  text-transform: capitalize;

  font-size: 14px;

  font-weight: 400;

  padding: 7px 15px;

  -webkit-transition: all .2s ease-out;

  transition: all .2s ease-out;

  border-radius: 20px;

}



.main-content .content-list .filter_list_breadcrumb ul li a {

  color: #3e4152;

}



.main-content .content-list .filter_list_breadcrumb {

  padding-left: 30px;

  margin-top: 14px;

}



.main-content .content-list .filter_list_breadcrumb span.close {

  margin-left: 10px;

}



/*  */

.card-box .deatil_icon-jewelry .icon-jewelry {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  /* transition: opacity .6s cubic-bezier(.5,1,.89,1) .1s,transform .6s cubic-bezier(.5,1,.89,1) .1s!important; */

  transition: all 0.5s ease-in-out;

  transform: translateY(59%);

}



.deatil_icon-jewelry .icon-jewelry a {

  color: #010101;

  margin: 0px 10px;

  border: 1px solid #0a0a0a;

  padding: 5px;

  opacity: 0;



}



.deatil_icon-jewelry .icon-jewelry a i {

  font-size: 18px;

  vertical-align: middle;



}



.card-box:hover .icon-jewelry {

  transform: translateY(5px);

}



.card-box:hover .icon-jewelry a {

  background-color: white !important;

  color: #000 !important;

  /* box-shadow: 1px 1px 9px 1px #4e638a52; */

  opacity: 1;

  line-height: 20px;

  padding: 11px 26px;

  vertical-align: inherit;

  text-decoration: none;

  width: 100%;

  font-size: 16px;

  border: 1px solid #04192a;

}



.card-box:hover .icon-jewelry a:hover {

  background: #04192a !important;

  color: white !important;

}



/* .card-box .icon-jewelry a:hover{

  background-color: black;

  color: white;

} */

.card_deatil_jewery h5 {

    margin: 0px;

    color: #051C42;

    font-size: 16px;

    line-height: 26px;

    text-transform: uppercase;

    font-weight: 600;

    /* text-align: center; */

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}



.deatil_icon_top .icon-top a svg {

  width: 25px;

  height: 25px;

  object-fit: contain;

}



.card_deatil_jewery h3 {

  font-size: 16px;

  color: #777777;

  font-weight: bold;

}



.star_icon_card i {

  font-size: 20px;

  color: #777777;

  ;

}



/*  */

/* icon_top */

.card-box .deatil_icon_top .icon-top {

  flex-direction: column;

  position: absolute;

  /* left: 37%; */

  /* transform: translateY(518%); */

  top: 2%;

  display: flex;

  z-index: 1;

  transition: all 1s ease-in-out;

  transform: translateY(5%);

  right: 8px;

  gap: 10px;
  z-index: 9;


}



.deatil_icon_top .icon-top a {

    color: #010101;

    border-radius: 0px;

    opacity: 0;

    /* background-color: white; */

    background: #f9f9f9;

    width: 35px;

    height: 35px;

    border-radius: 50% !important;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all 0.3s ease-in-out;

    padding: 7px;

}

.deatil_icon_top .icon-top a:hover {

  box-shadow: 0px 0px 0px rgba(0, 0, 0, 27%);

  transition: transform 0.2s;

  transform: scale(1.05);

}



.deatil_icon_top .icon-top .eye_icon_jewelry {

  border-right: 0px;

}



.deatil_icon_top .icon-top a i {

  font-size: 24px;

  vertical-align: middle;

  color: #000;

  object-fit: contain;

  font-weight: 300;

}



.card-box:hover .icon-top {

  transform: translateY(-5px);

}



.card-box:hover .icon-top a {



  color: #000 !important;

  /* box-shadow: 1px 1px 9px 1px #4e638a52; */

  opacity: 1;

  line-height: 20px;

  padding: 7px;

  vertical-align: inherit;

}



.hide_show_button {

  display: flex;

  justify-content: end;

  /* padding: 30px 57px; */

}



.hide_show_button button {

  border: 1px solid black;

  width: 40px;

  height: 40px;

  background-color: #000;

  display: none;

}



.hide_show_button button i {

  color: #fff;

}



.main-section .sidebar-2 a.closebtn {

  font-size: 35px;

  display: none;

  margin-left: auto;

}



.sku_jewelry h5 {

    font-size: 16px;

    font-weight: 500;

    line-height: normal;

    color: #051C42;

    margin-top: 0;

    text-align: left;

    padding-top: 5px;

}

.btn-box {

    padding: 12px 0;

}

div#jewelry_view_section-wishlist .btn-box {

    padding: 0;

}



/* end */

/* media query list page */

@media (max-width: 1920px) {

  .head .row .toogle-bar {

    display: none;

  }



  /* for header */

  .head .row .items {

    display: block;

  }



  /* for header */

  .head .row.mobile-head {

    display: none;

  }



  /* for header */

  .main-section .breadcrumb li a {

    font-size: 14px;

    color: #4e3629 !important;

  }

}

@media (max-width: 1600px) {

  .main-section .content-list .list-jewelry .card-box, .product-grid .home-product-item .card-box {

    flex: 0 0 32%;

}

section#jwel-data {

    padding: 15px !important;

}

}



/* @media(max-width:1413px) {

  .card_deatil_jewery_description h5 {

    font-size: 13px;

    color: #5a5a5a;

    font-weight: 700;

  }



  .card_deatil_jewery_description {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

  }

} */



@media (max-width: 1400px) {

  .card_deatil_jewery_description h5 {

    font-size: 15px !important;

  }



  .j-variation_btn {

    width: 26px !important;

    height: 26px !important;

  }

}



@media (max-width: 1330px) {

  .card-box:hover .icon-jewelry a {

    padding: 11px 0px;

  }



  /* .main-section .content-list .list-jewelry .card-box ,.product-grid .home-product-item .card-box{

    flex: 0 0 29%;

  } */



  .deatil_icon-jewelry span {

    font-size: 14px;

  }



  .deatil_icon-jewelry .icon-jewelry a i {

    font-size: 14px;

    vertical-align: middle;

  }



  .deatil_icon_top .icon-top a i {

    font-size: 18px;

  }

}



@media (max-width: 1200px) {



  .main-section {

    padding: 15px 20px !important;

  }



  .main-section .sidebar-2 .me-3 {

    margin-right: 5px !important;

  }



  .main-section .sidebar-2 h4 {

    font-size: 14px;

  }



  .main-section .sidebar-2 input#close_btn {

    font-size: 14px;

  }



  .main-section .content-list .list-jewelry .card-box ,.product-grid .home-product-item .card-box{

    min-height: 346px;

    height: 100%;

    flex: 0 0 44%;

  }





}



@media (max-width: 1169px) {

  .main-section .content-list .list .card-box {

    flex: 0 0 30%;

  }



  /* .card_deatil_jewery h5 {

    font-size: 13px;

    color: #777777;

    padding: 0px 2px;



  } */



  .card-box:hover .icon-jewelry a {

    padding: 6px 0px;

    width: 100%;

  }



  .deatil_icon_top .icon-top a i {

    font-size: 19px;

  }





  /* .main-section .content-list .list-jewelry .card-box .img-box img {

    min-height: 250px;

    height: 100%;

    object-fit: contain;

  } */

}



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

  .filter-head {

    font-size: 12px !important;

  }



  .main-section .sidebar-2 input#close_btn {

    font-size: 12px;

  }

}



@media(max-width:991px) {

  .swiper-slide {

    font-size: 12px !important;

}

  .hide_show_button button {

    padding: 0px 8px 0px 10px;



  }



  .custom-container .header-column.pull-right .dropdown #sort {

    padding: 9px 12px !important;

  }



  .custom-container select#per_page {



    padding: 8px 12px !important;

  }



  .head .row .toogle-bar {

    display: block;

  }



  /* for header */

  .head .row .items {

    display: none;

  }



  /* for header */

  .head .row.mobile-head {

    display: flex;

    margin-top: 10px;

    align-items: center;

  }



  /* for header */

  .bread-filter-section .d-flex .dropdown button.btn {

    display: inline-block;

  }



  .main-section .content-list .list-jewelry .card-box ,.product-grid .home-product-item .card-box{

    flex: 0 0 32%;

  }



  .hide_show_button button {

    display: flex !important;

    transition: all 0.5s ease-in-out;

    gap: 10px;

    align-items: center;

    border: 1px solid #000;

    padding: 5px 10px 5px 10px;

    justify-content: space-between;

    font-size: 13px;

    font-weight: 600 !important;

    width: auto;

    margin: 0 !important;

    outline: 0;

    border-radius: 0px;

    color: #000;

    position: relative;

    text-transform: uppercase;

    background-color: #fff;

  }



  .hide_show_button button:hover {

    background-color: #012945;

    color: #fff;

  }



  .hide_show_button button:hover svg path {

    fill: #fff;

  }



  .main-section .sidebar-2 {

    width: 0;

    padding: 0px;

  }



  .main-section .sidebar-2.open {

    position: fixed;

    overflow-y: scroll;

    height: 100%;

    width: 100%;

    top: 0;

    z-index: 999;

    padding: 25px;

    left: 0;

    background-color: #fff;

  }



  .hide_show_button {

    display: flex;

    justify-content: flex-end;

  }



  .main-section .sidebar-2 a.closebtn {

    display: flex !important;

    align-items: center;

    justify-content: flex-end;

    color: #000;

    text-decoration: none;

  }

}



@media(max-width:850px) {

  /* .card-box:hover .icon-jewelry a {

    padding: 6px 2px;

    width: 65%;

  } */



  /* .main-section .content-list .list-jewelry .card-box .img-box img {

    min-height: 275px;

    height: 100%;

    object-fit: contain;

  } */



  .main-section .content-list .list-jewelry .card-box,.product-grid .home-product-item .card-box {

    min-height: 312px;

    height: 100%;

    flex: 0 0 45%;



  }



  /* .card_deatil_jewery h5 {

    font-size: 13px;

    color: #777777;

    padding: 0px 2px;

  } */



  .card_deatil_jewery h3 {

    font-size: 14px;

  }



  .main-section .content-list .list-jewelry {

    gap: 8px;

  }



  /* .card-box .deatil_icon-jewelry .icon-jewelry {

    top: 51%;

  

} */



}



.responsive_filter {

  display: none;

}



@media(max-width:768px) {

  .main-section .content-list .list-jewelry .card-box,.product-grid .home-product-item .card-box {

    min-height: 316px;

    flex: 0 0 48%;

  }



  .hide_show_button {

    padding: 0px;

  }

}





@media(max-width:575px) {
  .search-header .search-box svg {
    display: none;
}
  /* nav#custom-navbar .navbar-header img {
    width: 240px;
    margin-left: 80px;
} */
  #custom-navbar .nav-container {
    gap: 15px 0px;
}
  nav .right_bar .social_icons {
    gap: 5px;
}
  #custom-navbar li a {
    padding: 10px 0px;
}

  .d-flex .search {

    width: 100% !important;

  }



  .main-section .content-list .list .card-box {

    flex: 1 0 50%;

  }



  .main-section .d-flex .search {

    width: 100% !important;

  }



  .main-section .list .card-box .img-box img {

    height: 70%;

  }



  .bread-filter-section .d-flex {

    justify-content: center;



  }



  .main-section .content-list .list-jewelry .card-box ,.product-grid .home-product-item .card-box{

    flex: 0 0 75%;

  }



}



@media(max-width: 500px) {

  .main-section .content-list .list-jewelry .card-box ,.product-grid .home-product-item .card-box{

    flex: 0 0 80%;

  }



.entries_paragraph {
    justify-content: right !important;
    flex-wrap: wrap;
    gap: 10px;
    margin-right: 20px;
    position: relative;
    top: 70px;
    padding-top: 0 !important;
}

}



@media(max-width: 438px) {





  .main-section .content-list .list-jewelry .card-box,.main-section .content-list .list-jewelry .card-box {

    min-height: 357px;

    height: 100%;

    flex: 0 0 98%;

  }



  /* .main-section .content-list .list-jewelry .card-box .img-box img {

    min-height: 269px;

    height: 100%;

    object-fit: contain;

  } */

}



@media screen and (max-height: 450px) {

  .head .sidebar {

    padding-top: 15px;

  }



  .head .sidebar a {

    font-size: 18px;

  }



  .card-box:hover .icon-jewelry a {

    font-size: 12px;

  }



}



.range-min::-webkit-slider-thumb,

.range-slider .range-min::-webkit-slider-thumb,

.range-max::-webkit-slider-thumb,

.range-slider .range-max::-webkit-slider-thumb {

  pointer-events: auto;

  -webkit-appearance: none;

  width: 26px;

  height: 26px;

  background: #000000 !important;

  border-radius: 50%;

  z-index: 10;

  top: 16px;

}



.range-min::-webkit-slider-thumb:hover,

.range-slider .range-min::-webkit-slider-thumb:hover,

.range-max::-webkit-slider-thumb:hover,

.range-slider .range-max::-webkit-slider-thumb:hover {

  background: #000000 !important;

}



.card_deatil_jewery_description {

    display: flex;

    justify-content: flex-start;

    /* padding: 15px 8px; */

    align-items: center;

    padding-bottom: 0;

}



section#jwel-data .card_deatil_jewery_description {

    padding: 8px 0;

}



.swiper-button-prev:after {

    font-size: 12px !important;

}



.swiper-button-prev {

    left: 30px !important;

    color: #000 !important;

    /* font-size: 12px; */

}



.swiper-button-next:after {

    font-size: 12px !important;

}



.swiper-button-next {

    right: -6px !important;

        color: #000 !important;

    /* font-size: 12px; */

}

.carat-option.active {

    border: 2px solid #000;

    background-color: #f0f0f0;

}

.card_deatil_jewery_description span {

    font-size: 16px;

    color: #232323 !important;

    font-weight: 600;

    margin-bottom: 0;

    text-align: center;

    padding: 0px;

}

.img-box .catagires h5 {

  font-size: 16px;

  color: #5a5a5a;

  font-weight: 700;

  border: 1px solid #5a5a5a;

  padding: 5px;

  border-radius: 5px;

}



.img-box:hover .catagires h5 {

  background-color: #bbb8b880;

  color: #030303;

}



.img-box .catagires {

  position: absolute;

  left: 13px;

  top: 12px;

}



.category-filter a {

  color: white !important;

}



.price-range .range-filter .irs-bar {

  background: #04192a;

}



.price-range .range-filter .irs-line {

  background: #f3f3f3;

  top: 9px;

}



.price-range .range-filter .irs-from,

.irs-to {

  opacity: 0;

}



.price-range .range-filter .irs-min,

.irs-max {

  opacity: 0;

}



.price-range .range-filter .irs {

  height: 30px;

}



.price-range .range-filter .irs-bar,

.irs-line {

  height: 6px;

  top: 10px;

}



.price-range .range-filter .irs-slider {

  width: 18px;

  height: 18px;

  background-color: #04192a;

  border-radius: 50% !important;

  z-index: 10 !important;

  top: 4px;

}



.container-custom {

  max-width: 1640px;

  width: 100%;

}



.entries_paragraph {

  justify-content: space-between;

  /* padding: 20px 0px; */

  padding-top: 20px;

}



.entries_contain {

  display: flex;

  gap: 20px;

}



.custom-container select#per_page {

  /* max-width: 100px; */

  /* width: 60px; */

  padding: 5px 12px;

  border-radius: 0px;

}



.custom-container .header-column.pull-right .dropdown #sort {

  padding: 4px 12px;

  border-radius: 0px;

}



@media (max-width:400px) {
  .d-flex.enteries-inner-block {
    width: 100%;
}
  span.entries-title {
    display: flex;
    flex-direction: column;
}

.entries_contain {
    flex-direction: row;
    align-items: end;
    width: 100%;
    justify-content: space-between !important;
}



  /* .entries_paragraph {

    flex-direction: column;

  } */



  /* .hide_show_button {

  padding: 0px;

} */

}



.main-section .content-list .content-box {

  width: 100%;

}



.container.container-custom.entries {

  max-width: 1500px;

  width: 100%;

  margin-right: 0;

}



@media(max-width:1366px) {

  .container.container-custom.entries {

    max-width: 1100px;

  }

}



.j-variation_btn {

  width: 30px;

  height: 30px;

  /* line-height: 27px; */

  display: flex;

  -webkit-box-align: center;

  align-items: center;

  /* -webkit-box-pack: center; */

  justify-content: center;

  background-color: transparent;

  line-height: 1em;

  text-decoration: none;

  text-align: center;

  /* border: 1px solid #ccc; */

  border-radius: 50%;

  /* margin: 0px 6px; */

  position: relative;

}



.j-metal_color_name {

  color: #777777;

  font-size: 10px;

  opacity: 0;

  font-weight: 600;

  text-transform: uppercase;

  position: absolute;

  white-space: nowrap;

  top: -17px;

  left: 50%;

  transform: translateX(-50%);

  margin-bottom: 0;

}



.j-variation ul .metal-color-container:hover .j-metal_color_name {

  opacity: 1 !important;

  /* display: block; */

}



.card_deatil_jewery_description .j-variation .j-variation_btn input[type=radio] {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  opacity: 0;

  cursor: pointer;

  z-index: -1;

}



ul.j-variation-select-box li {

  list-style: none;

  padding: 7px 7px !important;

}



.j-variation ul.j-variation-select-box {

  position: relative;

  display: flex;

  flex-wrap: wrap;

  /* gap: 0px 6px; */

  padding: 0;

  margin-bottom: 0px;

}



.j-variation ul .metal-color-container button.j-variation_btn:hover,

.j-variation ul .metal-color-container.active .j-variation_btn {

  border: 1px solid #000000;

}



.login-price-btn {

  border: 1px solid #000;

  border-radius: 5px;

  vertical-align: middle;

  font-size: 14px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 400;

  color: #000;

  transition: all 0.5s ease-in-out;

  text-decoration: none;

  padding: 5px 25px;

  text-transform: uppercase;

}



.login-price-btn:hover {

  background-color: black;

  color: white !important;

}



@media(max-width:1435px) {

  /* ul.j-variation-select-box li {

    padding: 7px 5px !important;

  } */

}



a.login_text {

  text-decoration: none;

  font-size: 16px;

  color: #000;

  /* border: 1px solid; */

  /* padding: 10px; */

}



a.login_text:hover {

  text-decoration: underline;

}



.card_deatil_jewery {

  margin-top: 12px;

  text-align: left;

}



.custom-container select#per_page option[selected] {

  background-color: black;

  color: white;

  /* Change this to your desired color */

}

/* ------------- */

 #selectedCarat {

        font-size: 24px;

        margin: 20px 0;

        font-weight: bold;

    }



    /* .carat-slider {

        margin-top: 20px;

    } */



    .carat-slide {

        /* padding: 10px; */

        text-align: center;

        background: transparent;

        /* margin: 5px; */

        border: 1px solid transparent;

    }



    .carat-slide label {

        height: 100%;

        width: 100%;

        padding: 10px;

    }



    .carat-slide input[type="radio"] {

        display: none;

    }



    .custom-carat-box {

        display: block;

        padding: 20px;

        border: 2px solid transparent;

        background: #f4f4f4;

        border-radius: 10px;

        transition: all 0.3s ease;

        cursor: pointer;

    }



    .custom-carat-box .carat-number {

        font-size: 32px;

        font-weight: bold;

        color: #333;

    }



    .custom-carat-box p {

        margin: 5px 0 0;

        font-size: 14px;

        color: #777;

    }



    .carat-slide input[type="radio"]:checked+label.custom-carat-box {

        border-color: #4CAF50;

        background-color: #e8f5e9;

        color: #2e7d32;

        box-shadow: 0 0 8px #4CAF50;

    }



    /* Slick arrow customization */

    /* .slick-prev,

    .slick-next {

        z-index: 10;

        width: 40px;

        height: 40px;

        background-color: rgba(0, 0, 0, 0.2);

        border-radius: 50%;

        transition: background 0.3s;

    } */



    /* .slick-prev:hover,

    .slick-next:hover {

        background-color: #4CAF50;

    } */



    .slick-prev:before,

    .slick-next:before {

        font-size: 20px;

        color: white;

        opacity: 1;

    }



    .slick-prev {

        left: -45px;

    }



    .slick-next {

        right: -45px;

    }



    .carat-slide.active_var {

        border: 1px solid #000;

    }



.metal-gr li.metal-liac {

    border: 1px solid transparent;

    padding: 5px !important;

    /* width: 80px; */

}



    .metal-gr li.metal-liac.active_var {

        border: 1px solid #000;

    }



    @media (max-width: 768px) {



        .slick-prev,

        .slick-next {

            display: none !important;

        }

    }



    input.active_var {

        outline: 2px solid #000;

        box-shadow: 0 0 5px #666;

    }

select#sort,

select#per_page {

    padding: 10px;

}

section#jwel-data {

    padding: 15px 40px !important;

}



.btn-box a.for-detail {

    text-decoration: none;

}



.main-section #add_data .card-box .btn-box {

    padding: 10px;

}

section#productDetails .slick-track {

    margin: unset;

}

@media (max-width: 1600px) {

section#jwel-data {

    padding: 15px !important;

}

}
@media (max-width: 575px) {
      section#jwel-data {
    padding: 0px !important;
}
}

.main-section .content-list .list-jewelry .card-box span.carousel-control-prev-icon,

.main-section .content-list .list-jewelry .card-box span.carousel-control-next-icon {

    background-color: transparent;

    height: 20px;

    width: 20px;

}

.carousel-control-next, .carousel-control-prev {

    filter: invert(1) grayscale(100);

    top: 50%;

    height: fit-content;

}

.carousel-control-prev {

    justify-content: left;

    left: -20px;

}

.carousel-control-next {

    justify-content: right;

    right: -20px;

}

/* .for-jwel-pro, .metal-gr {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom:20px;

}

.for-jwel-pro span, .metal-gr span {

    font-size: 12px;

    color: #666867;

}

.metal-gr ul {

    padding: 0;

    display: flex;

    gap: 10px;

    margin: 10px 0;

}

.metal-gr ul li {

    list-style: none;

    border-radius: 0 !important;

    width: fit-content;

    padding: 2px !important;

    background-color: transparent !important;

}

.metal-gr li label {

    display: none;

    font-size: 14px !important;

}

.metal-gr ul li img {

    height: 30px;

    width: 30px;

} */

.search-product .product-card {
  width: 300px;
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 10px;
  font-family: Arial, sans-serif;
  text-align: center;
  background-color: #fff;
}

.search-product .product-image {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

.search-product .product-title {
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0 5px;
  text-transform: uppercase;
}

.search-product .product-price {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin: 5px 0 15px;
}

.search-product .metal-options {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
}

.search-product .metal {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 2px solid #ccc;
  display: inline-block;
  cursor: pointer;
}

.search-product .gold14k {
  background-color: #f0e68c;
}

.search-product .gold18k {
  background-color: #ffd700;
}

.search-product .rose14k {
  background-color: #dca28f;
}

.search-product .carat-section {
  margin-bottom: 15px;
}

.search-product .carat-section label {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}

.search-product .carat-section input {
  width: 60px;
  text-align: center;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.search-product .add-to-cart {
  background-color: #007bff;
  color: white;
  padding: 8px 15px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.search-product .add-to-cart:hover {
  background-color: #0056b3;
}