.title{
    font-size: 80px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding: 40px 0px;
    background: linear-gradient(to right,  #024846 54%, #b7e4c7 100%);
    background-clip: text;
    color: transparent;
}

.photo-container{
    display: flex;
    gap: 80px;
    width: 100%;
    padding: 50px;
}

.image-wrapper{
    display: flex;
    width: 320px;
    height: 200px;
    border-radius: 20px;
    overflow: hidden;
    flex-shrink: 0;
}

.image-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.image-fi-wrapper{
    display: flex;
    width: 250px;
    height: 200px;
    border-radius: 0px 20px 20px 0px;
    overflow: hidden;
    flex-shrink: 0;
}

.image-block{
    display: block;
    width: 100%;
    height: 200;
    border-radius: 20px 0px 0px 20px;
    background-color: #E1F0EB;
}

/* 左右分栏 */
.two-columns{
    display: flex;
    margin-top: 40px;
}

.left-column{
    flex: 1;
    padding: 100px 0px 0px 80px;
}

.right-column{
    flex: 1.6;
    padding: 80px 0px 0px 0px;
}

.right-column img{
    width: 90%;
    height: auto;
}

.content-title-fi{
    font-size: 50px;
    font-weight: bold;
    color: #024846;
    margin: 0px
}

.content-title-se{
    font-size: 50px;
    font-weight: bold;
    color: #28EEAF;
    margin: 0px;
}

.content-title-th{
    font-size: 50px;
    font-weight: bold;
    color: #024846;
    margin: 0px 0px 40px 0px;
}

.content{
    width: 100%;
    font-size: 18px;
    color: #024846;
    font-weight: 600;
}

.content-container{
    padding: 0px 80px;
    
}

.tree-img{
    height: 100px;
    width: auto;
}

.content-wrapper{
    margin-top: 80px;
}

.content-image{
    width: 100%;
}

.timeline-img{
    width: 100%;
    margin-top: 45px;
    margin-bottom: 40px;
}

.rec-container{
    background-color: #E1F0EB;
    padding: 20px;
    border-radius: 30px;
    margin: 0px 40px 80px 40px;
    box-shadow: 2px 6px 2px #b7b7b7;
}

.four-columns{
    display: flex;
    gap: 15px;
}

.sub-column{
    font-size: 18px;
    font-weight: bold;
}

.column-title{
    color: #207878;
}

.column-content{
    color: #000000;
    position: relative;
    padding-left: 20px;
}

.column-content::before{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #207878;
    transform: translateY(50%);
    left: 0;
}