body {margin: 0; padding: 0; overflow-y: auto; overflow-x: hidden;font-family: "Barlow", serif; font-weight: 400;}
.logo {height: 70px; display: block; float: left;}
.logo img {height: 100%; object-fit: contain; padding: 5px;}
.social_icon {display: flex; flex-wrap: wrap; grid-gap: 12px;}
.social_icon i{color: #3aa291; font-size: 20px; line-height: 60px; margin: 0; transition: all 0.4s;}
.social_icon i:hover{color: #000;}
nav{background-color: #eee; height: 70px;position: sticky; top: -1px; z-index: 999;box-shadow: 1px 1px 10px 0px #00000030; border-bottom: 1px solid #b1fff2;}
.main_nav{display: flex; justify-content: space-between; align-items: center;}
.nav_main{float:right;}
.nav_main ul{list-style: none; margin: 0; padding: 0;}
.nav_main ul li {display: inline-block; margin: 0 15px; padding: 0; position: relative;line-height: 60px;}
.nav_main ul li a{display: block; text-decoration: none; font-size: 15px; color: #000; font-weight: 500; text-transform: capitalize;}
.nav_main ul li a:hover{color:#3aa291; transition: all 0.4s;}
.nav_main .active{color: #3aa291;}


.nav_main ul li .sub_menu{position: absolute; background-color: #fff; top: 150px; left: -150px; width: max-content; box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.05); border-radius: 4px; border-top: 1px solid #b1fff2; opacity: 0; visibility: hidden; z-index: 999; transition: all 0.4s;  overflow: hidden;}
.nav_main ul li .sub_menu li{display: block; line-height:40px; padding: 0 8px; margin: 0px;}
.nav_main ul li .sub_menu li:hover{background-color: #3aa291; transition:  all 0.4s;}
.nav_main ul li .sub_menu li:hover a{color: #fff;}
.nav_main ul li:hover .sub_menu{opacity: 1; visibility: visible; top: 100%; left: 0; display: block;}






.all_padding{padding: 45px 0;}
.top_heading{display: flex; align-items: center; width: 50%;margin-bottom: 10px;}
.big_heading{font-size: 35px;  font-family: "Barlow", serif; font-weight: 700;}
.small_heading{font-size: 18px; font-weight: 600;font-family: "Barlow", serif; font-weight: 500;}
.anor_tg{text-decoration: none; color: #000; font-weight: 600;}
.anor_tg:hover{color: #000;}
.small_para{font-size: 17px; color: #ddd;}
.span_clr span{color: #3aa291;}
.brdr{ position: absolute;left: 50%;transform: translateX(-50%); bottom: 0; width:80px; height: 4px; border-radius: 20px; background-color: #3aa291; display: flex; justify-content: center; margin: 0 auto; margin-top: 20px;}
.button_1{background-color: #3aa291; color: #fff; text-decoration: none; padding: 10px 20px; border-radius: 5px; font-size: 15px; font-weight: 500;}
.button_1:hover{background-color:#000; color: #fff; transition: all 0.4s;}


/*................//home//...................*/
.banner{width: 100%; height: 572px;position: relative;}
.banner_img img{position: absolute; width: 100%; height: 100%; object-fit: cover; object-position:center;}
.banner_cen{z-index: 1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: center;}
.banner_cen h1{font-size: 60px; color: #fff;}
.banner_cen .button_1{width: max-content; margin: 0 auto;}
.banner:after{position: absolute; content:""; width: 100%; height: 100%; background-color: #0000008a;}






/*................//services//...................*/
.services{background-color: #f2f2f2; position: relative; z-index: 1;}
/*.services:after{content: ""; position: absolute;background-image: url(../img/vr-1.png); background-size: contain; opacity:0.1; background-position:left; background-repeat: no-repeat; z-index: -1; top: 0; bottom: 0; left: 0; right: 0;}*/
.service_box{width: 100%; height: auto; background-color: #fff; border-radius: 10px; padding: 5px;box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.05); text-align: center;}
.prod_img{width: 100%; height: 200px; border: 1px solid #eee; border-radius: 10px;}
.prod_img img{width: 100%; height: 100%;border-radius: 10px; object-fit: cover;}
.bg_ch{background-color: #fff;}




/*................//about//...................*/
/*.about{background-color: #ccc;}*/
.about_img{width: 100%; height: 400px; position: relative; border-radius: 10px;border: 3px dashed #fff;}
.about_img img{width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.about_img:after{border-radius: 10px; content: ""; background-color: #3aa291; width: 100%; height: 400px; position: absolute; left: -30px; top: -30px; z-index: -1;}
.about_cen{height: 100%; position: relative; z-index: 1; display: grid; align-content: center;padding: 0 80px;}
.about_cen:after{content: "";position: absolute; background-image: url(../img/map-banner.jpg); height: 100%; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-size: cover; background-position: center; opacity: 0.1;}
.about_cen .button_1{width: max-content;}



/*................//about_page//...................*/
.about_page{background-color:#eee;}
.tools_main{display: flex; background-color: #e4fffb; justify-content: space-between; padding:15px; margin: 0 auto; flex-wrap: wrap;}
.tools_flex{display: flex; grid-gap: 5px;}
.check_icon{width: 20px; height: 20px; margin: 3px 0;}
/* .tool_ad h3{font-size: 21px;} */
.traget_img img{width: 500px; height: 200px; object-fit: contain;}



/*//..........................contact_page.....................//*/
.form_group{margin-bottom: 15px;}
.form_group,input ,textarea{width: 100%; border-radius: 4px; border: none;}
.form_group input{padding: 10px; border: 1px solid #3aa291;}
.form_group textarea{padding: 10px; border: 1px solid #3aa291; height: 150px;}
.form_group button{border: none;}
.form_group .label{font-weight: bold;padding: 8px 0;color: #3aa291;}
/*//..........................contact_page-end.....................//*/






/*................//footer//...................*/
footer{background-color: #eee; padding: 80px 0;}
.ft_menu h3{font-size: 18px; font-style: italic; font-weight: 500;}
.ft_menu ul{list-style: none; margin: 0; padding: 0;}
.ft_menu ul li a{display: block; text-decoration: none; text-transform: capitalize; font-size: 15px; color: #666; line-height: 25px;transition: all 0.4s;}
.ft_menu ul li a:hover{color: #3aa291; letter-spacing: 1px;box-shadow: none;}
.ft_flex{display: flex; grid-gap: 5px; align-content: center;}
.ft_flex a {text-decoration: none; color: #555;}
.footer_bottom{padding: 10px 15px;text-align: center;background-color: #000;color: #fff;font-size: 14px;}
.botom_pra{text-decoration: none; color: #3aa291;}
.botom_pra:hover{color: #3aa291;}
.body_icon{color: #3aa291; font-size: 20px;}
footer .small_para {color: #666 !important; font-size: 15px !important;}



.manit_singh {width: 576px;}

#check{display: none;}
.checkbtn{font-size: 25px; padding-right: 10px; display: none; line-height: 70px;}

.news_logo {width: 150px; height: 100px; padding: 5px 10px; margin: auto; border: 1px solid #aaa; border-radius: 10px; margin-bottom: 10px; display: block;}
.news_logo img {width: 100%; height: 100%; object-fit: contain;}

.text-muted {color: #555 !important; font-weight: 500;}
.fs_20 {font-size: 25px !important;}
.fs_14 {font-size: 14px !important;}
.fw_700 {font-weight: 700;}


@media only screen and (max-width: 991px)
{
	.top_heading{display: flex; align-items: center; width: 100%;margin-bottom: 10px; justify-content: center;}
	.about_cen{padding: 0 30px;}
	.about_cen{height: 100%; position: relative; z-index: 1; display: grid; align-content: center;padding: 0 30px;}
	.about_cen:after{content: "";position: absolute; background-image: url(../img/map-banner.jpg); height: 100%; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-size: cover; background-position: unset; opacity: 0.1;}
	.ft_ad{float: right;}
	.ft_pading{padding: 45px 0;}
	
}


@media only screen and (max-width: 767px)
{
	.service_box{margin: 5px 0;}   
	.about_cen{padding: 0px;}
	.ft_ad{float: left;}
	

	nav .social_icon{display: none;}
	.checkbtn{display: block;}
	.nav_main{position: fixed; background-color: #3aa291; height: 100%; z-index: 999; top: 70px; left: -100%; width: 100%; transition: all 0.4s;}
	.nav_main ul {padding: 5px 0;}
	.nav_main ul li{display: block; line-height: 30px; margin: 0;}
	.nav_main ul li a {color: #fff; padding: 8px 15px; border-bottom: 1px solid #ffffff2d;}
	.nav_main ul li:last-child a {border-bottom: none;}
	.nav_main ul li .sub_menu li a{color: #000;}
	#check:checked ~ .nav_main {left: 0;}
	.nav_main ul li .sub_menu{position: inherit; top: 0; width: max-content; opacity: 1; visibility: visible; display: none;box-shadow:none;}
	.nav_main .active{color: #fff;}
	.nav_main ul li a:hover{color:#000; transition: all 0.4s;}
	.nav_main ul li .sub_menu li:hover{background-color: #000; transition:  all 0.4s;}

}




@media only screen and (max-width: 576px)
{
	.banner_cen h1{font-size: 48px;color: #fff;}
	.manit_singh {width: 90%;}
}

@media only screen and (max-width: 480px)
{
	.banner_cen h1{font-size: 41px;color: #fff;}
	.banner_cen{padding: 10px;}
	.about_cen{margin-top: 10px;}
	.ft_ad{margin-top: 18px;}
}