.container {
    overflow: visible;
    position: relative;
    z-index: 10;
}
.container .time_line {
    margin: 160px 0;
}
.container .time_line p.mid-banner {
    width: 100%;
    height: 400px;
    text-align: center;
    background-color: #8d8980;
    position: relative;
}
.container .time_line p.mid-banner img {
    height: 400px;
}
.container .time_line p.mid-banner::before {
    content: '';
    width: 300px;
    height: 300px;
    background: url(/sp/great_engravers/img/waterloo_mid-banner_coin.webp) no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -100px;
    left: 12%;
    transform: rotateZ(-15deg);
    filter: drop-shadow(2px 4px 6px #00000070);
    z-index: 2;
}

.time_line_wrap {
    max-width: 1500px;
    margin: 160px auto 0;
}
.time_line_wrap h2 {
    font-size: 70px;
    -webkit-text-fill-color: #ffffff00;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #c9c9c9;
    text-align: start;
    margin: 0 0 0 5%;
}
.time_line_wrap h3 {
    font-size: 20px;
    font-weight: bold;
    color: #c48b48;
    margin-left: 15%;
}

.timeline p {
    width: 480px;
    margin-left: 15%;
}
.tl_4 p {
    width: 720px;
}
.timeline {
    width: 1000px;
    margin: 100px auto 260px;
    position: relative;
}
.tl_4 {
    margin: -160px auto -100px;
}

.timeline h2::after {
    content: '';
    width: 1px;
    background-color: #c9c9c9;
    position: absolute;
    left: 12.5%;
    z-index: 1;
}
.tl_1 h2::after {
    height: 370px;
    bottom: -110%;
}
.tl_2 h2::after {
    height: 420px;
    bottom: -86%;
}
.tl_3 h2::after {
    display: none;
}

.tl_1::before {
    content: '';
    width: 340px;
    height: 254px;
    background: url(/sp/great_engravers/img/waterloo_timeline_1.jpg) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 20%;
    right: -2%;
    z-index: 1;
}
.tl_1::after {
    content: '';
    width: 160px;
    height: 160px;
    background: url(/sp/great_engravers/img/waterloo_timeline_2.jpg) no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -90%;
    right: 35%;
    z-index: 1;
}

.tl_2::before {
    content: '';
    width: 260px;
    height: 330px;
    background: url(/sp/great_engravers/img/waterloo_timeline_3.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 20%;
    right: 5%;
    z-index: 1;
}
.tl_2::after {
    content: '';
    width: 300px;
    height: 150px;
    background: url(/sp/great_engravers/img/waterloo_timeline_4.jpg) no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -70%;
    right: 31%;
    z-index: 1;
}

.tl_3::before {
    content: '';
    width: 500px;
    height: 250px;
    background: url(/sp/great_engravers/img/waterloo_timeline_5.jpg) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 5%;
    right: -18%;
    z-index: 1;
}
.tl_3::after {
    content: '';
    width: 300px;
    height: 240px;
    background: url(/sp/great_engravers/img/waterloo_timeline_6.png) no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -35%;
    left: -18%;
    z-index: 1;
}

.tl_4::before {
    content: '';
    width: 320px;
    height: 440px;
    background: url(/sp/great_engravers/img/waterloo_timeline_7.jpg) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 46%;
    left: -22%;
    z-index: 10;
}


/* COIN NARABI */
.coin_narabi {
    position: relative;
    z-index: 1;
}

.coin_narabi h1 {
    width: 800px;
    color: #fff;
    font-family: serif;
    font-weight: normal;
    font-size: 26px;
    text-align: start;
}
.coin_narabi-intro {
    margin: 0 0 0 5%;
    padding: 0 0 240px;
    position: relative;
}
.coin_narabi-intro p {
    width: 590px;
    color: #fff;
}
.coin_narabi-intro::before {
    content: '';
    width: 380px;
    height: 400px;
    background: url(/sp/great_engravers/img/waterloo_narabi_main.webp) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0%;
    left: 145%;
    z-index: 1;
}

.coin_tab {
    background-color: #ffffffde;
}
.coin_tab h3 {
    font-size: 16px;
    color: #c48b48;
}
.coin_tab ul.coin_list {
    margin: 40px 0 0;
}


.coin_tab ul.coin_list li:nth-child(1),
.coin_tab ul.coin_list li:nth-child(4) {
    width: 100%;
}
.coin_tab ul.coin_list li:nth-child(5) {
    width: 90%;
}
.coin_tab ul.coin_list li:nth-child(2),
.coin_tab ul.coin_list li:nth-child(6) {
    width: 85%;
}
.coin_tab ul.coin_list li:nth-child(3) {
    width: 75%;
}