.iconset{
    position: absolute;
    top: 79%;
    left: 5%;
    z-index: 0;
      }
      .iconset a img {
        width: 4vw;
        margin: 3vw;
        float: left;
    }
      .lact{
          margin: 5%;
      }
  
      div.galact img {
          padding-top: 3%;
        width: 30%;
        height: auto;
    }
    .desu{
        text-align: left;
        font-size: 12px;
    }
    .top-dright {
        position: absolute;
        top: 90px;
        right: 27px;
      }
      .iconartist{
        position: absolute;
        top:75%;
        left: 11%;
        z-index: 0;
      }
      .iconartist a img{
        width: 4vw;
        margin: 2rem;
        margin-right: 8rem;
      }
      .bar {
        width: 100%;
        background-color: #555;
        overflow: auto;
      }
      
      .bar a {
        float: left;
        padding: 12px;
        color: white;
        text-decoration: none;
        font-size: 17px;
      }
      
      .bar a:hover {
        background-color: #000;
      }
      .ett{
        padding-left: 20rem;
      }
      


      .vl1 {
        border-left: 0.5px solid #0000008c;
        height: 7rem;
    }
    th{
      font-size:1vw;
      color: rgb(0, 0, 0);
    }
    td{
      font-size:0.9vw;
      color: #0F4C75;
      border: 17px;
     
      
    }

    td i{
      width: 50px;
    }
    /* table, td {
      border:10px solid rgba(0, 0, 0, 0);
    } */
caption{
  padding-bottom: -38.25rem;
  /* color: #6c7; */
  /* text-align: left; */
  /* caption-side: bottom; */
  padding-left: 6rem;
  font-size: 1.2vw;
   color: rgba(0, 0, 0, 0.738);
}
     .rigtquery li{
      float: left;
      color: white;
      font-size: 1.5vw;
      margin: 3%;
     }

     /* p{
      height: 60px;
      
     } */

     table{
      display: grid;
      grid-template-rows: repeat(1,1fr);
      grid-template-columns: repeat(1,1fr);
     }

 

     table tr td {
  font-size:16px;
  padding: 0px;
  padding-left: 12px;
}

tr td i{
  font-size: 22px;
}

     /* HEADER */
/*  */

.content {
  width: 100%;
  position: absolute;
  /* top: 50%; */
  /* margin-left: 10px; */
  transform: translateY(-50%);
  /* text-align: center; */
  color: black;
}

button:hover {
  border: 1px solid black;
  
}

/* PRODUCTS */
.product {
  position: relative;
  overflow: hidden;
  /* padding: 20px; */
  margin-top: -20px;
}



.product-container {
  /* padding: 0 10vw; */
  margin-left: 15px;
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  position: relative;
}

.product-container::-webkit-scrollbar {
  display: none;
}

.product-card {
  flex: 0 0 auto;
  width: 420px;
  height: 400px;
  margin-right: 2px;
}



.product-image {
  position: relative;
  width: 420px;
  height: 400px;
  overflow: hidden;

 
}

.product-thumb {
  width: 420px;
  height: 300px;
  object-fit: cover;
}




.pre-btn,
.nxt-btn {
  margin-left: 15px;
  border: none;
  width: 5vw;
  margin-top: 150px;
  height: 10%;
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  cursor: pointer;
  z-index: 8;
}

.pre-btn {
  left: 0;
  transform: rotate(180deg);
}

.nxt-btn {
  right: 0;
}

.pre-btn img,
.nxt-btn img {
  opacity: 0.2;
}

.pre-btn:hover img,
.nxt-btn:hover img {
  opacity: 1;
}

.icon-img{
  width: 80%;
  height: 8rem;
 
}

.icon-text{
  text-align: center;
  padding-right:60px;
  font-weight:500;

}