.our-story-section {
     background-color: #12a99c2a;
     /* Warm beige background */
     padding: 80px 20px;
     text-align: center;
     position: relative;
     overflow: hidden;
 }

 .our-story-container {
     max-width: 1000px;
     margin: 0 auto;
     opacity: 0;
     transform: translateY(50px);
     animation: fadeInUp 1s ease-out forwards;
 }

 .our-story-title {
     font-size: 2.5rem;
     color: #3a3a3a;
     /* Rich brown color */
     margin-bottom: 20px;
     position: relative;
     font-weight: bold;
 }

 .our-story-title::after {
     content: '';
     width: 60px;
     height: 3px;
     background-color: #12a99c2a;
     /* Saffron accent */
     position: absolute;
     bottom: -10px;
     left: 50%;
     transform: translateX(-50%);
 }

 .our-story-text {
     font-size: 1.1rem;
     line-height: 1.8;
     color: #555;
     margin-bottom: 30px;
 }

 .our-story-highlight {
     color: #084b45a4;
     font-weight: bold;
 }

 @keyframes fadeInUp {
     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 /* Responsive Design */
 @media (max-width: 768px) {
     .our-story-title {
         font-size: 2rem;
     }

     .our-story-text {
         font-size: 1rem;
     }
 }

 /* Who We Serve Section */
 .who-we-serve-section {
     background-color: #fff;
     padding: 80px 20px;
     text-align: center;
 }

 .who-we-serve-container {
     max-width: 1000px;
     margin: 0 auto;
     opacity: 0;
     transform: translateY(50px);
     animation: fadeInUp 1s ease-out forwards;
 }

 .section-title {
     font-size: 2.5rem;
     color: #3a3a3a;
     margin-bottom: 40px;
     position: relative;
     font-weight: bold;
 }

 .section-title::after {
     content: '';
     width: 60px;
     height: 3px;
     background-color: #12a99c2a;
     position: absolute;
     bottom: -10px;
     left: 50%;
     transform: translateX(-50%);
 }

 .serve-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
     gap: 20px;
 }

 .serve-item {
     padding: 20px;
     background-color: #12a99c0a;
     border-radius: 10px;
     transition: transform 0.3s ease;
 }

 .serve-item:hover {
     transform: translateY(-10px);
 }

 .serve-item p {
     font-size: 1rem;
     color: #555;
     line-height: 1.6;
 }

 /* Our Reach, Your Comfort Section */
 .our-reach-section {
     /* background-color: #f9f1e7; */
     padding: 80px 20px;
     text-align: center;
 }

 .our-reach-container {
     max-width: 800px;
     margin: 0 auto;
     opacity: 0;
     transform: translateY(50px);
     animation: fadeInUp 1s ease-out 0.3s forwards;
 }

 .our-reach-text {
     font-size: 1.1rem;
     line-height: 1.8;
     color: #555;
     margin-bottom: 30px;
 }

 /* Start Your Journey Section */
 .start-journey-section {
     /* background-color: #12a99c7a; */
     padding: 80px 20px;
     text-align: center;
     color: #2b2b2b;
 }

 .start-journey-container {
     max-width: 800px;
     margin: 0 auto;
     opacity: 0;
     transform: translateY(50px);
     animation: fadeInUp 1s ease-out 0.6s forwards;
 }

 .start-journey-text {
     font-size: 1.1rem;
     line-height: 1.8;
     margin-bottom: 30px;
     /* color: #fff; */
 }

 @keyframes fadeInUp {
     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 /* Responsive Design */
 @media (max-width: 768px) {
     .section-title {
         font-size: 2rem;
     }

     .our-reach-text,
     .start-journey-text {
         font-size: 1rem;
     }

     .serve-grid {
         grid-template-columns: 1fr;
     }

     .cta-button {
         padding: 12px 25px;
         font-size: 0.9rem;
     }
 }