@media screen and (min-width: 900px) {
	.topbar-section{
	padding-top: 15px;
	padding-right: 60px;
	position: fixed;z-index: 99; width: 100%;
}
.topbar{
	display: flex;justify-content: right;align-items: center;
	color: #000;
}
.topbar i{
	padding-bottom: 10px;
}
.topbar h6{
	font-size: 11px;
	padding-left: 10px;
	font-weight: 400;

}
.topbar i{
	font-size: 15px;
	padding-top: 3px;
	padding-left: 40px;
	padding-right: 10px;
	font-weight: 600;

}
} 

@media screen and (max-width: 900px) {
	.about-section{
		position:relative;
		overflow:hidden;
		padding:20px 0px 100px;
	}
	.topbar-section{
		padding-top: 0px;
		padding-right: 10px;
		position: fixed;z-index: 99; width: 100%;
	}
	.topbar{
		display: none;
		justify-content: right;
		align-items: center;
		color: #224972;
	}
	.topbar i{
		padding-bottom: 10px;
	}
	.topbar h6{
		font-size: 16px;
		padding-left: 10px;
		font-weight: 400;
	
	}
	.topbar i{
		font-size: 15px;
		padding-left: 40px;
		padding-right: 10px;
		font-weight: 400;
	
	}
	.navbar-brand img{
		width: 70% !important;
		margin-left: 20px !important;
	}
	
	.navbar-section{
		position: fixed;
		width: 100%;
		padding-top: 0px;
		z-index: 50;
		background-color: #224972 !important;
	}
	.container-fluid a{
		width: 80%;
		margin-right: auto;
	}	
	.nav-item a{
		width: 150px;
		margin-left: -50px;
		color: #fff !important;
	}
}
/* navbar start */

.navbar {
	padding-bottom: 0px !important;
	padding-top: 5px;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.navbar-section{
	position: fixed;
	width: 100%;
	z-index: 50;
	background-color: #ffffff !important;
}
.navbar-brand img{
	width: 55%;
	margin-left: 50px;
}

.navbar .navbar-toggler{
	background-color: #019AED;
	color: #224972 !important;
}

.collapse{
	margin-left: auto;
}
 .navbar-nav{
	padding-top: 30px;
	padding-right: 40px;
	gap: 35px;
  font-weight: 600;
  line-height: 15px;
  font-size: 16px;
  color: #224972;
  transition: all 500ms ease;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;

 }
 .nav-link:hover{
	color: #E60C12 !important; ;
 }
 .nav-link{
	font-weight: bold;
    color: #224972 !important;
	align-items: center;
}

.nav-item{
    position:relative;
	margin-left: 0px;
}

.nav-item::after{
  content: "";
  position:absolute;
  width: 100%;       
  height: 5%;
  bottom:0px;left: 0px;
  color: #019AED ;
  background-color: #019AED ; 
  transform:  scalex(0);
  transform-origin: left;
  transition:transform 0.5s ease;
}
.nav-item:hover::after{
  transform:  scalex(1);
  transform-origin: left;
  }
  .dropdown{
	color: #224972;
	border-radius: 10px;
}
.dropdown .dropdown-menu{
	margin-left: -120px;
	background-color: #224972;

}

.submenu-1 {
    display: none; /* Hide submenu by default */
    position: absolute; /* Position submenu absolutely */
    margin-left: 280px;
	margin-top: -40px;
	width: 150px;
	background-color: #224972 !important;
}

.dropdown-1:hover .submenu-1 {
    display: block; /* Display submenu when parent item is hovered */
}
.submenu-1{
	padding-right: 50px;
	width: 180px;

}
.submenu-1 a{
	line-height: 15px;
	padding: 10px;
	margin-top: 0px;
}
.submenu-1 {
	border-radius: 10px;
	padding: 0;
	position: absolute;
}

  .dropdown-menu a{
	font-weight:500;
	line-height: 15px;
	padding: 10px;
	font-size:12.5px;
	text-align: justify;
	color:white;
	transition:all 500ms ease;
  }
  .dropdown-menu i{
	padding-right: 10px;
  }
  .dropdown-menu a:hover 
  {
	  background-color: #019AED;
	  color: white;	 
	  border-bottom-right-radius: 10px;
	  border-bottom-left-radius: 10px;
  }
  .dropdown-menu li{
	border-radius: 10px;
	  padding:0px;margin: 0;border-bottom: 1px solid #019AED ;
  }
  .dropdown-menu {
	border-radius: 10px;
	padding: 0;margin: 0;
	position: relative;
}
@media screen and (max-width: 900px) {
	.links-product-1 ul li{
		margin-left: 0px !important;
	
	}
	.why-chouse-section {
		.sec-title .big-text{
			font-size: 35px !important;
		}
		.col-md-2 .md-card{
			margin-left: 30px;
			width: 300px;
			height: 290px !important;
		}
	}
	.dropdown .dropdown-menu {
		margin-left: -50px;
		background-color: #224972;
		width: 250px;
	}
	.nav-item::after{
		content: "";
		position:absolute;
		width: 100%;       
		height: 5%;
		bottom:0px;
		left: -50px;
		color: #019AED ;
		background-color: #019AED ; 
		transform:  scalex(0);
		transform-origin: left;
		transition:transform 0.5s ease;
	  }
	  .submenu-1{
		margin-left: 200px;
	  }
	.collapse{
		background-color: #224972;
		color: #fff !important;
	}
	.dropdown-menu a:hover 
  {
	  background-color: #019AED;
	  color: white;	 
	  width: 100%;
	  border-bottom-right-radius: 10px;
	  border-bottom-left-radius: 10px;
  }
  .dropdown-menu{overflow: scroll;height: 250px;} 
  .footer-style-two .contact-widget .contact-list{
	margin-left: 10px !important;
	width: 350px;
  }
  .page-title-1 h2{
	padding-left: 130px !important;
  }
  .page-title-2 h2{
	padding-left: 100px !important;
  }
  .page-title-3 h2{
	padding-left: 20px !important;
	text-align: center;
  }
  .page-title .bread-crumb-1{
	margin-left: 0px !important;
  }
  .main-slider-two .title{
	font-size: 16px;
  }
  .main-slider-two h1{
	font-size: 20px;
  }
  .esay{
	margin-left: -20px !important;
	font-size: 12px !important;
  }
  .main-slider-two .image-layer{
	margin-top: 30px !important;
	margin-left: -100px !important;
	width: 500px !important;
	height:400px !important;
  }
  .main-slider-two .slide{
	position:relative;
	overflow:hidden;
	background-size:cover;
	padding:50px 0px 100px;
}
.dropdown-menu {
	width: 300px !important;
}
.nav-item-1 {
	margin-left: 0px !important;
}
/* .nav-link-1 {
	margin-left: 40px !important;
} */
.dropdown-menu a{
	margin-left: 0px !important;
}
}
  @media screen and (min-width: 900px) {
	
  .navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: block;
    transform: scale(0);
    transition: ease-out 0.3s;
}
.dropdown:hover .dropdown-menu {
    transform: scale(1);
}

  }

/* about vision mission values  start*/
vision{
	padding-left: 80px;
}
.product-block1 .inner-box   h5{
	text-align: center;
	font-size: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.product-block1 .inner-box img{
	width: 50%;
	margin-top: 10px;

	margin-left: 60px;
}
.product-block1 .inner-box .price1{
	position:relative;
	font-weight:400;
	font-size:var(--font-12);
	text-align: justify;
	transition:all 500ms ease;
	padding: 10px;
	color:black;
	
}
.price,.text{
	font-weight: 400 !important;
}
.product-block1{
	background-color: rgb(255, 255, 255);     
	box-shadow: 0px 0px 5px 5px #019AED; 
	margin: 30px;
}

.product-block1 .inner-box .price1 span{
	position:relative;
	color:var(--color-seventeen);
	text-decoration:line-through;
	margin-right:var(--margin-right-5);
}

.sec-title .price1{
	position:relative;
	font-weight:400;
	line-height: 35px;
	font-size:15px;
	text-align: justify;
	color:var(--black-color);
	transition:all 500ms ease;
	padding: 10px;
	
}

/* about vision mission values end  */

/* About infrastructure start */
.infrastructure-section{
	background-color: var(--color-fourteen);
	padding-bottom: 50px;

  }
  .infrastructure{
	padding-top: 40px;
	padding-bottom: 50px;
	justify-content: center;
  }
  .infrastructure .clearfix{
	justify-content: center;

  }
  .infrastructure-header{
	margin-bottom: 10px !important;
  }
  .infrastructure-images{
	border-radius: 50px;
	padding-top: 10px;
	padding-bottom: 20px;
  }
  .infrastructure-images img{
	/* width: 100% !important; */
	border-radius: 15px;
	width: 100%;
	height: 180px;
	margin-right: 50px !important;
	justify-content: center !important;
	border: 2px solid #019AED;
}

.infrastructure-images-zoom {
	padding: 10px;
	transition: transform 0.2s;
	margin: 0 auto;
	padding-right: 20px;
	margin-left: 40px;
	width: 100%;
	/* height: 250px; */
	margin-top: 20px;
	border-radius: 20px;
	padding-bottom: 30px;
    z-index: 1;
  }
  .infrastructure-images-zoom:hover {
	-ms-transform: scale(1.5); /* IE 9 */
	-webkit-transform: scale(1.5); /* Safari 3-8 */
	transform: scale(1.4); 
	margin-right: 50px !important;
  }

  
@media screen and (max-width: 900px) {
	.infrastructure-images{
		padding-left: -80px !important;
	  }
	  .infrastructure-images-zoom {
		padding: 10px;
		transition: transform 0.2s;
		margin: 0 auto;
		padding-right: 20px;
		margin-left: 10px !important;
		width: 100%;
		/* height: 250px; */
		margin-top: 20px;
		border-radius: 20px;
		padding-bottom: 30px;
		z-index: 1;
	  }
	  .infrastructure-images-zoom:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.2) !important; 
		margin-right: 50px !important;
	  }
}
/* About  infrastructure end */
/* produc start */
.images{
	padding-top: 70px;
	padding-left: 50px;
}
.zoom {
	padding: 0;
	transition: transform .1s;
	margin: 0 auto;
	margin-left: 60px;
	border-radius: 10px 0;border: 3px solid var(--main-color); 
  }
  .geeks {
	overflow: hidden;
}
.geeks img {
	transition: transform .5s inherit;
}
.geeks:hover img {
	padding: 20px;
}
@media screen and (min-width: 900px) {
	
	.zoom:hover{
		transform: scale(1.5);
		 

	}
	.zoom-out {
		width: 100%;
		transition: transform 0.5s ease-out;
	}
	
	/* Define the animation keyframes for zooming out */
	@keyframes zoomOutAnimation {
		from {
			transform: scale(0.5); /* Initial scale (no zoom) */
		}
		to {
			transform: scale(1); /* Final scale (zoom out to 50%) */
		}
	}
	
	/* Apply the animation to the image */
	.zoom-out:hover {
		animation: zoomOutAnimation 1s forwards; /* Start the animation on hover */
	}
	.geeks:hover img {
		transform: scale(1.2) rotate(25deg);
	}
	.service-detail .lower-content p{
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 14ppxx !important;
		font-family:'Be Vietnam Pro', sans-serif !important;
		position: relative !important;
		font-weight: 400 !important;
		line-height: 23px !important;
		text-align: justify !important;
		transition: all 500ms ease !important;
		margin-bottom:var(--margin-bottom-15);
	}
	.service-detail .lower-content .gallery-images{
		position:relative;
		margin-top:var(--margin-top-0);

	}
	.service-detail .lower-content h3{
		text-align: center;
		font-weight:800;
		font-size: 25px;
		color:var(--color-fourty);
		margin-bottom:var(--margin-bottom-15);
	}
}

@media screen and (max-width: 900px) {
	.zoom{
		/* width: 85%; */
		margin-right: 30px;
	}
	.zoom:hover{
		transform: scale(); 

	}
	.service-detail .lower-content p{
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 14ppxx !important;
		font-family:'Be Vietnam Pro', sans-serif !important;
		position: relative !important;
		font-weight: 400 !important;
		line-height: 23px !important;
		text-align: justify !important;
		transition: all 500ms ease !important;
		margin-bottom:var(--margin-bottom-15);
	}
	.service-detail .lower-content .gallery-images{
		position:relative;
		margin-top:var(--margin-top-20);
	}
	.service-detail .lower-content h3{
		text-align: center;
		font-weight:800;
		font-size: 15px;
		color:var(--color-fourty);
		margin-bottom:var(--margin-bottom-15);
	}
	
}
/* produc end */




/* gallery Start */

.gallery-section{
	position:relative;
	overflow:hidden;
	padding:10px 0px 60px;
}
.images1{
	width: 50px;
	padding-top:  70px;
}
.zoom1 {
	padding: 10px;
	transition: transform 0.2s;
	margin: 0 auto;
	margin-left: 30px;
	border-radius: 20px;
	border: 3px solid  #224972; 
    padding-top: 10px;
    background-image: url(img/logo-1.png);
    background-repeat: no-repeat;
    background-position-y: 10px;
    background-position-x: 10px;
    z-index: 1;
    background-size: 100px;
  }
  .zoom1:hover {
	-ms-transform: scale(1.5); /* IE 9 */
	-webkit-transform: scale(1.5); /* Safari 3-8 */
	transform: scale(1.3); 
  }

  .geeks1 {
	overflow: hidden;
}
.geeks1 img {
	transition: 0.5s all ease-in-out;
}
.geeks1:hover img {
	transform: scale(1.3);
}
.images1 .image .logo {
    position: absolute;
    padding-left:0px;
    width: 20%;
    z-index: 1;
}
@media screen and (max-width: 900px) {
	.images1{
		width: 50px;
		padding-top:  20px;
	}
	.zoom1{
		/* width: 90%; */
		margin-right: 20px;
	}
  .zoom1:hover {
	transform: scale(1.1); 
  }
  .geeks1 {
	overflow: hidden;
}
.geeks1:hover img {
	transform: scale(1.1);
}
}    
/* gallery end */

/* footer start */
.footer-section .footer-column{
	padding-bottom: 20px;
}
.footer-section .clearfix{
	margin-right: 0px !important;
}
.footer-color{
	background-color:#224972!important;
}
#office{
	padding-top: 20px;
	width: 5000px;
	height: 250px;
  }
  .news-widget .product-head{
	padding-top: 30px;
	right: 50px;
  }

.links{
	position:relative;
	font-weight:400;
	font-size: 25px !important;
	text-align: center;
	color:white;
	transition:all 500ms ease;
	padding: 0px;
  }
 .contact-widget h4{
	padding-top: 30px;

 	}
.products-link{
	padding-left: 40px;
  }
  @media screen and (min-width: 900px){
	.map .maps
  {
	  width: 250px; 
	  height:200px; 
	  margin-top: 38px;
	  position: center;
	  border-radius: 10px;
  }    
	
  }
  @media screen and (max-width: 900px) {
	.map .maps
	{
		width: 330px !important; 
		height:270px; 
		margin-top: 20px;
		position: center;
		border-radius: 10px;
	}    
	.links{
		padding: 0px;
	  }
	  .news-widget .product-head{
		padding-top: 20px;
		padding-right: 15px;

		right: 85px;
	  }
	.products-link{
		padding-left: 0px;
	  }

	  .products-link .col-md-5 {
		margin-bottom: -15px;
	  }
	.contact-head{
		padding-right: 140px;
	}
	.contact-widget h4{
		padding-top: 20px;
		padding-right: 170px;

		 }
	ul{
		padding-left: 1rem !important;
		}

	.icon44{
		position: fixed;
		bottom: 50px;
		padding-left: 40px !important;
			width: 100px;
			z-index: 99;
			  }
			  .icon44 img{
				width: 50px;
			  }

 .contact-widget ul {
	margin-left: 5px;
 }
     
}

  


.links ul li{
	list-style: none;
	margin-top: 10px;
  }
  .links ul li i{
	color: white;
	font-size: 14px;
	padding-left: 10px;
  }
  .links ul li a{
	position:relative;
	text-align: left;
	font-size: 13px !important;
	color:white;
	transition:all 500ms ease;
	padding: 10px;
	text-decoration: none;
	list-style: none;
  }
  .link1{
	padding-bottom: 25px;
  }

  .contact-head{
	padding-bottom: 5px;
  }
  .contactus{
	margin-left: -10px;
  }
  .card-text{
	position:relative;
	font-weight:400;
	font-size:var(--font-18);
	text-align: justify;
	color:white;
	transition:all 500ms ease;
	padding: 10px;
  }
 .aboutus-text{
	color: white;text-align:justify; margin-top: 10px; margin-left: 20px; font-size: 13px !important;line-height: 23px;
 }
  #address
  {
	position:relative;
	font-weight:400;
	font-size:13px !important;
	text-align: justify;
	line-height: 23px !important;
	padding-right: 10px;
	padding-top: 0px;
	padding-left: 10px;
	color:white;
	transition:all 500ms ease;
  }
  /* #moblie
  {
	padding-top: 0px;
	margin-left: 50px;
  } */
  .maps
  {
	  width: 280px; 
	  height:155px; 
	  margin-top: 85px;
	  margin-left:20px;
	  position: center;
	  border-radius: 10px;
  }         
  .icon44{
	position: fixed;
	bottom: 50px;
	right: 1px;
	padding-left: 50px;
		width: 100px;
		z-index: 99;
		  }
		  .icon44 img{
			width: 50px;
		  }
  /* footer end */
  /* product tool image */
  .tool-image{
	border: 2px solid  var(--main-color);
	border-radius: 10px; 
  }	
  @media screen and (max-width: 900px) {
  .tool-image{
	width: 90% !important;
	border: 2px solid  var(--main-color);
	border-radius: 10px; 
	margin-left: 20px;
	
  }
  .content-text{
	font-size: 15px !important;
	/* font-family:'Be Vietnam Pro', sans-serif !important; */
	position: relative !important;
    font-weight: 400 !important;
	line-height: 25px !important;
    text-align: justify !important;
    transition: all 500ms ease !important;
}
.table{
	margin-left: 20px !important;
	width: 350px !important;
}
}

.content-text{
	font-size: 15px !important;
	/* font-family:'Be Vietnam Pro', sans-serif !important; */
	position: relative !important;
    font-weight: 400 !important;
	line-height: 25px !important;
    text-align: justify !important;
    transition: all 500ms ease !important;
}

.pull-left a{
	text-decoration: none;
	list-style: none;
}
.quality-section{
	padding-top: 50px;
}
.headtext{
	position: relative;
    font-weight: 700;
    color: var(--main-color);
    font-size: 30px;
    margin-bottom: var(--margin-bottom-10);
}
.quality-image{
	display: flex;
	width: 100%;
}
.quality-section h5{
	font-size: 20px;
	font-family:'Be Vietnam Pro', sans-serif !important;

}
.quality-section h5::before{
	position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    height: 3px;
    width: 20%;
    background-color: var(--main-color);
}
.footer-logo{
	width: 70%;
	margin-left: 50px;
}
.links-1 i {
	font-size: 25px !important;
	color: white;
	margin-left: 30px;
}

.installation-images .row .col-lg-2{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.installation-images img{
	border-radius: 50%;
	width: 150px;
	height: 150px;
	border: 2px solid #019AED;

}
.installation-images p{
	text-align: center;
}
.service-list {
	p{
		margin-left: -15px;
		margin-top: 0px;
	}
}
.submenu {
	display: block;

	li{
		margin-left: -5px;
		margin-bottom: 5px !important;
	}
	a{
		padding: 5px !important;
		padding-left: 10px !important;
	}
	}

.submenu1 {
	display: block;
	p{
		margin-left: -20px;
		margin-top: 0px;
	}
	li{
		margin-left: -5px;
		margin-bottom: 5px !important;

	}
	a{
		padding: 5px !important;
		padding-left: 10px !important;
	}
	}

	
.submenu2 {
	display: block;
	p{
		margin-left: -20px;
		margin-top: 0px;
	}
	li{
		margin-left: -5px;
		margin-bottom: 5px !important;

	}
	a{
		padding: 5px !important;
		padding-left: 10px !important;
	}
	}

	
.gallery-images .text p{
	text-align: center !important;
	font-weight: bold !important;
}
.aprod {
	background-color: #224972;
	margin: 20px 0px;
}
.aprod .centered{
	margin-top: -220px;
}
.aprod .centered ul li{
	color:white !important;
}
.aprod::before{
	content: "";
	position: absolute;
	top:0;
	left:0;
	height: auto;
	width:100%;
	background-color:#224972 ;
}

/* Add your custom styles here */
.management-section {
	padding: 50px 0;
	background-color: #f9f9f9;
  }
  
  .management-section h2 {
	text-align: center;
	margin-bottom: 30px;
  }
  
  .md-card {
	width: 100%;
	padding: 20px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	text-align: center;
	transition: transform 0.3s ease;
	margin-bottom: 30px;
  }
  
  .md-card:hover {
	transform: translateY(-10px);
	background-color: var(--main-color);
	color:white;
	p{
		color:white;
	}
  }
  .md-card:hover a{
	color:white;
	text-decoration:none;
  }
  .md-card a{
	
	text-decoration:none;
  }
  .md-avatar {
	margin-bottom: 20px;
  }
  
  .md-avatar img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	border: 2px dotted #019AED;
	object-fit: cover;
	/* animation-name: rotateme;
	animation-duration: 15s;
	animation-iteration-count: infinite;
	animation-timing-function: linear; */
  }

  .md-details h5 {
	font-size: 14px;
  }
  
  .md-details p {
	color: #888;
	text-align: justify	!important;
	font-size: 12px;
  }
.career-section{
	background-image: url(img/career.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.why-chouse-section{
	padding-top: 50px;
}
.table .color-back th{
	background-color: #224972 !important; 
	color: #fff;
}
.why-chouse-section .col-md-2{
	width: 240px;
}
.why-chouse-section .col-md-2 .md-card{
	height: 330px;
}
.why-chouse-section h2{
	margin-top:20px;
}
.sidebar-widget p{
	margin-top: -5px;
	font-size: 13px;
	margin-bottom: 10px;
}
.sidebar-widget a{
	padding: 2px !important;
	padding-left: 5px !important;
	font-size: 14px !important;
}
.sidebar-widget .service-list li{
	margin-bottom: 5px !important;
}
.links-product-1 ul li{
	margin-left: -30px ;

}