#content {margin-top: 100px; background: #fff;}
#content .section-box {
    margin: 0 auto;
    padding: 120px 0 100px;
    box-sizing: border-box;
    text-align:center;
}
#content .section-box h3 {
    font-size: 46px;
    color: #29203B;
    margin-bottom: 24px;
    letter-spacing: -1px;
    word-break: keep-all;
}
#content .section-box h3 strong,
#content .p_color {
    color: #8556E3;
}
#content .section-box img {
    max-width:100%;
}
#content .global-intro .global-desc-text {
    margin-bottom: 85px;
}
#content .global-desc-text {
    font-size: 18px;
    font-weight: 300;
}
#content .timeline {
    position: relative;
    max-width: 960px;
    margin: 140px auto 0;
    list-style: none;
    padding-left: 0;
}
#content .timeline_item {
    position: relative;
    width: 50%;
    padding: 0 0  0 100px; 
    margin-bottom: 160px;
    box-sizing: border-box;
    border-left: 1px solid  #8556E3;
}
#content .timeline_item:nth-child(odd) {
    left: 50%;
    text-align: left;
}
#content .timeline_item:nth-child(even) {
    left: 0;
    text-align: left;
    border-left: none;
    border-right: 1px solid  #8556E3;
    padding: 0 100px 0 0;
}
#content .timeline_item:last-of-type {
    margin-bottom:0;
}
#content .timeline_item::after {
    content: '';
    position: absolute;
    top: 0;
    width: 22px;
    height: 22px;
    background-color: #8556E3; 
    border-radius: 50%;
    z-index: 1;
}
#content .timeline_item:nth-child(odd)::after {
    left: 0; 
    transform: translate(-50%, 0 );
}
#content .timeline_item:nth-child(even)::after {
    right: 0; 
    transform: translate(50%, 0);
}
#content .timeline_date {
    position: absolute;
    top: 0;
    font-size: 32px;
    font-weight: 700;
    color: #8556E3;
}
#content .timeline_item:nth-child(odd) .timeline_date {
    left: 0;
    transform: translate(-50%, -140%);
}
#content .timeline_item:nth-child(even) .timeline_date {
    right: 0;
    text-align: left;
    transform: translate(50%, -140%);
}
#content .timeline_content {
    position: relative;
    display: grid;
    gap: 135px;
    top: -60px;
}
#content .global-timeline .title {
    font-size: 28px;
    color: #8556E3;
    margin-bottom:12px;
}
#content .timeline_description strong {
    color: #333;
    font-weight: 500;
}
#content .timeline_logo {
    width: auto;
    height: 97px;
    margin: 28px 0;
    display:  block;
}
#content .section-box .daeat_logo {
    height: 65px;
}
#content .global_link_button {
    display: inline-block;
    background-color: #8556E3;
    color: #fff;
    padding: 18px 42px;
    border-radius: 12px;
    text-decoration: none;
    font-size:18px;
    font-weight: 700;
    transition: background-color 0.3s;
}
#content .global_link_button:hover {
    background-color: #9668f2;
}
#content .global-desc-text strong {font-weight: 700;}
#content .global-intro-img {width: 44.27%; margin: 0 auto;}
#content .global-activities {background:#F6F3FD ;}
#content .activities-list {
    max-width: 1016px;
    margin: 100px auto 0;
}
#content .activities-item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    gap: 80px;
}
#content .activities-image {width:60%}
#content .activities-item:nth-child(even) {
    flex-direction:row-reverse;
}
#content .activities-content {text-align:left;}
#content .activities-content .title {
    font-size: 28px;
    color: #8556E3;
    text-align: left;
    display: inline-block;
}
#content .activities-logo {
    width: auto;
    height: 97px;
    display:  block;
    margin: 28px 0;
}

@media screen and (max-width:1024px) {
#content .global-intro-img {width: 60.94%; }
#content .section-box h3 {font-size: 28px;}
#content .global-desc-text {font-size: 16px;}
#content .global-desc-text i {display: block;}
#content .timeline_content {top:-48px;gap: 65px;}
#content .timeline_date {font-size: 26px;}
#content .global-timeline .title {font-size: 20px;}
#content .timeline_logo {height: 77px;}
#content .section-box .daeat_logo {height:50px;}
#content .global_link_button {font-size:16px;}
#content .timeline {max-width: 740px;}
#content .timeline_item {padding: 0 0  0 50px;}
#content .timeline_item:nth-child(even) {padding:0 50px 0 0}
#content .activities-item {justify-content:center;gap:24px;margin-bottom: 40px;}
#content .activities-list {max-width:740px}
#content .activities-content .title {font-size: 20px;}
#content .activities-logo {height:63px;}
}

@media screen and (max-width:768px) {
#content {margin-top: 106px;}
#content .hide-mobile {display: none;}
#content .section-box {
        padding: 60px 20px;
    }
#content .section-box h3 {
        font-size: 30px;
        padding:0 15px;
        width: 80%;
        margin: 0 auto 30px;
    }
#content .section-box h3 i {display: block;}
#content .global-desc-text br {display: none;}
#content .global-desc-text {font-size: 14px;text-wrap: balance;word-break: keep-all;}
#content .global-intro-img {width: 100%;}
#content .timeline_content {top:0;gap: 84px;}
#content .timeline {max-width: 90%;margin: 100px auto 0;width: max-content;}
#content .timeline_item {width:100%; }
#content .timeline_item:nth-child(odd) {left:0;}
#content .timeline_item:nth-child(even) {padding: 0 0 0 50px;border-right: none;border-left: 1px solid #8556E3;}
#content .timeline_logo {height: 63px;}
#content .global-timeline .title {font-size:16px;}
#content .global_link_button {font-size:14px;padding: 10px 24px;}
#content .timeline_item:nth-child(even) .timeline_date {right: auto;left: 0;transform: translate(-32px, -140%);}
#content .timeline_item:nth-child(even)::after {right: auto; left: 0; transform: translate(-50%, 0 );}
#content .timeline_item:nth-child(odd) .timeline_date {transform: translate(-32px, -140%);}
#content .activities-item {position: relative;justify-content: flex-start;margin-bottom: 80px;}
#content .activities-image {width: 320px;}
#content .activities-content {position:absolute;left: 0;top: 0;transform: translate(224px, 130px);}
#content .activities-item:nth-child(even) .activities-content {left:auto; right:0;transform: translate(-200px, 130px);}
#content .activities-content .title {font-size: 16px;width: max-content;}
#content .activities-content .title i {display: block;}
#content .activities-logo {height: 48px; margin: 8px 0;}
#content .section-box .daeat_logo {height: 40px;}
}