.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;
}

.section1{

  min-height: 800px;
  
}

.section1 .clip4{
    position: absolute;
    left: -10px;
    scale: 1.2;
}

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

.section2{
  margin-top: -100px;
  background-color: transparent;
}

.section2 h2{
  font-size: 60px;
  text-align: center;
}

.section2 .__box-container{
  border: 2px solid var(--color1);
  min-height: 250px;
  padding: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: var(--color1);
}

.section2 .clip{
  position: absolute;
  right: 0;
  top: 40%;

}

.section3 h2{
  font-size: 60px;
  text-align: start;
}

.section3 .__box-container{
  border: 2px solid var(--color1);
  background-color: var(--color4);
}

.section3 .__box-container img{
  margin: auto;
}

.section3 .__box-container .__content{
  min-height: 150px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 5px;
}

.section3 .__box-container .__content p{
    color: white;
}

.section4 h2{
  font-size: 80px;
  text-align: center;
}

.section4 .__box-container{
  background-color: var(--color1);
  text-align: center;
  padding: 20px;
  min-height: 120px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.section4 .__box-container p {
  color: var(--black);
  margin-bottom: 0px;
}

.section5{
  padding-top: 3rem;
}


.section5 .__box-container{
  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 */
  text-align: center;
  padding: 20px;
  border-radius: 10px;
  min-height: 300px;
}

.section5 .__box-container .__top{
  background-color: var(--color4);
  border: 2px solid var(--color1);
  min-height: 100px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  margin-top: -60px;
}


.section5 .__box-container p{
  color: white;
}


.section5 .__box-container .__top h2{
  margin: 0px;
  font-size: 30px;
  color: white;
}

.section6 h2{
  font-size: 60px;
  text-align: center;
}

.section7 h2{
  font-size: 60px;
  text-align: center;
}