body {margin: 0; padding: 0; overflow-y: auto; overflow-x: hidden;}
header{padding: 10px;}
.logo img{width:350px;}
.icon{display: flex; grid-column-gap: 15px;}
.centre{display: grid; height: 100%; align-content: center;}
.fa-brands{margin: 0 10px; font-size: 20px;}
.fa-phone{font-size: 30px; color: blue;}
.icon_cen h3{font-size: 18px;}
.fa-envelope{font-size: 30px;color: blue;}
nav{background-color: #79c350;position: sticky; top: 0; z-index: 999;}
.menu{float: left; width: max-content;}
.menu ul{list-style: none;margin:0; padding: 0;}
.menu ul li{ position: relative; display: inline-block; margin:0; padding: 0;}
.menu ul li a{display: block; padding: 20px 10px; color: #fff; text-decoration: none; text-transform: capitalize;}
.donate_btn a{color: #fff; text-decoration: none;}
.do_btn{padding: 10px 30px; background-color: #ffbf42;}
.donate_btn{display:grid; height: 100%; align-content: center; width: max-content;}
.toogleNav{display: none; color: #fff;}
.menu ul li .sub_menu{ border-bottom: 2px solid #00c5ad; position: absolute; padding: 0; margin: 0; background-color: #fff; top: 50px; left: 0; width: max-content; visibility: hidden; opacity: 0; transition: all 0.7s; z-index: 999;}
.menu ul li .sub_menu li{display: block;}
.menu ul li .sub_menu li a{padding: 10px; color: #333; font-size: 13px;} 
.menu ul li .sub_menu li a:hover{color: #00c5ad; transition: all 500ms ease;}
.menu ul li:hover .sub_menu{ visibility: visible; opacity: 1; top:100%;}


/*...............home.............*/
.carousel-item{position: relative; width: 100%; height: 550px;}
.carousel-item img{position: absolute; width: 100%; height: 100%; object-fit: cover;}
.prod_btn2{width: max-content; background-color: #ffbf42; color: #fff; padding: 10px 30px; margin: auto;}
.carousel-control-next, .carousel-control-prev {width: 30px;}

/*...............about.............*/
.about_cen h3{font-weight: bold;}
.about_cen p{font-size: 20px; color: #958c8c;}
.rd_btn{ color: #79c350;}
.about_cen a{text-decoration: none;}


/*...............artical.............*/
.artical{background-color: #fcfcfc;;}


/*...............gallery.............*/
.main_box{margin-bottom: 50px;}
.gallery_cen h3{font-weight: bold; margin-top:12px; font-size: 25px;}
.gallery_img img{width: 100%;opacity: 0.8; border-bottom-left-radius: 25px;border-top-right-radius: 25px;}
.gallery_img img:hover {opacity: 1.0; cursor: pointer;}


/*...................sec_footer............*/
footer{background-color: #60bc01; padding: 50px 0;}
.sec_cen h3{color: #fff;font-style:italic;}
.sec_cen p{color: #fff; font-size:15px;}
.details .fas{font-size: 20px;}

.details .fa-envelope{color: #fff;}
.details .fa-phone{color: #fff;}

.footer_information h3{color: #fff; font-style: italic;}
.footer_information a{color: #fff;}

.services_content h3{color: #ffff; font-style: italic;}
.services_content ul{list-style: none; margin: 0; padding: 0;}
.services_content ul li a{color: #fff; text-decoration: none;}


/*...................about_page............*/
.ab_list ul {padding: 0 20px;}
/*...................objectives............*/
.obj_cen ol{padding: 0 20px;}
.obj_cen ol li{font-size: 20px; margin-bottom: 25px;}

.miss_cen{display: grid; height: 100%; align-content: center;}
.miss_cen ul li{font-size: 20px;}
.vis_cen{display: grid; height: 100%; align-content: center;}
.vis_cen p{font-size: 20px;}

/*...................contact_page............*/
.ab_list ul {padding: 0 20px;}
.form{background-color: #eef5f8; padding: 20px;}
.form_group{margin-bottom: 15px;}
.form_group input{width: 100%; height:60px; padding: 10px; border-radius: 4px; border:none;}
.form_group textarea{width: 100%; height: 200px; padding: 10px;}
.form_btn button{background-color: #ffbf42; padding: 10px 30px; color: #fff; border:none;}
.map iframe{width: 100%;}

/*...................Reports_services............*/
.Reports_banner{position: relative; /*background-color: red;*/ width: 100%; height: 400px;}
.Reports_img img{width: 100%; height: 100%; position: absolute; background-position: center; background-size: cover;}
.Reports_con{ background-size: cover; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: grid; align-items: center; align-content: center; text-align:center;background-color: #33333350;}
.Reports_con h3{font-size: 80px; color: #fff; font-weight: 800;}


/*...................Get_services............*/
.Get_banner{position: relative; /*background-color: red;*/ width: 100%; height: 400px;}
.Get_img img{width: 100%; height: 100%; position: absolute; background-position: center; background-size: cover;}
.Get_con{ background-size: cover; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: grid; align-items: center; align-content: center; text-align:center;background-color: #33333350;}
.Get_con h3{font-size: 80px; color: #fff; font-weight: 800;}






@media only screen and (max-width: 991px){ /* md-size */
	.miss_img{margin-bottom: 50px;}
	.vis_cen{margin-bottom: 50px;}
 
}


@media only screen and (max-width: 767px){ /* sm-size */
	.donate_btn{display: none;}
	header{text-align: center;}
	.menu ul li .sub_menu{position: relative; width: 100%; visibility: visible; opacity: 1; top:0;}
	.menu ul li{display: block;}
  	.menu ul li a{padding:10px; color: #fff;}
  	.toogleNav{display: block; float: right; padding: 12px; font-size: 30px;}
  	.menu{ position: fixed; left: -100%; top: 0; width: 80%; height: 100%; overflow-y: auto; background-color: #338605; transition: all 0.5s; z-index:999;}
  	.menu_open{left: 0;}
}


@media only screen and (max-width: 576px){ /* xs-size */
	.icon{justify-content: center; margin: 10px 0;}
	.form{margin-bottom: 50px;}
	.artical_img{margin-bottom: 50px;}
	.ab_img{margin-bottom: 50px;}
	.obj_img{margin-bottom: 50px;}
	.left_div{margin-bottom: 50px;}
	.right_div{margin-bottom: 50px;}
}