.title_image{
    width: 100%;
    padding: 0;
    position: relative;
    margin-top: 8dvh;
}

.title_image > img {
    width: 100%;
    height: 50dvh;
    object-fit: cover;
}

.title_image > div {
    width: 100%;
    height: 10dvh;
    position: absolute;
    bottom: 0;
    background: #ffffff;
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0);
}

.side_introduction {
    width: 100%;
}

.side_introduction > p {
    padding: 3vh 10vw 0 10vw;
    color: black;
    text-align: justify;
    hyphens: auto;
    text-align-last: center;
    font-size: clamp(1rem, 2.5vw, 1.3rem);
    line-height: 1.6;
}

.title_header{
    position: relative;
    text-align: center;
}

.title_header > div {
    background: #0b5b0b;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
}

h1 {
    font-size: 1.6rem;
    position: relative;
    background: white;
    display: inline-block;
    padding: 0 20px;
}

.accordion_container {
    padding: 3vh 10vw 0 10vw;
    font-size: clamp(1rem, 2.5vw, 1.3rem);
}

@media (max-width: 600px) {
    .side_introduction > p {
        padding: 2vh 5vw;
        font-size: clamp(1rem, 4vw, 1.1rem);
    }
}