#about-home
{
	background-image: linear-gradient(rgba(9, 5, 54, 0.45), rgba(5,4,46,0.75)), url("../img/collaboration-about.jpg");
	width: 100%;
	min-height: 42vh;
	background-size: cover;
	background-position: center center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 110px 20px 60px 20px;
}

#about-home h2
{
	color: #fff;
	font-size: 2.2rem;
	letter-spacing: 1px;
}

#about-container
{
	display: flex;
	align-items: center;
	padding: 8vw 8vw 4vw 8vw;
}

#about-container .about-img
{
	width: 55%;
	padding-right: 50px;
}

#about-container .about-img img
{
	width: 100%;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	object-fit: cover;
	max-height: 400px;
}

#about-container .about-text
{
	width: 45%;
}

#about-container .about-text h2
{
	color: #29303B;
	padding-bottom: 15px;
}

#about-container .about-text p
{
	color: #686F7A;
	font-weight: 300;
}

#about-container .about-text .about-fe
{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 30px;
}

#about-container .about-text .about-fe img
{
	width: 68px;
	height: 68px;
	object-fit: contain;
	flex-shrink: 0;
	margin-right: 20px;
	transition: transform 0.25s ease;
}

#about-container .about-text .about-fe:hover img
{
	transform: scale(1.06);
}

#about-container .about-text .about-fe .fe-text
{
	width: 90%;
}

#about-container .about-text .about-fe .fe-text h5
{
	font-size: 16px;
	color: #29303B;
}



/*------------------- Trust section starts from here ---------------*/
#trust
{
	text-align: center;
	padding: 8vw;
}

#trust .trust-img
{
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
}

#trust .trust-img img
{
	width: 90px;
	height: auto;
}
/*------------------- Trust section ends from here ---------------*/




/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
/*------------------- Tablet & Mobile screen (<= 850px) ------------*/
/*------------------------------------------------------------------*/
@media screen and (max-width: 850px)
{
	#about-home
	{
		min-height: 28vh;
		padding: 95px 18px 45px 18px;
	}

	#about-home h2
	{
		font-size: 1.55rem;
		line-height: 1.3;
	}

	#about-home p
	{
		font-size: 0.85rem;
		line-height: 1.55;
		max-width: 100%;
		margin-top: 8px;
	}

	#about-container,
	.about-container-section
	{
		display: flex !important;
		flex-direction: column-reverse !important;
		padding: 30px 16px 20px 16px !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	#about-container .about-img,
	.about-container-section .about-img
	{
		width: 100% !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
		margin-top: 18px !important;
	}

	#about-container .about-img img,
	.about-container-section .about-img img
	{
		width: 100% !important;
		max-height: 220px !important;
		object-fit: cover;
		border-radius: 8px !important;
	}

	#about-container .about-text,
	.about-container-section .about-text
	{
		width: 100% !important;
		padding: 0 !important;
	}

	#about-container .about-text h2,
	.about-container-section .about-text h2
	{
		font-size: 1.25rem !important;
		line-height: 1.3 !important;
		padding-bottom: 6px !important;
	}

	#about-container .about-text p,
	.about-container-section .about-text p
	{
		font-size: 0.84rem !important;
		line-height: 1.55 !important;
	}

	#about-container .about-text .about-fe,
	.about-container-section .about-text .about-fe
	{
		margin-top: 14px !important;
		align-items: flex-start;
		padding: 12px 14px !important;
	}

	#about-container .about-text .about-fe img,
	.about-container-section .about-text .about-fe img
	{
		width: 40px !important;
		height: 40px !important;
		margin-right: 12px !important;
		flex-shrink: 0;
	}

	#about-container .about-text .about-fe .fe-text,
	.about-container-section .about-text .about-fe .fe-text
	{
		width: calc(100% - 52px) !important;
	}

	#about-container .about-text .about-fe .fe-text h5,
	.about-container-section .about-text .about-fe .fe-text h5
	{
		font-size: 0.88rem !important;
		line-height: 1.35 !important;
		margin-bottom: 3px !important;
	}

	#about-container .about-text .about-fe .fe-text p,
	.about-container-section .about-text .about-fe .fe-text p
	{
		font-size: 0.80rem !important;
		line-height: 1.45 !important;
	}

	#trust
	{
		padding: 35px 18px;
	}

	#trust h1
	{
		font-size: 1.45rem;
	}

	#trust p
	{
		font-size: 0.85rem;
	}

	#trust .trust-img
	{
		margin-top: 25px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 16px;
	}

	#trust .trust-img img
	{
		width: 52px;
		height: auto;
		margin: 4px;
	}
}

/*------------------- Smartphone Kecil (<= 480px) -------------------*/
@media screen and (max-width: 480px)
{
	#about-home h2
	{
		font-size: 1.38rem;
	}

	#about-home p
	{
		font-size: 0.82rem;
	}

	#about-container .about-text h2
	{
		font-size: 1.25rem;
	}

	#about-container .about-text p
	{
		font-size: 0.83rem;
	}

	#trust .trust-img img
	{
		width: 46px;
	}
}