.range-wrap{
  width: 100%;
  position: relative;
}
.range-value{
  position: absolute;
  top: -73%;

}
.range-value span{
  width: 30px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #000;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-30%, 0);
  border-radius: 6px;
}
.range-value span:before{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid #000;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  margin-top: -1px;
}

input[type=range] {
  -webkit-appearance: none;
  margin: 20px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  background: #000;
  border-radius: 25px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #000;
}


input[type=range]::-webkit-slider-thumb {
  height: 45px;
  width: 50px;
  top: 50px;
  background-size: 60px !important;
  width: 60px !important;
  height: 55px !important;
  background-image: url("https://globalkennel.club/wp-content/uploads/2022/02/frenchie-button.png") !important;
  border-radius: 10%;

  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -52px;
}

#ctooltip {
  position: absolute;
  width: auto;
  top: -26px !important;
  left: 7px !important;
  background-color: #00000085;
  color: #fff;
  text-align: center;
  padding: 2px 7px !important;
  border-radius: 6px;
  z-index: 1;
  opacity: 1;
  transition: opacity .6s;
  font-size: 15px;
  font-weight: bold;
}
.section-heading {
  text-align: center;
  vertical-align: middle;
  line-height: 0;
  margin: 0 0 100px 0 !important;
}

input[type=checkbox], input[type=radio] {
  margin: 1px 0 0;
  margin-top: 2px\9;
  line-height: normal;
}
.checkbox, .radio {
  position: relative;
  display: block;
  margin-top: 0px !important;
  margin-bottom: 10px;
}
.cf7sg-collapsible .cf7sg-title+.toggle {
  float: none;
  position: relative !important;
  right: 0px !important;
  margin-top: 0px !important;
}      
.post-content input[type=submit] {
  background-color: #000 !important;
}

.cf7-smart-grid.has-grid .wpcf7-form-control.wpcf7-radio, .cf7-smart-grid.has-grid .wpcf7-form-control.wpcf7-checkbox {
  display: inline-block;
  padding-left: 24px;
}

.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
  text-decoration: none;
  box-shadow: none;
  color: #0fa6c9 !important;
}  

.cf7-smart-grid.has-grid .field>label em {
  color: white !important;
}

.radio input[type=radio]{
  position: absolute;
  margin: 3px 0px 0px -29px !important;
}   

.radio label {
  min-height: 30px;
  padding-left: 20px;
  padding: 6px 0px 2px 0px !important;
  margin-bottom: 0;
  font-weight: 700 !important;
}

.input[type=radio] {
  position: absolute;
  margin: 0px 0 0;
}

.cf7sg-container .cf7-smart-grid.has-grid .columns.one-half {
  width: 48.93617%;
  padding: 2px !important;
}

.cf7-smart-grid.has-grid .wpcf7-form-control.wpcf7-radio {
  display: inline-block;
  padding: 9px 8px 3px 23px !important;
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #f3f2f2;

  padding: 2px;
}

tr:nth-child(even) {
  background-color: #dddddd;
} 

.ui-state-default {
  border: 1px solid #ffffff !important;
}
.wpcf7-text {
  border: 1px solid #ccc;

  .span.wpcf7-list-item { display: table-row; }
  .span.wpcf7-list-item * { display: table-cell;
  }

  .cf7-smart-grid.has-grid .field .wpcf7-form-control-wrap {
    display: inline-block;
    width: 100%;
    border: 1px solid #83838300 !important;
  }
                                                                 