.elementor-171 .elementor-element.elementor-element-4e9ebc8{--display:flex;--margin-top:-83px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-a9cd16c */.glovelix-about-wrapper { font-family: 'Poppins', sans-serif; line-height: 1.8; color: #333; max-width: 900px; margin: auto; padding: 20px; }

/* Primary Green Theme */
.about-hero { text-align: center; padding: 50px 0; }
.about-hero h1 { font-size: 3rem; color: #2d6a4f; margin-bottom: 5px; }
.subtitle { font-weight: 700; text-transform: uppercase; letter-spacing: 3px; color: #52b788; }
.tagline { font-style: italic; color: #666; font-size: 1.1rem; }

.about-story { padding: 40px 0; border-top: 2px solid #2d6a4f; }
.about-story h2 { color: #2d6a4f; margin-bottom: 20px; }

.promise-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 25px; }
.promise-item { background: #f8fcf9; padding: 25px; border-radius: 15px; border-left: 5px solid #2d6a4f; }
.promise-item span { font-size: 2rem; display: block; }
.promise-item h4 { color: #2d6a4f; margin: 10px 0; }

.serve-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 25px; }
.card { padding: 25px; background: #fff; border: 1px solid #e0e0e0; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
.card h4 { color: #2d6a4f; margin-bottom: 10px; }

.closing-text { text-align: center; font-weight: 700; margin-top: 30px; font-size: 1.2rem; color: #2d6a4f; }

@media (max-width: 768px) {
    .promise-grid, .serve-cards { grid-template-columns: 1fr; }
    .about-hero h1 { font-size: 2.2rem; }
}
</style>/* End custom CSS */