@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
body {
  font-family: Arial, sans-serif;
  background: #f8f9fa;
  margin: 0;
  padding: 0;
}

.home-section {
  padding: 40px 20px;
  min-height: 71vh;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid #000; */
}



.home-content {
  display: flex;
  /* height: 100%; */
  flex-wrap: wrap;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  max-width: 900px;
  /* border: 1px solid #000; */
  height: 65vh;
  width: 100%;
  overflow: hidden;
}

.text-content {
  flex: 1 1 300px;
  padding: 40px 30px;
}

.text-content h1 {
  font-size: 2.5rem;
  color: #ff3c00;
  margin-bottom: 20px;
  width: 75%;
}

.text-content p {
  font-size: 1.1rem;
  color: #333;
  text-align: justify;
  width: 95%;
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
}

.image-content {
  flex: 1 1 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
}

.image-content img {
  max-width: 350px;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.10);
}