@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap");

body {
  margin: 0;
  padding: 0;
  font-family: "Edu NSW ACT Cursive", "cursive";
}

html {
      scroll-behavior: smooth;
    }


    /*.cart-banner {
      background: url('image/about.jpg') no-repeat center center;
      background-size: cover;
      height: 300px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #000;
      text-shadow: 1px 1px 4px rgba(0,0,0,0.7);
    }*/

    .hero {
      background: url('image/batter.jpg') no-repeat center center/cover;
      height: 300px;
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      text-shadow: 2px 2px 4px #000;
    }

    .section-title {
      border-left: 5px solid #dc3545;
      padding-left: 10px;
    }

    .about-img {
      max-width: 100%;
      border-radius: 10px;
    }

    .mission-card {
      border-left: 4px solid #198754;
      background-color: #f8f9fa;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    }


    .icon-box {
      font-size: 2rem;
      margin-right: 15px;
      color: red;
    }

   .product-card {
      border-radius: 10px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      transition: 0.3s;
    }

    .product-card:hover {
      transform: translateY(-5px);
    }

    .product-img {
      width: 600px;
      height: 600px;
      object-fit: cover;
    }