:root{
	--heading_baslig_color:#048654;

	--about_h2_color:#25ccf7;

	--about_h3_color:#25ccf7;

	--about_p_color:#000000;

	--button_text_color:#fff;

	--button_bk_color:#048654;

	--button_hover_color:#008000;

	#048654;
	#008000;
}
.about2{
	min-height: 100vh;
}

.about2 .ab2-heading{
	text-align: center;
	width: 90%;
	margin: 0 auto;
	padding: 0 .5rem;
	padding-top: 6rem;
	box-shadow: 0 .2rem .05rem rgba(255,255,255,0);
}
.about2 .ab2-heading span{
	display: inline-block;
	font-size: 3.5rem;
	color: #25ccf7;
	padding: 1rem 0;
	box-shadow: 0 .2rem .05rem rgba(0,127,92,0.5);
}
.about2 .ab2-section{
	width: 90%;
	display: block;
	margin: 80px auto;
	padding-bottom: 50px;
}
.about2 .ab2-section .ab2-left-section{
	width: 60%;
	float: left;
	padding-right: 50px;
}
.about2 .ab2-section .ab2-left-section .ab2-content{
	text-align: justify;
}
.about2 .ab2-section .ab2-left-section .ab2-content .ab2-title h2{
	font-size: 30px;
	color: var(--about_h2_color);
}
.about2 .ab2-section .ab2-left-section .ab2-content .ab2-title h3{
	padding-top: 15px;
	font-size: 25px;
	color: var(--about_h3_color);
}
.about2 .ab2-section .ab2-left-section .ab2-content .ab2-title .fa-mobile{
	margin-right: 10px;
}
.about2 .ab2-section .ab2-left-section .ab2-content p{
	padding-top: 15px;
	font-size: 15px;
	color: var(--about_p_color);
	letter-spacing: 1px;
	line-height: 1.5;
}
.about2 .ab2-section .ab2-left-section .ab2-content .ab2-button{
	padding-top: 10px;

}
.about2 .ab2-section .ab2-left-section .ab2-content .ab2-button a{
	text-decoration: none;
	padding: 7px 20px;
	font-size: 15px;
	background-color: var(--button_bk_color);
	color: var(--button_text_color);	
	letter-spacing: 1px;
} 
.about2 .ab2-section .ab2-left-section .ab2-content .ab2-button a:hover{
	background-color: var(--button_hover_color);
}
.about2 .ab2-section .ab2-left-section .ab2-content .ab2-social{
	padding-top: 15px;
}
.about2 .ab2-section .ab2-left-section .ab2-content .ab2-social a{
	font-size: 20px;
	color: #048654;
	padding: 0px 5px;
}
.about2 .ab2-section .ab2-left-section .ab2-content .ab2-social a i:hover{
     color: #008000;
     transform: rotate(360deg);

}
.about2 .ab2-section .ab2-image-section{
	height:40rem;
	width: 40%;
	float: right;

}
.about2 .ab2-section .ab2-image-section img{
	height: 100%;
	width: 100%;
}
@media screen and (max-width: 768px){
	.about2 .ab2-section .ab2-left-section{
		width: 100%;
		padding-right: 0px;
	}
	.about2 .ab2-section .ab2-left-section .ab2-content .ab2-title h2{
		text-align: center;
	}
	.about2 .ab2-section .ab2-left-section .ab2-content .ab2-title h3{
		text-align: center;
	}
	.about2 .ab2-section .ab2-left-section .ab2-content .ab2-button{
		text-align: center;
	}
	.about2 .ab2-section .ab2-left-section .ab2-content .ab2-social{
		text-align: center;
	}
	.about2 .ab2-section .ab2-image-section{
		width: 100%;
		display: block;
		margin: 50px auto;
	}
	.about2 .ab2-section .ab2-image-section img{
		height: 100%;
		width: 100%;
	}
}