@import url('https://fonts.googleapis.com/css?family=Oswald|Poppins');

img {
  display: block;
  margin: auto;
}

a,
a:hover {
  color: #000;
  text-decoration: none;
}

p {
  line-height: 1.5em; /* Reduced line height for tighter spacing */
}

ul {
  padding: 0;
}

ul li {
  list-style: none;
}

h1 {
  font: 1.6em 'Oswald', sans-serif;
  margin: 0.5em 0; /* Reduced margin for tighter spacing */
}

h2 {
  font: 1.4em 'Oswald', sans-serif;
  margin: 0.5em 0; /* Reduced margin for tighter spacing */
}

h3,
h4,
h5,
h6 {
  font: 1.2em 'Oswald', sans-serif;
  margin: 0.5em 0; /* Reduced margin for tighter spacing */
}

#wrapper {
  background: #fff;
  font: 16px 'Poppins', sans-serif;
  margin: auto;
  max-width: 1100px;
  text-align: justify;
  width: 100%;
}

#header {
  text-align: center;
}

.content-container {
  padding: 15px 20px; /* Reduced padding for tighter spacing */
}

.company_logo {
  height: 75px;
  padding: 0.5rem 0; /* Reduced padding for tighter spacing */
}

.logoimg {
  max-height: 100%;
}

.product-container {
  height: 500px;
}

#product-collection {
  margin: 10px; /* Reduced margin for tighter spacing */
}

article > img,
.focused_image {
  max-height: 500px;
}

#product-details img {
  margin-top: 0.5rem; /* Reduced margin for tighter spacing */
  max-width: 100%;
}

.tab-content ul {
  padding-left: 15px; /* Reduced padding for tighter spacing */
}

.tab-content ul li {
  list-style-type: disc;
}

.tab-content ul li ul {
  margin-top: 10px; /* Reduced margin for tighter spacing */
}

.tab-content ul li ul li {
  list-style-type: circle;
}

.tabs,
.imgs {
  position: relative;
  overflow: hidden;
}

.tabs:after,
.imgs:after {
  clear: both;
  content: "";
  display: block;
}

.tabs > li {
  border: 1px solid rgba(68, 68, 68, 0.15);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.tabs li {
  margin-bottom: 10px; /* Reduced margin for tighter spacing */
}

.tabs li > input {
  display: none;
}

.tabs li > label {
  background: #333;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #fff;
  display: block;
  font-family: 'Oswald', sans-serif;
  letter-spacing: 1px;
  padding: 10px; /* Reduced padding for tighter spacing */
  margin-bottom: 0;
  text-transform: uppercase;
}

.tabs li:last-child > label {
  border-right-width: 1px;
}

[for="tab-3"] + .tab-content ul {
  margin-top: 10px; /* Reduced margin for tighter spacing */
}

.tabs .tab-content {
  padding: 1em; /* Reduced padding for tighter spacing */
  text-align: justify;
}

/* Text color classes */
.red-text {
  color: #ff0000; /* Red color */
}

.blue-text {
  color: #0039f3; /* Blue color */
}

.center {
  text-align: center;
}

@media (max-width: 600px) {
  .product-container > img {
    max-width: 100%;
  }

  .tabordion {
    flex-direction: row !important;
  }

  .tabordion section label {
    top: 85%;
    width: 100%;
  }
}