.first-about-section {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden; /* Hide overflow to prevent scrollbars */
}
.about-image-container img{
   width:100%;
   height:320px;
}
/* Add your styles for the slideshow, dots, and text here */

.slideshow-containerfirstabout{
  position: relative;
  max-width: 100%;
  overflow: hidden;
  height: 95vh;
}

.slide fade firstabout {
  display: none;
}
.slide fade firstabout{
  height:300px;
  background-color: rgb(49, 122, 187);
}
.slide-imageabout{
  width: 100%;
  height:92vh;
}


.textfirstabout {
  position: absolute;
  bottom: 25vh;
  left: 2vw;
  
  /* margin-bottom: 6%; */
  font-size: 24px;
  color: white;
 
  width:40%;
 
  z-index: 2;
}

.textfirstabout p{
 margin-top: 1%;
  font-size: 21px;
  font-weight: 800;
 padding-left:32px;
 padding-top: 3%;
 padding-right: 30%;
  padding-right:10px;
  color:black;
        background-color:#ebe7e7a6;
}
.dots-containerfirstabout {
  text-align: center;
  padding-top: 80px;
 margin-top: -8%;
}

.dotfirstabout {
  height: 1vw;
  width: 1vw;
  margin-top: -10%;
  margin: 0 8px;
  background-color: #faf4f4;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s ease;
  cursor: pointer;
  z-index: 2;
}

.dotfirstabout.active {
  background-color: #09661f;
}

/* css for section2  */
#second-about-section{
  padding: 0 10vw;
}

.about-text-center {
    text-align: center;
    padding: 1.6vw 0.6vw;
    /* padding: 56px; Add padding for spacing if needed */
}
  
  .about-text-center h2 {
    font-size: 4vw;
    color: #197b56;
    font-weight: 900; 
    margin-bottom: 1%;

  }
  
  .about-text-center p {
    /* padding:2%; */
    font-weight: 400;
    text-align: justify;
    font-size: 1.5vw; 
    margin: 0; 
    padding:1% 0;
  }  

  @media screen and (max-width : 600px) {

    *{
      line-height: 120%;
    }
    .about-text-center h2{
      font-size: 10vw;
      margin-top: 3%;

    }

    .about-text-center p{
      font-size: 4.5vw;
    }
  }


@media screen and (min-width:700px) and (max-width:800px) {

  #second-about-section{
    padding: 5vw;
  }

}