
.gallery__product{
  text-align: center;
  margin: 20px;
}
.gallery__product img{
  width: 100%;
}
.content__spect{
  margin: 25px;
}
.content__spect p{
  font-family: Barlow;
  font-size: 16px;
  line-height: 20px;
}
.content__spect ul{
  margin-left: 20px!important;
}
.content__spect li{
  font-family: Barlow;
  font-size: 16px;
  line-height: 20px;
}
.content__spect strong{
  color: #00A897!important;
  font-weight: 600!important;
}
.after__description{
  margin: 20px;
}
.after__description p{
  font-family: Barlow;
  font-size: 16px;
  line-height: 20px;
}
.after__description ul{
  margin-left: 20px!important;
}
.after__description li{
  font-family: Barlow;
  font-size: 16px;
  line-height: 20px;
}
.after__description strong{
  color: #00A897!important;
  font-weight: 600!important;
}
.cta__product{
  text-align: center;
  margin-top: 60px;
}
.slick-dots li button{
  border: 1px solid #3fa298!important;
}
.slick-dots li.slick-active{
  background: #3fa298;
}

/*table*/
.dataTable {
  display: block;
  width: 100%;
  margin: 1em 0;
}

.dataTable thead, .dataTable tbody, .dataTable thead tr, .dataTable th {
  display: block;
}

.dataTable thead {
  float: left;
  background: rgb(19 160 135);
  color: #fff;
}

.dataTable tbody {
  width: auto;
  position: relative;
  overflow-x: auto;
}

.dataTable td, .dataTable th {
  padding: .625em;
  line-height: 1.5em;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: Barlow;
  font-size: 16px;
}

.dataTable th {
  text-align: left;
  background: rgba(0, 0, 0, 0.14);
}

.dataTable tbody tr {
  display: table-cell;
}

.dataTable tbody td {
  display: block;
}

.dataTable tr:nth-child(odd) {
  background: #cae2de5c;
}
.table__content{
  margin-top: 30px;
}

@media screen and (min-width: 50em) {

  .dataTable {
    display: table;
  }

  .dataTable thead {
    display: table-header-group;
    float: none;
    background: #00a897;
    color: #fff;
  }

  .dataTable tbody {
    display: table-row-group;
  }

  .dataTable thead tr, .dataTable tbody tr {
    display: table-row;
  }

  .dataTable th, .dataTable tbody td {
    display: table-cell;
  }

  .dataTable td, .dataTable th {
    width: auto;
  }

}
@media (max-width: 435px){
  .table__content{
    margin: 20px;
  }
  .content__spect{
    margin-top: 50px;
  }
}
.slick-dots li button{
  color:transparent !important;
}

.slick-dots li button::before {
  color:transparent !important;
}

.slick-dots{
  bottom:initial !important;
}
