@CHARSET "utf-8";

.col-2{margin-top: 136px;position: relative;padding-top: 56px;}

.col-2::before{content: '';position: absolute;left: 0; top: 0;bottom: 0;right: 0;background: rgba(25, 9, 125, 0.8); z-index: 1;}
.col-2>*{z-index: 1;}
.col-2::after{content: ""; border-left: 1px solid #FFAB91; position: absolute; left: calc(25% - 16px); top: 100%; bottom: -272px; width: 1px; z-index: 0;}
.col-2>img{position: absolute;top:0;width: 100%!important;height: 100%;object-fit: cover;z-index: 0;}

main.t2 .ke-content .intro-item p{color: #FFFFFF;z-index: 2;}

main.t2 .ke-content section>div.overlay h1{color: #FFFFFF;}
main.t2 .ke-content section>div.overlay>ul{display: flex;flex-direction: column;padding-left: 0;}
main.t2 .ke-content section>div.overlay>ul li{display: flex;align-items: center; list-style: none;color: #FFFFFF;line-height: 28px;font-size: 14px;margin-bottom: 8px;}
main.t2 .ke-content section>div.overlay>ul li::before{content: "";display: inline-block;width: 4px;height: 4px;background: #FFFFFF;margin-right: 12px;}
main.t2 .ke-content section>div.overlay>ul p{font-weight: bold;padding-top: 8px;border-top: 1px solid #FFFFFF;margin: 8px 0;}
main.t2 .ke-content section>div.overlay{margin-top: 30px!important}

main.t2 .ke-content section:last-of-type>div {margin-top: 0;}
main.t2 .ke-content .kernel-value h1{font-size: 24px;color: #E64A19;font-weight: bold;line-height: 32px;border: none;padding: 0;margin: 4px 0 16px 0}
main.t2 .ke-content .kernel-value p.title{display: flex;align-items: center;font-size:20px;line-height:28px;color: rgba(255, 87, 34, 1);font-weight: bold;}

main.t2 .ke-content .kernel-value p.title::before{content: "";display: inline-block;width: 4px;height: 4px;background: #FFFFFF;margin-right: 12px;}
main.t2 .ke-content .kernel-value p{margin-bottom: 8px;}

main.t2 .ke-content section:first-child>span::before{bottom: 135px;}

main.t2 .ke-content>div.col-2{transform:translateY(30%);transition:1s;opacity: 0; z-index: 3;}
main.t2 .ke-content>div.show {transform:translateY(0%);opacity: 1;}
.col-2::after {transform:  translateY(-50%) scaleY(0);transition: all 1.5s ease-out;} 
div.col-2.show-line::after{transform: translateY(0) scaleY(1);}




