.about__section{
    padding:12rem 0 5rem 0;
}
.about__section .ab-shape {
  background-color: #6672B0; /* Background purple */
  color: white;
  position: relative;
  padding: 4rem 10rem;
  border-radius: 2rem; 
  text-align: center;
} 

/* Top center triangle shape */
.ab-shape::before {
  content: "";
  position: absolute;
  
    top: -8rem;
    left: 0%;
    width: 100%;
    height: 13rem;
    background: url(../../includes/images/polygon.png) no-repeat center top;
    background-size: 50%; 
}

/* Floral background patterns (decorative corner elements) */
.ab-shape::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: url('../../includes/images/shape_left.png') no-repeat left top,url('../../includes/images/shape_right.png') no-repeat right bottom; 
  background-size: 18%;
  width: 100%;
  height: 100%;
  /*opacity: 0.3;*/
}

 
.ab-shape > * {
  position: relative;
  z-index: 1;
}

.about__section .ab-heading{
     color:#fff;
  text-align:center;
}
.about__section .top-heading { 
  color:#fff;
  text-align:center;
}

@media(max-width:768px){
    .about__section .ab-shape { 
    padding: 2rem 3rem;
}
.ab-shape::before {
    content: "";
    position: absolute;
    top: -5rem;
    left: 0%;
    width: 100%;
    height: 10rem;
    background: url(../../includes/images/polygon.png) no-repeat center top;
    background-size: 79%;
}
}