body
{
	margin: 0; 
	padding: 0; 
	overflow-y: auto; 
	overflow-x: hidden;
	font-family: "Helvetica Neue", Helvetica, Arial, 
	sans-serif;
	font-size: 14px;
	color: #333;
}

.all_padding{padding: 45px 0;}
.wight_clr{color: #fff;}
.top_heading{font-size: 30px !important; font-family: "Anton", sans-serif;}

.con_btn1{background-image: linear-gradient(317deg, #ffffff 0%, #ed541f 50%);font-weight: 500;padding: 8px 20px; border-radius: 4px;color: #fff; margin: 0px 0px 0px 5px;text-shadow: rgba(0, 0, 0, 0.5) 2px 1px 2px; text-decoration: none !important;}

.con_btn1:hover{transition: 0.7s;color: #fff;background-color: #222533;}
.con_btn2{background-image: linear-gradient(317deg, #ffffff 0%, #ed541f 50%);font-weight: 600;padding: 9px 15px; border-radius: 4px;color: #fff; text-decoration: none !important; font-size: 13px;}
.con_btn2:hover{transition: 0.7s;color: #fff;background-color: #222533;}
.con_btn1{position: absolute;}






header{background-image: linear-gradient(317deg, #ffffff 0%, #ff8053 50%); padding: 10px 0;}
.con_icon a{color: #000; text-decoration: none;}
.hed_icon{font-size: 15px; color: #000;}
.i_clr a{color: #fff;}


.main_nav{display: flex; justify-content: space-between;}


.logo{width: 150px;height: 70px; padding: 5px;}
.logo img{width: 100%; height: 100%; object-fit: contain;}


nav{height: 70px; position: sticky; top: -1px; z-index: 999;box-shadow: 1px 1px 10px 0px #00000030; background-color: #fff;}
.nav_menu{width: calc(100% - 150px);display:flex; justify-content: flex-end;}
.nav_menu ul{list-style: none; margin: 0; padding: 0;}
.nav_menu ul li{display: inline-block; margin: 0 5px; padding: 0px; position: relative;line-height: 70px;}
.nav_menu ul li a{display: block; color: #333; font-size: 15px; text-transform: capitalize; padding: 0 7px; text-decoration: none;}
.nav_menu ul li a:hover{color:#ed541f; cursor: pointer;}
.nav_menu .acctive {color: #ed541f;}

.nav_menu ul li .sub_menu{position: absolute; background-color: #eee; top:100%; left: 0; width: max-content; opacity:0; visibility: hidden; z-index: 999; transition: all 0.4s;}
.nav_menu ul li .sub_menu li{display: block;line-height: 35px; border-bottom: 1px solid #fff; margin: 0;}
.nav_menu ul li .sub_menu li a:hover{background-color: #ed541f; color: #fff;}
.nav_menu ul li:hover .sub_menu{opacity: 1; visibility: visible; display: block;}









/*...............home.............*/
.carousel-item{position: relative; width: 100%; height: 600px;}
.carousel-item img{position: absolute; width: 100%; height: 100%; object-fit: cover;}
.carousel_con{position: absolute; top: 0; bottom: 0; left: 10%; right: 0; display: grid; align-content: center; line-height: 20px; z-index: 1;}
.carousel_con2{position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: grid; align-content: center; opacity: 1.0;	background-color: rgba(0, 0, 0, 0.5);}
.carousel_con h1{line-height: 40px; font-weight: 500; font-size: 60px; color:#ed541f;text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px;font-family: "Anton", sans-serif;}
.carousel_con h1 span{color: #fff;}
.carousel_con h2{font-size: 36px; font-weight: 500; color: #fff;text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px;font-family: "Anton", sans-serif;}
.carousel_con p{width: 60%; color: #fff;}
.carousel_btn{background-color:#fecc10; font-weight: bold; border:none; color: #000; padding: 5px 15px;}
.carousel-control-next, .carousel-control-prev {width: 80px;}
.carousel_btn:hover{background-color:#222533;transition: 0.5s; color: #fff;}
.edit_para{font-size: 30px;text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px;}
/*...............home-end.............*/





/*...............about.............*/
.about{ background-color: #f04a12; position: relative; z-index: 1; padding: 10px;}
.about:after{content: ""; top: 0; bottom: 0; left: 0; right: 0;background-size: cover; background-image: url('../images/archtc.png');z-index: -1; position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;}
.right_dev{display: grid; height: 100%; align-content: center;}
.lef_cen h2{ font-size: 25px; font-weight: 999; font-weight: 50; line-height: 10px; color: #fff;}
.rig_cen a {text-decoration: none;}
.con_btn{background-color: #222533;	font-weight: 500;padding: 9px 15px; border-radius: 4px;color: #fff;text-shadow: rgba(0, 0, 0, 0.5) 2px 1px 2px; text-decoration: none !important;}
.con_btn:hover{transition: 0.7s; color: #fecc10;}
/*...............about-end.............*/



/*...............services.............*/
.ser_cen h2{font-weight: 50;}
.ser_cen p{font-size: 15px;}
.ser_img img{height: 300px;}
.ser_btn a{text-decoration: none;}
/*...............services-end.............*/




/*...............gallery.............*/
.gallery_img img{height: 80px; width: 80px; border: 3px solid #ed541f; border-radius: 50%; margin-bottom: 10px;}
.gallery_cen h6{font-size: 12px; color: #ed541f;}
.gallery_cen p{font-size: 14px;}
.title{text-align: center; margin-bottom: 50px;}
.title h2{font-weight: 50;}
.gallery{background-color: #f2f2f2; padding: 50px 300px;}
.con_btn3{background-color: #fecc10; font-weight: bold; padding: 10px 15px; border-radius: 5px; color: #000;}
.con_btn3:hover{transition: 0.7s; color: #fff; background-color: #222533;}
.gl_btn{text-align: center; margin: auto; margin-top: 50px;}
.gl_btn a{text-decoration: none;}
/*...............gallery-end.............*/




/*...............articale.............*/
.main_box{width: 100%; height: auto;}
.prod_btn{background-color: #fecc10; font-weight: bold; padding: 10px 15px; border-radius: 5px; color: #000;}
.prod_btn:hover{transition: 0.7s; color: #fff; background-color: #222533;}
.prod_img img{height: 250px; width: 100%}
.art_title{text-align: center;}
.art_title h2{font-weight: 50;}
.pro_buton a{text-decoration: none;}
/*...............articale-end.............*/




/*...............project.............*/
.project{ background-color: #ed541f; position: relative; z-index: 1; padding:40px;}
.project:after{content: ""; top: 0; bottom: 0; left: 0; right: 0;background-size: cover; background-image: url('../images/brick2.png'); opacity: 0.1; z-index: -1; position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;}
.project_img img{height: 100%; width: 100%;}
.project_img{margin: 20px;}
.project_title{text-align: center;}
.project_title h2 span{color: #fff;}
.project_title h2{font-weight: 50;}
.project_btn{margin: auto;}
.pro_btn{background-color:  #222533; font-weight: bold; padding: 10px 15px; border-radius: 5px; color: #fff;}
.pro_btn:hover{transition: 0.7s; color: #fecc10;}
.project_btn a{text-decoration: none;}
/*...............project-end.............*/




/*...............maper.............*/
.map_banner{width: 100%; height: 400px;position: relative;}
.map iframe{position: absolute; width: 100%; height: 100%;}
.main_box2{margin-top: -223px;}
.form_box{background-color: #f2f2f2;}
.main_box2{background-color: #fff; width: 100%; height: auto;box-shadow: 1px 1px 10px 1px rgb(51 51 51 / 10%);}
.form_group{margin-bottom: 20px;}
.main_box2 h2 span{color:#ed541f;}
.form_group input{width: 100%;background-color: #f2f2f2;}
.form_group textarea {width: 100%; height: 250px; background-color: #f2f2f2;}
.for_btn{font-weight: 800;}
.for_btn:hover{transition: 0.7s; color: #fecc10; color: #fff; background-color: #222533;}
.form a{text-decoration: none;}
.info{border:1px solid #000;border-style: dashed; width: 50px; height: 50px; margin: auto;}
.info .fa{font-size: 29px;margin-top: 5px; padding: 4px; color: #ed541f}
.info_cen{margin-top: 20px;}
.info_cen h6{color:#ed541f;}
.info_cen a{color: #000; text-decoration: none;}
.mail_icon {color: #337ab7;}
/*...............maper-end.............*/




/*...............footer.............*/
footer{ background-color: #fef1d5;position: relative; z-index: 1; padding:80px;}
footer:after{content: ""; top: 0; bottom: 0; left: 0; right: 0;background-size: cover; background-image: url('../images/world-map.png'); opacity: 0.9; z-index: -1; position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;}
.ft_logo img{width: 500px;/*filter:  brightness(0) invert(1);*/}
.ft_logo{display: grid; height: 100%; align-content: center;}
.ab_cen h3{color: #000; font-style: italic; font-size: 25px;}
.ab_cen h3 span{color: #f04a12;}
.ab_cen p{color: #000; font-size: 12px;}
.use_link h3{color: #000;font-style: italic;font-size: 25px;}
.use_link h3 span{color: #f04a12;}
.use_link ul{list-style: none; margin:0; padding: 0;}
.use_link ul li{margin:0; padding: 0;}
.use_link ul li a{display: block; color: #000; text-decoration: none;}
.ad_ress h3{color: #000;font-style: italic;font-size: 25px;}
.ad_ress h3 span{color: #f04a12;}
.ad_ress p{color: #000; font-size: 12px;}
.ad_ress p span{color: #fecc10;}
.use_link ul li a:hover{color: #f04a12;}
.ab_icon .fa{color: #000; font-size: 14px;}
.ad_ress span{color: #f04a12; font-style: italic;}
.footer_bottom 
{
  padding: 10px 15px;
  text-align: center;
  background-color: #292929;
  color: #fff;
}
.footer_bottom p {font-size: 11px;}
.footer_bottom a{color: #f04a12;}
/*...............footer-end.............*/








/*//................OTHER_PAGE_STAR..........................................................//*/


/*...............all_pageBanner page.............*/
.ab_banner{width: 100%; height: 300px; background-color: #eee; position: relative;}
.al_img img{position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.banner_con{position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center;  display: grid; align-content: center; background-image: linear-gradient(302deg, #ffffff00 0%, #fffefe 100%);}
.banner_con h3{color: #ed541f; font-weight: 900; font-size: 40px;text-shadow: 2px 2px #ffffff; text-transform: uppercase;}

/*.all_pageBanner{ background-color: #fafbfa;padding: 70px; background-size: cover; background-image: url('../images/archtc.png'); height: 300px;}
.banner_con h3{color: #dc2925; font-weight: 900; font-size: 40px;text-shadow: 2px 2px #6a6a6a; text-transform: uppercase;}
.banner_con{position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: grid; align-content: center; text-align:center;}*/
/*...............all_pageBanner-end page.............*/

.mis_vis{padding: 5px; background-color: #fff}



/*...............Our Projects page.............*/
.project_box{width: 100%; height:auto;background-color: #ed541f;}
.completed_project_tex h2{color: #fff; font-size: 18px !important; padding: 20px 10px; text-align:center;}
/*...............Our Projects-end page.............*/



/*...............respected_clients-end page.............*/
.respected_clients_list{width: 100%; height: auto;}
.respected_clients_list ul{list-style: none; margin: 0; padding: 0;}
.respected_clients_list ul li{display: inline-block; padding:10px 10px; margin: 5px;font-size: 13px; border-radius: 5px; font-weight:700;}
.respected_clients_img{width: 100%; height: 100%; border-radius: 9px;}
.respected_clients_img img{width: 100%; height: 100%; object-fit:cover;border-radius: 5px;}

.cl_or_1{background-color: #f04a12;color: #fff;}
.cl_or_2{background-color: #fef1d5; color: #000;}
/*...............respected_clients-end page.............*/



/*...............services page.............*/
.services_page{background-color: #f2f2f2;}
.botom_flex{display: flex; width: 100%; grid-gap:5px;}
.chk_icon{width: 16px; height: 18px; object-fit: contain;}
.work_para{font-size: 25px; font-weight: 700;}
/*...............services-end page.............*/



/*...............contact page.............*/
.form_group2{margin-bottom: 30px;}
.sub_btn{border:none;}
.contact-address a{text-decoration: none; color:  #222533;}
.contact-address a:hover{color: #fecc10;}
.text_stle h2{font-weight: 900; color:#000;}
.text_icon{height: 38px;width: 38px;line-height: 37px;border: 1px solid #222533;border-radius: 50%;display: inline-block;text-align: center;color: #222533;font-size: 21px;background: #fff;}
.text_icon .fa{color: #000; font-size: 22px;}
.text_icon:hover{background-color: #f04a12; border:none;}
.text_icon:hover .fa{color: #fff;}
.text_stle{margin-left: 100px;}
.map_banner2{width: 100%; height: 350px;position: relative;}
.map2 iframe{position: absolute; width: 100%; height: 100%;}
/*...............contact page-end.............*/


/*//................OTHER_PAGE_END..........................................................//*/

#check{display:none;}
.check_btn{float: right; line-height: 60px; font-size: 30px; float: right; line-height: 70px; display: none;}







@media only screen and (max-width: 991px){
	.menu ul li a {display: block;font-size: 12px;}
}


@media only screen and (max-width: 767px){
	.gallery{background-color: #f2f2f2; padding: 50px 0px;}
	.ft_logo img{width: 150px; margin:auto; margin-bottom: 50px;}
	.about_con{text-align: center; margin-bottom: 50px;}
	.use_link{text-align: center;margin-bottom: 50px;}
	.ad_ress{text-align: center;}


	.check_btn{display: block;}
  .nav_menu{position: fixed; display: block; width: 100%; height: 100%; left: -100%; background-image: linear-gradient(135deg, #27282A 0%, #010101 100%); z-index: 999; top: 70px; transition: all 0.5s;}
  #check:checked ~ .nav_menu{left: 0;}
  .nav_menu ul li{display: block; line-height: 40px; border-bottom: 1px solid #3b3232; text-align: center;}
  .nav_menu ul li a{color: #fff;}
  header{display: none;}

  .nav_menu ul li .sub_menu{position: inherit; top: 0; width: 100%; opacity: 1; visibility: visible; display: none;box-shadow:none; background-color: transparent;}
	.nav_menu ul li .sub_menu li{border:none; text-align: center;}
	
}

@media only screen and (max-width: 576px){
	.carousel_con h1 {font-size: 39px;}
	.carousel_con h2 {font-size: 36px;}
	.carousel_con {position: absolute;top: 0;bottom: 0;left: 19%; right: 0%; display: grid;align-content: center;}
	.carousel_btn {margin-top: 16px;}
	.rig_cen{margin-bottom: 20px;}
	.pro_buton{margin-bottom: 30px;}
	.project{padding: 40px 0px;}
	.project_title h2 {font-weight: 900;font-size: 23px;}
	.main_box2 h2{font-size: 27px;}
	
	.banner_con h3 {font-size: 35px;}
	.text_stle h2 {font-size: 30px;margin-top: 50px;}
	.text_stle {margin-left: 0px;}
	.contact_con h3 {font-size: 28px;}
}