*{

    margin: 0;

    padding:0 ;

    box-sizing: border-box;

    font-family: "Open Sans",sans-serif;

}

header{

    width: 100%;

    height: auto;

    background-color: whitesmoke;

    position: fixed;

    z-index: 999999;

}



/*navbar part1*/



.navber1{

    /* background-color: #F48C13; */

    background-color: #0C3170;

    height: 40px;

    display: flex;

    justify-content: space-between; 

	transform: skewX(50deg);

	width: 92%;

	right: 0;

	position: absolute;

	margin-right: -40px;

	

}

.top_navbar_area{

    width: 36%;

    height: auto;

    border: none;

}

.top_adress{

    display: flex;

    padding: 0px 10px 10px 20px;    

}

.email_top{

    display: flex;

    color: #fff;

    margin: 10px;

}

.email_top p{

    font-size: 14px;

	transform: skewX(-50deg);

}

.email_top i{

    font-size: 14px;

    padding: 2px 5px 0px 0px;

    color: #F48C13;

	transform: skewX(-50deg);

}



.top_confarance_btn{

    text-align: center;

	justify-content: center;

    padding: 10px 10px 10px 30px;

	transform: skewX(-50deg);

	margin: 0px 0px 0px 50px;

	

}

.top_confarance_btn a{

	text-decoration: none;

	transform: skewX(-50deg);

}

.top_confarance_btn p{

	text-decoration: none;

	font-weight: bolder;

    color: #fff;

    animation-duration: 3s; 

	animation-name: pulse;

	animation-iteration-count: infinite;

	transform: skewX(-50deg);



}

@keyframes pulse {

	0% {

	  transform: scale3d(1, 1, 1);

	}

	50%{

	  transform: scale3d(1.1, 1.1, 1.1);

	}

	100% {

	  transform: scale3d(1, 1, 1);

	}

}



.top_account_btn{

	cursor: pointer;

	padding: 5px 0px 0px 0px;

	transform: skewX(-50deg);





}

.account_division{

	margin: 0px 0px 0px 32%;

}

.top_account_btn i{

	padding: 0px 10px 0px 10px;

}



.account_main{

	color: #fff;

	padding: 5px 15px 10px 15px;

    

}

.top2{

	display: none;

}

.login_link{

	display: none;

	margin-top: 0px;

	padding-top: 0px;

}

.login_bar{

	

	position: absolute;

}

.login_link li{

	list-style: none;

	padding: 5px 10px 5px 10px;	

	background-color: #0C3170;

	margin-left: 15px;

	transition: 0.1s;

	display: flex;

	

	

}

.login_link li i{

	color: #fff;

	font-size: 15px;

	width: 30px;

}

.login_link li:hover{

	background: #f48b13;

}

.login_link li a{

	text-decoration: none;

	color: #fff;

	padding: 0;

	margin: 0;

	font-size: 15px;

} 

/*toggole Button*/

.toggole{

	display: none;

}



/*navbar part2*/

.logo_main{

	padding: 0px 0px 0px 50px;

	display: flex;

}

.logo_main .logo_image1{

	width: 100px;

	margin-top: -35px;

}

.logo_main .logo_image2{

	width: 300px;

	padding: 0px 0px 0px 18px;



}

.navbar3{

	display: none;

}





.navbar2{

	display: flex;

	justify-content: space-between;

	margin-top: 42px;

	

}

.navbar ul{

	list-style: none;

	display: flex;

	padding: 5px 42px 0px 0px;

	align-items: center;



}

.navbar ul li{

	padding: 20px 0px 10px 0px;

}

.navbar ul li a{

	text-decoration: none;

	padding: 0px;

	color: #0f3475;

	font-weight: bold;	

}

.navbar ul li a:hover{

	color: #86194D;

	transition: 0.3s;

	border-radius: 5px;

	padding: 25px 0px 25px 0px;



}



.navbar ul li:hover .dropdown_menu{

	display: block;

	background-color: #014EA3;

  }

  .dropdown_menu{

	display: none;

	position: absolute;

	background-color: #014EA3;



	z-index: 99999999;

	color: #fff;

  }

  .dropdown_menu ul{

	display: block;



  }

.dropdown_menu a{

	text-decoration: none;

	color: #014EA3 !important;



}

.dropdown_menu ul{

	display: block;

}

.dropdown_menu ul li{

	width: 320px;

	padding: 10px 10px 10px 10px;

	color: #0f3475;

	border-bottom: 1px solid #e27d0a;

	margin-right: -90px;



}

.dropdown_menu ul li:hover{

	background-color: #a7a7a7;

	color:#86194D ;



}



  .fa-caret-down{

	padding-left: 5px;

  }

.login_bar a{

	text-decoration: none;

	color: #fff;



}



/*start main page section*/

.main_page{

	width: 100%;

	height: auto;

	padding: 70px 0px 0px 0px;

	background-image: url("image/page01.jpg");

	background-repeat: no-repeat;

	background-position: center;

	background-attachment: fixed;

	background-size: cover;

}





.main_page{

	overflow: hidden;

	padding-top: 110px;

}





.main_page  figure{



	position: relative;

	width: 500%;

	margin: 0;

	left: 0;

	animation: 20s slider infinite;

}



.main_page  figure img{

	float: left;

	width: 20%;

}



@keyframes slider{

	0%{

		left: 0;

	}

	20%{

		left: 0;

	}

	25%{

		left: -100%;

	}

	45%{

		left: -100%;

	}

	50%{

		left: -200%;

	}

	70%{

		left: -200%;

	}

	75%{

		left: -300%;

	}

	95%{

		left: -300%;

	}

	100%{

		left: -400;

	}

	

}



/* start Confarance Section*/

.conversation{

	width: 100%;

	height: auto;

	background-color: whitesmoke;



}

.conversation_point{

	display: flex;

	justify-content: center;

	margin-top: -50px;

	

}

.link_pdf{

	padding: 15px 20px 30px 20px;

}



.link_pdf img{

	width: 175px;

	height: 170px;

}

.convarsation_box{

	background-color: #2F3967;

	height: 270px;

	width: 350px;

	z-index: 99;

}

.conv_register{

	border-top-left-radius: 5px;

	border-bottom-left-radius: 5px;



}

.conv_contact{

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;



}

.conv_main{

	background: #c21e1e;

	height: auto;

	width: 400px;

	margin-top: -25px;

	z-index: 999;

	border-radius: 5px;

	color: white;

	justify-content: center;

	text-align: center;



}

.date_meeting{

	text-align: center;

	margin: 10px;

	padding: 5px;

	color: #fff;

	font-size: 20px;

	font-weight: bold;

}

.conv_main button{

	width: 150px;

	height: 40px;

	background-color: #f48b13;

	color: #fff;

	border: none;

	border-radius: 5px;

	cursor: pointer;

	font-size: 20px;

	padding: 0px 10px 0px 10px;

	margin: auto;

}

.conv_main button:hover{

	background-color: #103271;

	transition: all ease 0.3s;

}

.conv_main p{

	text-align: center;

	color: #fff;

	padding: 2px;

}

.conv_main p a{

	color: #f48b13;

	font-weight: bold;

}

.link_pdf{

	padding: 15px 20px 30px 20px;

}

.pdf_link a{

	text-decoration: none;

	cursor: pointer;

	color: #fff !important;

	margin: 20px 0px 0px 0px;

}

.pdf_link a:hover{

	color: #f48b13 !important; 

}

.conv_register{

	margin-left: -15px;

}

.conv_contact{

	margin-right: -10px;



}

.convarsation_box h1{

	color: #fff;

	text-align: center;

	padding: 20px 10px 20px 10px;

	font-weight: bold;

}

.contact_address{

	padding: 35px 10px 10px 10px;

}



.contact_address div{

	display: flex;

	padding: 5px 10px 5px 10px;

	color: #fff;

}

.contact_address div p{

	padding: 0px 10px 0px 10px;

}

.meeting_image{

	margin: -90px -0px -0px 210px;

}

.meeting_image img{

	width: 100px;

}



/*OUR CORE AREAS OF FOCUS */

.core_area{

	width: 100%;

	height: auto;

	background-color: whitesmoke;

}

.core_top{

	text-align: center;

	padding: 20px;

}

.core_top h1{

	color: #0C3170;

	padding: 5px;

}

.core_top p{

	color: #333;

	padding: 0px 40px 0px 40px;

}

.core_main_box{

	display: flex;

	justify-content: center;

}

.core_box{

	width: 25%;

	height: auto;

	justify-content: center;

	box-shadow: 1px 1px 1px 1px #666;

	padding: 5px;

	margin: 10px;

	border-radius: 5px;

	background-color: #fff;

	

}

.core_box img{

	width: 150px;

	height: auto;

	padding: 10px;

	margin: auto;

	display: block;



}

.core_box h2{

	text-align: center;

	padding: 5px;



}

.core_box h2 a{

	text-decoration: none;

	color: #0C3170;

}

.core_box p{

	text-align: justify;

	padding: 5px;

}

.core_box p span{

	text-align: right;

}

.core_box p span a{

	text-align: right;

	color: #f48b13;

	text-decoration: none;

	margin-top: 10px;

}

/*OUR SERVICE PROJECTS */



.OUR_SERVICE{

	width: 100%;

	height: auto;

}

.service_header{

	text-align: center;

	padding: 20px;

}

.service_header h1{

	color: #0C3170;

	padding: 5px;

}

.service_header p{

	color: #333;

	padding: 0px 40px 0px 40px;

}

.service_top h2{

	text-align: center;

	font-weight: normal;

	color: #f48b13;

	padding: 0px 0px 10px 0px;

}

.service_box{

	display: flex;

	justify-content: center;

}

.ser_box{

	width: 22%;

	height: auto;

	border: 1px solid initial;

	justify-content: center;

	box-shadow: 1px 1px 1px 2px #ebeaea;

	border-radius: 5px;

	margin: 5px;

}

.ser_box img{

	width: 99%;

	height: auto;

	border-radius: 2px;

	margin: auto;

	display: block;

	transition: transform .5s ease;



}

.ser_box h3{

	text-align: center;

	font-size: 18px;

	padding: 5px;

	color: #0C3170;

	height: 68px;

	

	

}

.ser_box p{

	text-align: justify;

	padding: 5px 5px 10px 5px;

	width: 100%;

	height: 70px;



}

.text_box_line{

	margin-bottom: 20px;

	margin-top: -20px;



}

.btn_veiw a{

	text-decoration: none;

	

}

.btn_veiw a button{

	margin: auto;

	display: block;

	width: 120px;

	height: 40px;

	border-radius: 5px;

	background-color: white;

	border: 1px solid black;

	cursor: pointer;

	transition: 0.3s;

	

}

.btn_all a button:hover{

	background-color: #3161b4 !important;

	border: none;

	color: #fff;



}

.btn_veiw{

	width: 100%;

	height: 80px;

	padding: 10px;

}

.ser_box:hover button{

	background-color: #f48b13;

	border: none;

	color: #fff;



}

.ser_box:hover img{

	transform: scale(0.98);



}

.all_btn{

	width: 18%;

	height: 350px;

	align-items: center;

	text-align: center;



}

.all_btn button{

	width: 100%;

	height: auto;

	padding: 10px;

	position: static;

	bottom: 0;



}

/*Happy Donate Section*/

.happy_donate{

	width: 100%;

	height: auto;

	background-color: #333;

	padding: 10px;

}

.donate_top{

	text-align: center;

	color: #eeeeee;

	padding: 20px;

}

.donate_top h1{

	font-size: 35px;

}

.company_logo{

	height: auto;

	justify-content: center;

	margin: auto;

	

}

.Donate_box{

	width: 90%;

	height: auto;

	justify-content: center;

	background-color: #333;

	margin: auto;

	overflow: hidden;

	border-radius: 5px;

}

.Donate_image_area{

	width: calc(100px * 100);

	display: flex;

	justify-content: center;

	

}

.Donate_image_area:hover img{

	animation-play-state: paused;

}



.Donate_image_area img{

	width: 250px;

	height: auto;	

	margin: 10px;

	border-radius: 5px;

	animation: 60s autoscroll infinite linear;

	cursor: pointer;

}

@keyframes autoscroll {

	0%{

		transform: translateX(0);

	}

	100%{

		transform: translateX(calc(-100px * 50));

	}

	

}



/*News And Photo Section*/

.news_photo{

	width: 100%;

	height: auto;

}

.news_headar{

	text-align: center;

	padding: 10px;

	color: #222;

}

.news_area{

	display: flex;

	justify-content: center;

}

.news_section{

	width: 56%;

	height: auto;

	padding: 0px;

}

.gallery_section{

	width: 38%;

}

.box_line{

	display: flex;

	justify-content: center;

}

.newsBox{

	width: 50%;

	height: auto;

	padding: 10px;

	margin: 10px;

	box-shadow: 1px 1px 1px 3px rgb(206, 206, 206);

}

.newsBox img{

	width: 100%;



}



.newsBox h5{

	color: #0f0f0e;

	padding: 10px 0px 10px 0px;

}

.newsBox h5 a{

	text-decoration: none;

	color: #f48b13;

}

.newsBox h5 a:hover{

	text-decoration: underline;

	color: #f48b13;

}

.newsBox p{

	text-align: justify;

	font-size: 15px;

	

	

}

.newsBox p a{

	text-decoration: none;

	color: #c21e1e;

}

.newsBox p span{

	color: #c21e1e;

	cursor: pointer;

	font-weight: bolder;

}



.photo_header{

	text-align: center;

	color: #222;

	padding: 10px;

}

.Photo_area{

	padding: 5px;



}

.photo_line{

	display: flex;

}

.photo_line img{

	width: 50%;

	height: auto;

	margin: 2px;

	cursor: pointer;

	transition: transform .2s;

}

.photo_line img:hover{

	transform: scale(1.03);



}

.photo_btn{

	text-align: center;

	width: 50%;

	height: 250px;

	align-items: center;

	border: 1px solid #666;

	cursor: pointer;

}



.photo_btn button{

	width: 150px;

	height: 150px;

	padding: 10px;

	background-color: white;

	border: 1px solid #666;

	font-size: 18px;

	margin: 20% auto;

	border-radius: 50%;

	transition: all ease 0.3s;



}



.photo_btn:hover button{

	background-color: #0f3475;

	border: none;

	color: #eeeeee;

}

.photo_btn:hover{

	transform: scale(0.98);

	transition: all ease 0.3s;

}

.events{

	width: 100%;

	height: auto;

	box-shadow: 1px 1px 1px 3px #666;

	align-items: center;

}

.events h1{

	text-align: center;

	margin: auto;

	padding: 100px 0px 100px 0px;

	color: #f48b13;



}





/*start Footer Section*/



footer{

	width: 100%;

	height: auto;

	background-color: #f48b13;	

}

.footer_section{

	display: flex;

	justify-content: center;

}

.footer_box{

	width:23%;

	height: auto;

	border: none;



}

.footer_box h2{

	color: #103271;

	padding: 10px 10px 10px 10px;

	font-size: 18px;

}



.about_description p{

	text-align: justify;

	padding: 10px 25px 10px 10px;

	color: #103271;

	font-size: 15px;

}



.about_description p span{

	color: red;

	cursor: pointer;

}

.login_bar i{

	color: #103271;

	padding: 0px 10px 0px 0px;

}

.Fotter_icon i{

	color: #103271;

	padding: 10px;

	margin: 2px;

	background-color: #e27d0a;

	border-radius: 5px;

	transition: 0.3s;

}

.Fotter_icon i:hover{

	background-color: #103271;

	color: #fff;

}

.link_box{

	padding-left: 70px;

}

.link_list ul{

	list-style: none;

}

.link_list ul li{

	padding: 5px 10px 0px 10px;

}

.link_list ul li a{

	text-decoration: none;

	color: #103271;

	font-size: 15px;

	cursor: pointer;

	transition: 0.3s;

	font-weight: bold;

}

.link_list ul li a:hover{

	text-decoration: none;

	color: #fff;

}

.locatoin{

	display: flex;

}

.locatoin i{

	padding: 5px 5px 10px 10px;

	color: #103271;

	font-size: 20px;

}

.locatoin p{

	color: #103271;

	padding: 5px 5px 10px 10px;

	font-size: 15px;

}

/*copyright section*/

.copywrite{

	text-align: center;

	background-color: #103271;

	color: #eeeeee;

	padding: 15px 10px 15px 10px;

	font-size: 15px;



}

/*tbl padding */

thead, td {

	padding: 8px;

}



/*row blink*/

.blink {

	animation: blink-animation 1s infinite;

}



@keyframes blink-animation {

	0% { background-color: #ffffff; }

	50% { background-color: #C9FFE5; }

	100% { background-color: #FDD654; }

}





/*table design*/



#registration_list {

	font-family: Arial, Helvetica, sans-serif;

	border-collapse: collapse;

	width: 100%;

}



#registration_list td, #registration_list th {

	border: 1px solid #ddd;

	padding: 8px;

}



#registration_list tr:nth-child(even){background-color: #f2f2f2;}



#registration_list tr:hover {background-color: #ddd;}



#registration_list th {

	padding-top: 12px;

	padding-bottom: 12px;

	text-align: left;

	background-color: #103271;

	color: white;

}



.last_btn button{

	width: 90px;

	padding: 12px 17px;

	height: 42px;

	background-color: #337AB7 ;

	border: none;

	border-radius: 5px;

	cursor: pointer;

	color: #fff;

	font-size: 15px;

}



.last_btn button:hover{

	background-color: #1e4e79;

}