:root{
	--primary-color:#e74129;
	--secondary-color:#001659;
	--para-color:#53545A;
	--bg-clr:#F9F9F9;
	--exo-font:'Exo2',sans-serif;
	--black-clr:#000;
	--icon-color:#e74129;
	--white-clr:#fff;
}
.txt_clr{
	color: var(--primary-color);
}
.common_bnr_sec{
	min-height: 450px;
	position:relative;
	margin-top:-100px;
	display: block;
	align-items: center;
	background-image: url(../images/page-banner.jpg);
	background-color: var(--primary-color);
	padding: 150px 100px 50px;
	background-position: center;
	background-size: cover;
}
.common_bnr_cnt{
    position:absolute;
    top:50%;
}
.common_bnt_title{
	font-size: 80px;
    line-height: 110%;
    font-weight: 800;
	font-family: var(--exo-font);
	color: var(--white-clr);
	text-transform: uppercase;

}

/*About page CSS Start*/
.abt_sec_grid{
	display: grid;
	grid-template-columns: repeat(2,1fr);
}
.abt_sec_item:nth-child(1){
	background-image: url(../images/about-2.png);
	background-size: 550px;
	background-repeat: no-repeat;
	background-position: left;
	background-attachment: fixed;
}
.abt_sec_item:nth-child(2){
	padding: 75px;
	background-color: #eee;
}

.story_sec{
	background-image: url(../images/pexels-pixabay-259588.jpg);
	background-attachment: fixed;
	padding: 75px 30px;
	background-color: #000000d9;
	background-blend-mode: multiply;
	color: #fff;
	background-size: cover;
	background-position: center;
}
.story_box p{
	text-align: justify;
	letter-spacing: 0.7px;
    line-height: 26px;
}

.our_goal_sec{
	padding: 30px 0;
}
.goal_grid{
	display: grid;
	grid-template-columns: repeat(3,1fr);
}
.goal_item{
	padding: 30px;
}
.goal_item:not(:last-child){
	border-right: 1px solid #eee;
}
.goal_icn i{
	font-size: 60px;
	color: var(--icon-color);
	margin-bottom: 10px;
	min-height: 100px;
}
.goal_title{
	font-family: var(--exo-font);
	font-weight: 600;
	color: var(--secondary-color);
}
.goal_para{
	font-size:15px;
	color: var(--grey-color);
}
#more {display: none;}
#myBtn{
	background-color: transparent;
	color: var(--primary-color);
	border:none;
}
#myBtn i{
	transition: all 0.5s linear;
}
#myBtn:hover i{
	margin-left: 5px;
	transition: all 0.5s linear;
}

/*About Page CSS End Here*/


/*Contact Form Section CSS Start Here*/
.cnt_form_sec{
	background-color: #F9FAFE;
	padding: 0 50px;
}
.cnt_sub_hd{
	font-size:30px;
	margin-bottom: 30px;
	color:var(--secondary-color);	
}
.form_box{
	background-color: #fff;
	padding: 50px;	
}
.contact_form .form-control{
	background: #F8F9FC;
    line-height: 1;
    padding: 30px 40px;
    border: 0px;
}
.contact_form .form-control:focus{
	box-shadow:none;
}
.contact_form ::placeholder{
	font-size:16px;
	color:grey;
}
.contact-info{
  background-color: #fff;
    padding: 40px;
    padding-top: 30px;
}
.contact-info h5{
	font-size: 18px;
	word-break: break-all;
}
.single-info{
    margin-top: 30px;
}
.single-info .icon{
	
    font-size: 42px;
    line-height: 1;
    color: var(--primary-color);
    
}
.submit_btn{
	background-color:var(--primary-color);
    color: #fff;
    font-weight: 700;
    line-height: 1;
    padding: 25px;
    width: 230px;
    border:none;
    margin-top: 20px;	
    text-transform: uppercase;
    font-family: "Exo 2", sans-serif;
    font-size: 14px;
}
.submit_btn:hover{
	background-color:var(--primary-color);
	color:#fff;
}

.input_effect{
	border: 1px solid #ccc; 
	padding: 7px 14px 9px; transition: 0.4s;
}
.input_effect ~ .focus-border:before,
.input_effect ~ .focus-border:after{
	content: ""; 
	position: absolute; 
	top: 0; 
	left: 14px; 
	width: 0; 
	height: 2px; 
	background-color: #fefefe; 
	transition: 0.3s;
}
.input_effect ~ .focus-border:after{
	top: auto; 
	bottom: 0;
	right: 0;
}
.input_effect ~ .focus-border i:before,
.input_effect ~ .focus-border i:after{
	content: ""; 
	position: absolute; 
	top: 0; 
	left: 14px; 
	width: 2px; 
	height: 0; 
	background-color: #fefefe; 
	transition: 0.4s;
}
.input_effect ~ .focus-border i:after{
	left: auto; 
	right: 14px; 
	top: auto; 
	bottom: 0;
	
}
.input_effect:focus ~ .focus-border:before,
.input_effect:focus ~ .focus-border:after{
	width: 91%; 
	transition: 0.3s;
	
}
.input_effect:focus ~ .focus-border i:before,
.input_effect:focus ~ .focus-border i:after{
	height: 100%; 
	transition: 0.4s;
	
}
.cnt_details_item{
	margin-bottom:20px;
	border:1px solid var(--primary-color);
	display:grid;
	grid-template-columns:1fr 2fr;
	min-height:100px;
	align-items:center;
}
.details_icn{
	text-align:center;
}
.details_icn i{
	font-size:50px;
	color:var(--primary-color);
}
.details_icn,
.details_cnt{
	padding:20px;
}
.details_title{
	font-size:18px;
	font-family: var(--exo-font);
	text-transform: uppercase;
	font-weight: 600;
}
.details_cnt a{
	color:#000;
}

/*Contact Page CSS End Here*/

/*Projects Section CSS Start Here*/
.projects_sec,.career_sec{
	padding: 75px 30px;
}
.prjct_list{
	list-style: none;
}
.prjct_list li{
	position: relative;
	margin-left: 30px;
	line-height: 30px;
	margin-bottom: 15px;
	letter-spacing: 0.7px;
}
.prjct_list li::before{
	content: "\f192";
	position: absolute;
	color: var(--primary-color);
	font-size: 20px;
	margin-left: -30px;
	font-family: "Font Awesome 5 Pro";
}
.blog_detail_card{
    position:relative;
}
.blog_detail_para{
    text-align:justify;
}
.blog_detail_img{
    margin-bottom:60px;
}
.blog_details_sec{
    background-image:url(../images/7.png);
    padding:75px 50px;
    background-size:cover;
    background-position:center;
    background-attachment: fixed;
}
.blog_detail_card .blog_social{
    margin-top:-85px;
}