/* Ensure container has no padding or margin that affects layout */

.container {
  /* padding-left: 5%;
    padding-right: 5%; */
  overflow-x: hidden;
  max-width: 1356px;
  width: 90%;
  margin: 0 auto;
}

/* Adjust the productName section styling */
.productName h3 {
  padding: 5px 0;
  background-color: #ff0000;
  text-align: center;
  color: #ffffff;
  margin: 0;
}

.productName ul {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #808080;
  padding: 5px 0;
}

.productName li {
  list-style-type: none;
}

.productName ul a {
  color: #ffffff;
  padding: 0 10px;
}

.dp20 .row {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dp20-images,
.dp20-text {
  padding: 15px;
}

.slider-for img {
  width: 300px;
}

.slider-nav img {
  width: 100px;
}


/* 3 List */
.dp20-text {
  flex-basis: 90%;

}

.text-red {
  color: #ff0000;
  font-size: 30%;
  padding-bottom: 5%;
  text-decoration: underline;
}

.text-red:visited,
.text-red:focus,
.text-red:active {
  color: #ff0000;
}

#overview {
  text-align: left;
  /* margin-left: 15px; */
}

#overview a {
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  padding: 5px;
  margin: 10px 0;
}
/*button */
.all_product_btn::before {
  content: "\f177";
  font-family: "fontAwesome";
  font-weight: lighter;
  padding-right: 10px;
}

.all_product_btn {
  background-color: #ff0000;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;

}

.all_product_btn:hover,
.all_product_btn:focus {
  background-color: #ffffff;
  color: #ff0000;
  border: 2px solid #ff0000;
}

#overview button {
  width: 200px;
  height: 50px;
  margin: 5px;
  text-align: left;
  border: none;
  /* padding:1px; */
}

.b1 {
  background-color: #F0B323;
}

.b2,
.b3,
.b4,
.b5,
.b6,
.b7,
.b8,
.b9,
.b10 {
  background-color: #d6caca;
}

#overview button a {
  color: #000000;
  font-size: 13px;
  /* padding-left: 5px; */
}

#overview p {
  font-size: 15px;
}

#overview ul {
  /* padding-left: 13px; */
}

#overview li {
  font-size: 15px;
}

/*Product Information*/
.dp20-images {
  margin: 10px 0px;
}

.dp20 {
  margin: 0px 3px;
}

hr {
  color: #000000;
}

#product-information {
  /* margin-left: 20px; */
}

h6 {
  color: #ff0000;
  font-weight: bolder;
  /* margin-left: 2px; */
  padding-top: 13px;
  font-size: 20px;


}

#product-information p {
  color: #000000;
  font-weight: bolder;
  font-weight: 50px;
  /* margin-left: 10px; */
}

.product-info-table {
  width: 50%;
}

.product-info-table td,
.product-info-table th {
  font-size: 14px;
  vertical-align: middle;
  padding: 8px;
}


.product-info-table th {
  color: #333;
  text-align: left;
}

.data-left {
  font-weight: bold;
  font-size: 12px;
  white-space: nowrap;
}


/* .data-right {
    background-color: #fff;
    margin-left: 15px; 
} */




/*Documents & Resources*/
.resources {
  /* padding: 10px 0; */
  /* margin-left: 10px; */
}

.resources h5 {
  font-size: 20px;
  font-weight: bolder;
}

.resource-item {
  display: flex;
  align-items: center;
}

.resource-item img {
  width: 50px;
  height: auto;
}

/* .resource-info {
  margin-left: 15px;
} */

.resource-link {
  color: blue;
  font-size: 13px;
  text-decoration: none;
}

.resource-link:hover {
  text-decoration: underline;
}

.resource-date {
  font-size: 13px;
  color: #555;
  margin-top: 5px;
}

/*Product description*/
.product-description {
  font-size: 15px;
}

.product-description h5 {
  font-weight: bolder;
}

.product-description ul {
  padding-left: 13px;
}



/* Related Products */
/* #related-products {
    padding: 20px;
    margin-left: -24px;
  } */

.related-products-heading {
  font-size: 20px;
  color: #ff0000;
  font-weight: bold;
  margin-bottom: 20px;
}

.related-products-container {
  display: flex;
  gap: 20px;
}

.product-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 200px;
}

.product-link {
  text-decoration: none;
  color: black;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.product-box img {
  width: 100%;
  height: 83px;
  max-width: 180px;
}

.product-title {
  font-weight: bold;
  margin-bottom: 5px;
}

.product-title:hover {
  color: #000000;
}

.product-description {
  margin-bottom: 5px;
}

.learn-more-link {
  color: blue;
  text-decoration: underline;
}

/*Products and Accessories*/

.product-info td {
  flex: 1 1 calc(50% - 10px);
  box-sizing: border-box;
  padding: 5px;
}

tr,
td {

  width: 800px;
  border: 1px solid #fff;
  font-size: 15px;
  /* padding-left: 5px;   */
}

.product-info p {
  font-size: 14px;
  margin: 7px 0px;
  font-weight: 600;
}

/*footer*/
footer a {
  color: #fff;
}

footer a:hover {
  color: #fff;
}

.custom-hr {
  border: 1px solid #ccc;
  width: 100%;
  margin: 15px 0px;
}

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

  #overview button {
    width: calc(50% - 10px);
    display: inli;
  }

  #overview {
    display: flex;
    flex-wrap: wrap;
  }

  .product-info-table {
    width: 100%;
  }
}

@media (max-width: 767px) {
  #overview button {
    width: 200px;
  }

  #overview ul {
    width: 90%;
    margin-top: 10px;
    list-style-position: inside;
  }
}

@media (max-width: 520px) {

  .product-info-table td,
  .product-info-table th {}
}

@media (max-width: 480px) {

  #overview li,
  #overview p,
  .product-description,
  tr,
  td,
  .product-info p {
    font-size: 13px;
  }

  .product-info-table td,
  .product-info-table th {
    font-size: 13px;
    vertical-align: middle;
    padding: 3px;
  }

  #overview button {
    width: 150px;
  }
}