.header{
    
  position: relative;
  background-image: url("../img/about-header-bg.png"); /* The image used */
  background-color: transparent; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 80vh;
  position: relative;
  overflow: hidden;
  z-index: -1;
}

.header h2{
  color: var(--white);
  font-size: 60px;
  text-align: center;
}

h2{
  color: var(--color3);
}

.section h2{
  font-size: 60px ;
}




.section3{

}

.section3 .__box-container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: rgb(68,68,69);
background: linear-gradient(193deg, rgba(68,68,69,1) 0%, rgba(14,14,14,1) 100%);
padding: 20px;
border-radius: 10px;
min-height: 423px;
}

.section3 .__box-container .__title{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100px;
  color: white;
}

.section3 .__box-container .__title h5,
.section3 .__box-container p{
  color: white;
}

.section3 .__box-container.__lime{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: var(--color1) !important;
padding: 20px;
border-radius: 10px;
min-height: 423px;
}

.section3 .__box-container.__lime h5,
.section3 .__box-container.__lime p{
  color: var(--black);
}