/* about section start */
.about-section {
    padding-left:60px;
    padding-right:60px;
      font-family: "Montserrat", serif;
      background-color: #4caf50;
      color: white;
      padding: 40px 20px;
  }
  
  .team-images {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
  }
  
  .team-images img {
      width: 100%;
      height: auto;
      border-radius: 50%;
      object-fit: cover;
  }
  
  .team1 {
      position: relative;
      margin-top: -80px;
      /* Adjust to cross upper border */
  }
  
  .team2 {
      position: relative;
      top: 30px;
      margin-bottom: -90px;
      /* Adjust to cross bottom border */
  }
  
  .about-text h2{
      color: yellow;
  }
  
  .about-text h3{
      color: yellow;
  }
  
  .about-text {
      display: flex;
      text-align: justify;
      flex-direction: column;
      justify-content: center;
      font-size: 1.4vw;
  }
  
  .view-more-btn {
      background-color: orange;
      color: white;
      border: none;
      /* padding: 10px 20px; */
      font-size: 1.2vw;
      border-radius: 5px;
      /* text-transform: uppercase; */
      float: right;
  }
  
  .view-more-btn:hover {
      background-color: darkorange;
  }
  
  .t2p {
      margin-top: 150px; /* Space below the image */
  }
  
  @media (min-width: 768px) {
  .jok{
      display: none;
  }
  }
  
  @media (max-width: 768px) {
       .img22{
          margin-top: 0%;
          padding-top: 0%;
       }
    
      .team-images img {
          width: 60%;
          height: auto;
          border-radius: 50%;
          object-fit: cover;
      }
      .t2p{
          color: #fff;
      }
      .team2 {
         
          position: relative;
          top: 30px;
          margin-bottom: 30px;
          /* Adjust to cross bottom border */
      }
      .team3 {
          margin-top: 10px;
      }
  
      .about-section .row {
          flex-direction: column;
          text-align: center;
      }
  
      .about-text {
          font-size: small;
          margin-top: 20px;
          text-align: center;
      }
  }
  
  @media (min-width: 998px) {
      .about-section {
    
          font-family: "Montserrat", serif;
          background-color: #4caf50;
          color: white;
          padding: 40px 65px;
      }
      .about-text h2 {
          font-family: "Montserrat", serif;
          font-weight: bold;
          color: yellow;
      }
      
      .about-text {
          text-align: justify;
          display: flex;
          text-align: justify;
          flex-direction: column;
          justify-content: center;
          font-size: 1.4vw;
      }
      
      .view-more-btn {
          background-color: orange;
          color: white;
          border: none;
          /* padding: 10px 20px; */
          font-size: 1.2vw;
          border-radius: 5px;
          /* text-transform: uppercase; */
          float: right;
         
      }

      p{
        text-align:justify;
    }