/* Hero Section */
        .hero {
            color: white;
            text-align: center;
            position: relative;
			margin-left:-15px;
			margin-right:-15px;
        }

        .hero-overlay {
            background-color: rgba(51, 51, 51, 0.7); /* Overlay for readability */
            padding: 40px 20px;
        }

        .hero h2 {
            font-size: 48px;
            margin-bottom: 20px;
        }

        .hero p {
            font-size: 20px;
            max-width: 800px;
            margin: 0 auto 0px;
        }

        /* Benefits Section */
		.flex-container {
		  display: flex;
		  flex-direction: row;
		  flex-wrap: wrap;
		  justify-content: center;
		  align-items: center;
		  align-content: center;
		}

		.flex-items {
		  display: block;
		  flex-grow: 0;
		  flex-shrink: 1;
		  flex-basis: auto;
		  align-self: auto;
		  order: 0;
		  border-radius: 10px;
		  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		  margin: 20px 40px;
		  width:350px
		}

		.rheem-flex-items {
		  display: block;
		  flex-grow: 0;
		  flex-shrink: 1;
		  flex-basis: auto;
		  align-self: auto;
		  order: 0;
		  border-radius: 10px;
		  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		  margin: 20px 20px;
		  width:280px
		}

        /* CTA Button */
        .cta {
            text-align: center;
            margin-bottom: 50px;
        }