.subtitle {
  text-align: center;
  margin: 28px 0 6px;
  font-size: 28px;
  font-weight: 700;
  position: relative;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
}
.subtitle-underline {
  margin: 10px auto 0;
  width: 55vw;           
  height: 3px;
  background-color:#111111 ;
  border-radius: 2px;
}
.subtitle-underline1 {
  display: flex;
  margin: 0 auto 0;
  width: 100vw;           
  height: 3px;
}

.underline1{
  width:22vw;
  height: 3px;
  background-color:#ea5a3a ;  
}

.underline2{
  width:56vw;
  height: 3px;
  background-color:#111111 ;  
}
.underline3{
  width:22vw;
  height: 3px;
  background-color:#ea5a3a ;
}

.panel-slider1 {
  position: relative;
  display: flex;
  overflow: hidden;
  scroll-behavior: smooth;
  width: 100%;
  min-height: 600px;
}
.slider-nav {
  position: absolute;
  top: 55%;
  left: 0%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 10;
}
.slider-nav button {
  pointer-events: auto;
  background: var(--accent);
  border: none;
  padding: 10px 16px;
  font-size: 28px;
  cursor: pointer;
  border-radius: 50%;
  margin: 0 18px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transition: background 0.2s;
}
.slider-nav button:hover {
  background: var(--orange);
  color: #fff;
}
@media (max-width: 640px) {
  .panel-slider1 { 
    min-height: 0; 
    flex-direction: column;
  }
  .slider-nav {
    position: absolute;
     top:45%;
    left: 0%;
    
    flex-direction: row;
    justify-content: space-between;
    transform: none;
    margin-top: 0px;
    width: 100%;
  }

 
}


.container {
      
      display: flex;
      gap: 20px;
      align-items: center;
      justify-content: center;
      width: 100%; 
      background-color: #ea5a3a; 
      padding: 0px 0px;       
      
    }

    .panel123
     {
      
      border-radius: 10px;
      padding: 20px;
      flex: 1 1 0;
      min-width: 0;
      display: flex;
      flex-direction: column;
      align-items: center; 
    }

    .panel123 h2 {
        text-align: center;
      font-size: 18px;
      color: #ffffff;
    }

    .panel123 img {
      width: 260px;      /* smaller image width */
      height: 260px;     /* smaller image height */
      object-fit: cover; /* maintain aspect ratio */
      border-radius: 10px;
      border:6px solid #111111;
      margin-bottom: 12px;
    }

    /* Name and designation under image */
    .person-info {
      text-align: center;
    }

    .person-name {
      font-weight: 700;
      font-size: 16px;
      color:#ffffff;
      margin: 4px 0 0 0;
    }

    .person-designation {
         font-weight: 700;
      font-size: 14px;
      color: #ffffff;
      margin: 0;
    }

    @media (max-width: 720px) {
      .container {
        flex-direction: column;
      }
      .container .panel123 {
        width: 100%;
      }
    }

    @media(min-width:800px){
      .mt{
        margin-top: 15px;
      }

      .mt1{
        margin-top: 40px;
      }
      .mb{
        margin-bottom: 15px;
      }
      .mb1{
        margin-bottom: 63px;
      }
      .mt2{
        margin-top: 57px;
      }
    }