.about-header{
    background-image: url("../images/about-bg.png"); /* The image used */
    background-color: var(--color1); /* 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 */
    min-height: 350px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


.about-section1{
    background-image: url("../images/about-section1-bg.png"); /* The image used */
    background-color: var(--color1); /* 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 */
}


.about-section2{
    background-image: url("../images/about-section2-bg.png"); /* The image used */
    background-color: var(--color1); /* 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 */
}

.about-section3{
    background-image: url("../images/about-section3-bg.png"); /* The image used */
    background-color: var(--color1); /* 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 */
}

.about-section3 h2,
.about-section3 h3{
    color: var(--coloryellow1);
}

.about-section3 .__box-container{
    border: 2px solid white;
    background-color: var(--colorblue3);
    padding: 20px 20px;
}


.about-section3 .__box-container .__title{
    width: 420px;
}

.about-section4{
    background-image: url("../images/about-section4-bg.png"); /* The image used */
    background-color: var(--color1); /* 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 */
}

.about-section4 .__box-container{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
}

.about-section4 .__box-container .__content{
    width: 500px;
    padding: 10px;
}


.about-section4 .__box-container .__content h4{
    color: var(--coloryellow1);
}

.about-section4 .__box-container .__icon-container{
   
}


.about-section4 .__relative{
    position: relative;
}

/* .about-section4 .__relative .__lines{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    z-index: 0;
} */