*{
	margin: 0;
	padding: 0;
}

@font-face {
  font-family: "shurjo";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local("Shurjo Regular"),
    url("https://assets.prothomalo.com/prothomalo/assets/ShurjoWeb_400_v2-f516035cb806da4a249e.woff")
      format("woff2"),
    url("../fonts/ShurjoWeb_400.ttf") format("truetype");
}
@font-face {
  font-family: "shurjo";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local("Shurjo Semi Bold"),
    url("https://assets.prothomalo.com/prothomalo/assets/ShurjoWeb_600_v2-c8b8a9932c11d2c59584.woff")
      format("woff2"),
    url("../fonts/ShurjoWeb_600.ttf") format("truetype");
}

@font-face {
  font-family: "shurjo";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local("Shurjo Bold"),
    url("https://assets.prothomalo.com/prothomalo/assets/ShurjoWeb_700_v2-72cba63e779d86520525.woff")
      format("woff2"),
    url("../fonts/ShurjoWeb_700.ttf") format("truetype");
}

body {
  font-family: "shurjo";
  font-weight: 400;
}

a{
	text-decoration: none;
}

.victory-day{
	display: block;
}
.victory-day img{
	width: 100%;
}

.desktop-banner{
	display: block;
}
.mobile-banner{
	display: none;
}

.timeline-container {
	border: 1px solid #00c370;
    width: calc(100% - 2px);
    margin-top: 24px;
    background: #eeeeee;
}

.timeline-container h2 {
	background: #00c370;
    display: inline-block;
    color: #fff;
    font-size: 32px;
    padding: 10px 30px;
}

.timeline{
	padding: 76px 48px 50px 48px;
}

.timeline-story {
	display: none;
    transition: all 0.6s ease 0s;
}

.timeline-story.timeline_1{
	display: block;	
}

.timeline-box {
	display: grid;		
    grid-template-columns: repeat(2,1fr);
}
.timeline-box .image{
	display: inherit;
}
.timeline-box .image img{
	width: 100%;
}

.timeline-box .short_content{
	background: #fff;
    padding: 64px;
}

.timeline-box .short_content h3{
	color: #ef4123;
    font-size: 24px;
    font-weight: 400;
}

.timeline-box .short_content p{
	color: #121212;
    font-size: 42px;
    line-height: 1.5;
    font-weight: 700;
}


@media (max-width: 875px) {
	.timeline-container{
		margin-top: 16px;
	}
	.desktop-banner{
		display: none;
	}
	.mobile-banner{
		display: block;
	}
	.timeline-container h2{
		width: calc(100% - 8px);
	    font-size: 24px;
	    padding: 4px;
	    text-align: center;
	}
	.previous-story{
		padding: 4px;
	}
	.previous-story .text {
		font-size: 14px;
	}
	.timeline-box {
		grid-template-columns: 1fr;
	}
	.timeline-box .short_content {
		padding: 15px;
	}
	.timeline-box .short_content h3 {
		font-size: 18px;
    	margin-top: 9px;
	}
	.timeline-box .short_content p {
		font-size: 26px;
    	line-height: 1.5;
	}
	.timeline {
	    padding: 70px 12px 30px 12px;
	}

	.bx-wrapper .bx-controls-direction a.bx-prev {
	    top: -44px;
	}

	.bx-wrapper .bx-controls-direction a.bx-next {
	    bottom: -58px;
	}
}