/* filter section css */

.filter-heading {
  margin: 20px 0px 10px 5px;

  font-size: 20px;

  font-weight: 600;
}

/* filter section ends */

/* product card css  */

/* Safari */

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

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

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

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

.loader {
  b width: 48px;
  height: 48px;
  border: 5px solid #FFF;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
  }

.ck-loader-section {
  display: flex;

  justify-content: center;
}

/* loader css ends */

/* slider section css*/

.ui-widget-header {
  background: #3498db;
}

input.ck_product_filter_sub {
  width: 150px;

  color: #ffffff;

  font-size: 15px;

  height: 40px;

  background-color: #3498db;

  margin: 10px 0px 0px 0px;
}

.disable-button {
  pointer-events: none !important;

  background-color: #edf1f2 !important;
}

/* slider section css ends*/

img.ck-filter-taxo-img {
  width: 40px;

  border-radius: 20px;

  height: 40px;

  background: #0000001c;

  cursor: pointer;
}

#searchInput {
  margin-top: 40px;
}



.card img {
  width: 100%;

  height: auto;
}

.ck-filters-child-details {
  margin-left: 20px;

  /* display: none; */
}

.ck-hide-child-cat {
  display: none;
}

.section .categories-section {
  height: 200px;

  overflow-y: scroll;
}

.cat_name input {
  appearance: auto !important;
}

.cat_name {
  display: flex;

  gap: 5px;

  align-items: center;
}

.ck-selected-parms-section {
  padding: 15px 15px 15px 15px;

  margin-top: 10px;

  border-radius: 10px;

  border: 1px solid #2196f3;

  margin-bottom: 10px;
}

.ck-parms-selected {
  margin: 20px 0px;
}

.ck-parms-remove-icon {
  margin-left: 10px;

  cursor: pointer;
}

.filter-heading svg {
  float: right;
}

.filter-heading h3 {
  display: inline-block;
}

.ck-hide {
  display: none;
}

.filter-heading h3 {
  font-size: 22px;

  font-weight: 400;
}

.ck-f-layout {
  display: flex;
}

.ck_product_filter_sub {
  cursor: pointer;
}

.btn_li {
  cursor: pointer;
}

.btn_li.buttons {
  list-style: none;

  border: 1px solid #cccccc;

  cursor: pointer;

  text-align: center;

  margin-top: 5px;
}

.btn_ul {
  margin: 5px 5px;
}

.buttons.checked-checkbox {
  border: 2px solid #000000;

  font-weight: 600;
}

.text.checked-checkbox {
  font-weight: 600;
}


/* Create the checkbox shape */





/* The switch - the box around the slider */

.ck-switch-input {
  position: relative;

  display: inline-block;

  width: 52px;

  height: 28px;
}

/* Hide default HTML checkbox */

.ck-switch-input input {
  opacity: 0;

  width: 0;

  height: 0;
}

/* The slider */

.slider {
  position: absolute;

  cursor: pointer;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #ccc;

  -webkit-transition: 0.4s;

  transition: 0.4s;
}

.slider:before {
  position: absolute;

  content: "";

  height: 20px;

  width: 20px;

  left: 4px;

  bottom: 4px;

  background-color: white;

  -webkit-transition: 0.4s;

  transition: 0.4s;
}

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

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

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

  -ms-transform: translateX(26px);

  transform: translateX(26px);
}

/* Rounded sliders */

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

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

.mt-10 {
  margin-top: 10px;
}

.attr-color .attr-box02 {
  width: 20px;

  height: 20px;

  cursor: pointer;
}

.attr-color li {
  list-style: none;
}

.color-li.checked-checkbox .attr-box {
  border: 1px solid #0000007e;

  padding: 2px;
}

.ck-filters-section {
  display: flex;
}

.ck-f-siblings {
  width: auto !important;
}

.attr-color.round .attr-box02 {
  border-radius: 4px;
}

.attr-color.circle .attr-box02 {
  border-radius: 50%;
}

.ck-cat-img {
  display: inline-block;
}