.about-section{
	background:#fff;
}

.floating-img{
	animation:float 4s ease-in-out infinite;
}

@keyframes float{
	0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}
}

.feature-card{
	background:#fff;
	border-radius:18px;
	padding:20px;
	text-align:center;
	box-shadow:0 10px 25px rgba(0,0,0,.08);
	transition:.3s;
	height:100%;
}

.feature-card:hover{
	transform:translateY(-8px);
	background:#0d6efd;
	color:#fff;
}

.feature-card i{
	font-size:40px;
	color:#198754;
	margin-bottom:15px;
}

.feature-card:hover i{
	color:#ffd54a;
}

.timeline .year{
	width:90px;
	height:90px;
	line-height:90px;
	margin:auto;
	border-radius:50%;
	background:#198754;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	box-shadow:0 10px 20px rgba(0,0,0,.15);
}

.cta{
	background:linear-gradient(135deg,#0b5b89,#198754);
	color:#fff;
	border-radius:25px;
	padding:50px;
	text-align:center;
}

.cta .btn{
	border-radius:50px;
	padding:12px 35px;
}

/* Section Timeline */

.sub-title{font-size:30px;
	color:#198754;
	font-style:italic
}

.main-title{font-size:56px;
	font-weight:700;
}

.title-line{width:80px;
	height:5px;
	background:#198754;
	margin:18px auto;
	border-radius:5px;
}

.timeline{
	display:flex;
	justify-content:space-between;
	position:relative;
	padding-top:30px;
}

.timeline:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:275px;
	height:4px;
	background:linear-gradient(90deg,#d8f5e3,#198754,#8dd9ac);
}

.progress-line{
	position:absolute;
	left:0;
	top:275px;
	height:4px;
	width:0;
	background:linear-gradient(90deg,#0f7f3f,#27c56f);
	transition:width 2s ease;
}

.item{
	width:22%;
	text-align:center;
	position:relative;
	z-index:2;
}

.circle{
	width:160px;
	height:160px;
	margin:auto;
	border-radius:50%;
	overflow:hidden;
	border:4px solid #198754;
	transition:.4s;
	box-shadow:0 10px 20px rgba(0,0,0,.15);
}

.circle img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.circle:hover{
	transform:scale(1.08);
}

.year{
	position:absolute;
	top:140px;
	left:50%;
	transform:translateX(-50%);
	width:86px;
	height:86px;
	border-radius:50%;
	background:#198754;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:30px;
	font-weight:700;
	border:5px solid #fff;
	transition:.3s;
}

.year:hover{
	transform:translateX(-50%) scale(1.08);
}

.dot{
	width:18px;
	height:18px;
	border-radius:50%;
	background:#198754;
	margin:78px auto 20px;
}

.arrow{
	margin-top:60px;
	color:#198754;
	font-size:40px;
	animation:m 1.2s infinite alternate;
}

@keyframes m{
	to{transform:translateX(10px)}
}

h4{
	color:#198754;
	font-weight:700;
}

p{
	line-height:1.8;
}

@media(max-width:991px){

	.timeline{
		display:block;
	}
	
	.timeline:before,.progress-line,.arrow{
		display:none;
	}
	
	.item{
		width:100%;
		margin-bottom:60px;
	}
	
	.main-title{
		font-size:38px;
	}
}
/* End Section Timeline */