/* style/index.css */
.page-index {
  font-family: Arial, sans-serif;
  color: #000000;
}

.page-index .hero-section {
  background: linear-gradient(135deg, #FF0000, #FFFFFF);
  padding: 80px 0;
  text-align: center;
}

.page-index .hero-section h1 {
  font-size: 3em;
  margin-bottom: 20px;
}

.page-index .hero-section p {
  font-size: 1.5em;
  margin-bottom: 40px;
}

.page-index .hero-section .btn {
  background-color: #FF0000;
  color: #FFFFFF;
  padding: 15px 30px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.page-index .hero-section .btn:hover {
  background-color: #CC0000;
}

.page-index .brand-introduction {
  padding: 60px 0;
  background-color: #FFFFFF;
}

.page-index .brand-introduction h2 {
  font-size: 2.5em;
  margin-bottom: 30px;
}

.page-index .brand-introduction p {
  font-size: 1.2em;
  margin-bottom: 20px;
}

.page-index .brand-introduction .btn {
  background-color: #FF0000;
  color: #FFFFFF;
  padding: 15px 30px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.page-index .brand-introduction .btn:hover {
  background-color: #CC0000;
}

.page-index .latest-updates {
  padding: 60px 0;
  background-color: #F9F9F9;
}

.page-index .latest-updates h2 {
  font-size: 2.5em;
  margin-bottom: 30px;
}

.page-index .latest-updates .update-card {
  margin-bottom: 40px;
}

.page-index .latest-updates .update-card h3 {
  font-size: 1.8em;
  margin-bottom: 15px;
}

.page-index .latest-updates .update-card p {
  font-size: 1.2em;
  margin-bottom: 20px;
}

.page-index .latest-updates .update-card .btn {
  background-color: #FF0000;
  color: #FFFFFF;
  padding: 15px 30px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.page-index .latest-updates .update-card .btn:hover {
  background-color: #CC0000;
}

.page-index .product-overview {
  padding: 60px 0;
  background-color: #FFFFFF;
}

.page-index .product-overview h2 {
  font-size: 2.5em;
  margin-bottom: 30px;
}

.page-index .product-overview .product-card {
  margin-bottom: 40px;
}

.page-index .product-overview .product-card h3 {
  font-size: 1.8em;
  margin-bottom: 15px;
}

.page-index .product-overview .product-card p {
  font-size: 1.2em;
  margin-bottom: 20px;
}

.page-index .product-overview .product-card .btn {
  background-color: #FF0000;
  color: #FFFFFF;
  padding: 15px 30px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.page-index .product-overview .product-card .btn:hover {
  background-color: #CC0000;
}