.divider-with-text {
  display: flex;
  align-items: center;
  width: 100%;
  --divider-color: #E7530E;
  --divider-thickness: 2px;
  --divider-gap: 18px;
}

.divider-with-text::before,
.divider-with-text::after {
  content: "";
  flex: 1 1 0;
  border-top: var(--divider-thickness) solid var(--divider-color);
  margin: 0 var(--divider-gap);
}

.divider-with-text span {
  color: #E7530E;
  font-weight: bold;
  font-size: 3rem;
  text-align: center;
  display: inline-block;
  line-height: 1.35;
  /* Optional: Add padding if you want space between the line and text */
  padding: 0 0.5em;
}


/* About section */
.about-section {
    border-radius: 80px 0 80px 0 !important;
    background: linear-gradient(180deg, #f8b400 10%, #e65100 60%);
    position: relative;
    z-index: 2;
}
/* linear-gradient(to bottom right, #f8b400, #e65100) */
.about-section-reverse {
    border-radius: 0 80px 0 80px !important;
    background: linear-gradient(360deg, #f8b400 0%, #e65100 60%);
    position: relative;
    z-index: 2;
}

.about-section .img-container {
    height: 60%;
    display: flex;
    align-items: center;
}

.about-section-reverse .img-container {
    height: 60%;
    display: flex;
    align-items: center;
}

/* Rest of existing styles remain same */
.about-section img:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.25);
}

.about-section-reverse img:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.25);
}

.about-section img, .about-section-reverse img {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 80%;
    height: 80%;
    object-fit: cover;
    border: 3px solid rgba(255,255,255,0.2);
}

.about-section img:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.25);
}

.about-section-reverse img:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.25);
}

.cta-btn {
  display: block;
  margin: 20px auto 0 auto;
  /* margin-top: 20px; */
  background-color: white;
  color: #e65100;
  font-weight: 600;
  border: none;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s ease;
}

.cta-btn:hover {
  background-color: #ffe0b2;
}

@media (max-width: 768px) {
    .about-section {
        border-radius: 80px 0 80px 0 !important;
        background: linear-gradient(180deg, #f8b400 10%, #e65100 60%);
    }
        
    .about-section-reverse {
        border-radius: 0 80px 0 80px !important;
        background: linear-gradient(360deg, #f8b400 0%, #e65100 60%);
    }

    .ps-md-4, .pe-md-4 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    
    .display-5 {
        font-size: 2rem;
    }
    
    .lead {
        font-size: 1rem;
    }
    
    .about-section img {
        height: 300px; /* Fixed height for mobile */
    }
        
    .about-section-reverse img {
        height: 300px; /* Fixed height for mobile */
    }
    
    .row.g-5 {
        --bs-gutter-y: 2rem;
    }
}