.about-page-div {
   display: flex;
   justify-content: space-between;
   margin-top: 10px;
   padding: 10px 30px;
 }

 .aboutpage-image img {
   height: 400px;
   width: 400px;
 }

 .about-text {
   width: 60%;
 }


 /* second section  */

 /* .why-next-ledgers {
  background-color: #fff5ec; /* light orange background  
  padding: 10px 20px;
} */
 .our-team-container {
   max-width: 1200px;
   margin: auto;
   padding: 20px;
 }

 .team-layout {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 40px;
 }

 .team-section {
   width: 100%;
 }

 .section-header {
   text-align: center;
   margin-bottom: 30px;
 }

 .section-title {
   font-size: 1.8rem;
   color: #333;
   margin-bottom: 10px;
 }

 .section-line {
   width: 60px;
   height: 3px;
   background-color: #ff6600;
   margin: 0 auto;
 }

 .team-row {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 20px;
   margin-bottom: 20px;
 }

 .team-card {
   width: 250px;
   text-align: center;
   border-radius: 12px;
   padding: 20px;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   background: #fff;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   border: 2px solid #ddd; 
 }

 .team-card img {
   width: 140px;
   height: 140px;
   object-fit: cover;
   border-radius: 50%;
   margin-bottom: 10px;
   border: 2px solid #ddd; 
 }
 
 .partner-card {
   border: 2px solid #ff6600 !important;
 }

 .partner-card img {
   border: 2px solid #ff6600;
 }
 
 .senior-card {
   border: 2px solid orange !important;
    
 }

 .senior-card img {
   border: 2px solid orange;
 }
 
  .junior-name {
   font-size: 1.1rem;
   font-weight: bold;
   color: gray;
   margin-bottom: 6px;
 }
 
 .support-card {
   border: 2px solid gray;
 }

 .support-card img {
   border: 2px solid gray;
 }

 .team-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
 }

 .team-card .name {
   font-size: 1.1rem;
   font-weight: bold;
   color: #ff6600;
   margin-bottom: 6px;
 }
 .team-card .senior-name{
  font-size: 1.1rem;
   font-weight: bold;
   color: orange;
   margin-bottom: 6px;
 }

 .team-card .designation {
   font-size: 0.9rem;
   color: #111;
   line-height: 1.4;
 }

 /* Responsive */
 @media (max-width: 768px) {
   .team-card {
     width: 45% !important;
     min-width: 200px;
   }

   .section-title {
     font-size: 1.5rem;
   }
 }

 @media (max-width: 480px) {
   .team-card {
     width: 100% !important;
     max-width: 280px;
     margin: 0 auto;
   }

   .team-row {
     flex-direction: column;
     align-items: center;
   }

   .section-title {
     font-size: 1.3rem;
   }
 }
 
 
 
 /* Reset default styles */
 
.why-next-ledgers {
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #fffaf0;
  border-radius: 10px;
  overflow: hidden;
}

.containerdata {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.text-box {
  flex: 1 ;
  background-color: white;
  padding: 30px;
  border-left: 6px solid #FF6B00;
  /* orange border accent */
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(255, 107, 0, 0.15);
}
.text-box h1 {
  color: #ff6200;
  font-size: 24px;
  margin-bottom: 15px;
}

.text-box .about-paragraph {

 color: #6b7280;
  line-height: 1.7;
  font-size: 1rem;
}

.image-box {
  flex: 1;
  padding: 20px;
}

.image-box img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

/* Responsive Design for Mobile (max-width: 768px) */
@media (max-width: 768px) {
  .containerdata {
    flex-direction: column;
  }

  .text-box, .image-box {
    flex: none;
    width: 100%;
  }

  .image-box {
    order: 2;
  }

  .text-box {
    order: 1;
    padding: 20px; /* Slightly reduced padding for mobile */
  }

  .text-box .about-paragraph {
    font-size: 0.95rem; /* Slightly smaller font for better fit */
    line-height: 1.8; /* Increased line-height for better readability */
    margin-bottom: 20px; /* Consistent gap between paragraphs */
    text-align: justify; /* Ensures text aligns neatly */
    word-break: break-word; /* Prevents awkward word breaks */
    hyphens: auto; /* Allows hyphenation for better line breaks */
  }

  .text-box h1 {
    font-size: 20px; /* Smaller heading for mobile */
    margin-bottom: 12px; /* Adjusted spacing */
  }
}

/* Responsive Design for Tablet (769px to 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
  .containerdata {
    flex-wrap: wrap;
  }

  .text-box, .image-box {
    flex: 1 1 45%;
  }
}