.box1 {
  border-radius: 6px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); 
  padding: 0px; 
  background-color: #fff; 
}


.content-section-grey {
  position: relative;
  background-color: #EFF4F8; /* Grey background */
}

.content-section-white {
  position: relative;
  background-color: #FFFFFF; /* Grey background */
}

.content-top-diagonal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #f0f0f0;
}

.content-top-diagonal::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: white;
  clip-path: polygon(0 100%, 100% 0%, 100% 100%);
}

.content-body {
  position: relative;
  padding: 50px 20px; /* Adjust padding as needed */
}

.content-bottom-diagonal {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #f0f0f0;
}

.content-bottom-diagonal::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: white;
  clip-path: polygon(0 0%, 100% 100%, 0% 100%);
}