/*-navbarAdmin style */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Squada+One|Open+Sans|Baloo+Da+2:wght@700|Roboto:100,300,400,500,700,900&display=swap');

body {
   font-family: 'Roboto', solaimanLipi, sans-serif;
   background-color: white;
   z-index: 5;
}	

/* @import url('https://fonts.googleapis.com/css?family=Muli:300,400,700,900|Open+Sans:300,700,700i&display=swap');
body {
	font-family: 'Muli', sans-serif;
	background-color: #eee;
}
*/

/*-navbarAdmin style 
@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Poiret+One|Roboto&display=swap');
body {
   font-family: 'Roboto', sans-serif;
   background-color: #E5E5E5;
   z-index: 5;
}
*/
	.btn {
		border-radius: 0px;
	}

  .heroimage45 {
	  background-image: url("../img/banner.jpg");
	  height: 100vh;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  position: relative;
	} @media only screen and (max-width: 600px) { 
			.heroimage45 { height: 100vh; } 
	}

/* navbar Admin strat---- */
	.sidebar {
		height: 100vh;
		box-shadow: 1px 1px 2px #999;

		overflow-y: scroll;
		scrollbar-width: none; } 
		::-webkit-scrollbar { display: none; 
	}

	.bottom_border {
		border-bottom: 1px groove #eee;
	}

	.sidebar_link {
		margin-left: 12px;
		transition: all .4s;

	}

	.sidebar_link:hover {
		background-color: #fff;
		transform: translateX(3px) ;

	}

	.current {
		margin-left: 10px;
		font-weight: bold;
		background-color: white;
		transition: all .3s;
	}

	.current:hover {
		background-color: #eee;
		transform: translateY(-1px);
	}




/* search_input */
	.search_input {
		border: none;
	}

	.search_input:focus {
		box-shadow: none;
	}


@media (max-width: 768px) {
	.sidebar {
		position: static;
		height: auto;
		border-right: none; 
	}

	.top-navbar {
		position: static;
	}
}

.footer-buttom {
	min-height: 100vh;
}

	.HeadBottomborderRow {
		color: #444;
		text-transform: uppercase;
		letter-spacing: 3px;
		text-shadow: 3px 3px 20px #fff;
		border-bottom: 2px solid hsla(190, 80%, 40%, 1);
		background: linear-gradient(0deg, #eee 0%, rgba(255,255,255,0) 100%);	
	}


	.HeadBottomborder {
		font-family: sans-serif;
		font-weight: 900;
		padding-top: 15px;
		padding-bottom: 10px;
		text-transform: uppercase;
		border-bottom: 2px solid hsla(190, 80%, 40%, 1);
		background: linear-gradient(0deg, #ccc 0%, rgba(255,255,255,0) 100%);	
	} @media (max-width: 768px) {
		.HeadBottomborder {font-size: 25px !important } 
	}

	.stylepFont {
		font-weight: bold;
		text-transform: uppercase;
	}  
	@media (max-width: 768px) {
		.stylepFont {
			font-size: 0.9em; }
	}


	.H1ComonStyle1 {
	    color:#fff;
	    font-size:40px;
	    font-weight:800;
	    text-transform: uppercase;
	    text-shadow: 3px 3px 10px #333;
	    margin-bottom:25px;
	    letter-spacing:2px;
	    border-bottom: 1px solid skyblue;
	    background: #fff;
	} @media only screen and (max-width: 600px) {
	      .H1ComonStyle1 { letter-spacing:0px;}
  	}

  	.H1ComonStyle2 {
  		font-family: 'Rajdhani', sans-serif;
	    color:#fff;
	    font-size:34px;
	    padding: 20px 0px 10px;
	    font-weight:800;
	    text-transform: uppercase;
	    text-shadow: 3px 3px 10px #333;
	    margin-bottom:5px;
	    letter-spacing:2px;
	    border-bottom: 1px solid #ddd;
	    background: linear-gradient(0deg, rgba(255,255,255,0) 40%, rgba(108,117,125,0.5) 100%);
	} @media only screen and (max-width: 600px) {
	      .H1ComonStyle2 { font-size:24px; letter-spacing:0px;}
  	}

  	.H1ComonStyle3 {
  		font-family: 'Rajdhani', sans-serif;
	    color:#dcffee;
	    font-size:40px;
	    padding: 20px 0px 10px;
	    font-weight:800;
	    text-transform: uppercase;
	    text-shadow: 3px 3px 10px #333;
	    border-bottom: 1px solid #ddd;
	    background: linear-gradient(0deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
	} @media only screen and (max-width: 600px) {
	      .H1ComonStyle3 { font-size:30px; letter-spacing:0px;}
  	}

  	.H1ComonStyle4 {
	    font-family: 'Rajdhani', sans-serif;
	    color:#fff;
	    font-size:40px;
	    font-weight: 800;
	    line-height: .9;
	    text-transform: uppercase;
	    text-shadow: 3px 3px 10px #333;
	    background: linear-gradient(0deg, #ccc 0%, rgba(255,255,255,0) 100%);
	    } @media only screen and (max-width: 600px) {
      	.H1ComonStyle4 { }
	}

	.H2ComonStyle4 {
	    font-family: 'Rajdhani', sans-serif;
	    color:#fff;
	    font-size:35px;
	    line-height:.9;
	    font-weight:800;
	    text-transform: uppercase;
	    text-shadow: 3px 3px 10px #333;
	    background: linear-gradient(180deg, #ccc 0%, rgba(255,255,255,0) 100%);
	    } @media only screen and (max-width: 600px) {
      	.H2ComonStyle4 { }
	}

	.borderbtm {
		border-bottom: 5px solid linear-gradient(158deg, rgba(44,140,205,1) 0%, rgba(44,53,122,1) 100%);
		height: 5px;
		width: 100%;
		background: linear-gradient(158deg, rgba(44,140,205,1) 0%, rgba(44,53,122,1) 100%);
	}


  	.bgg2 {
	    text-shadow: 3px 3px 10px #bbb;
	    border-bottom: 1px solid #ddd;
	    background: linear-gradient(0deg, rgba(255,255,255,0) 40%, rgba(108,117,125,0.5) 100%);
	} @media only screen and (max-width: 600px) {
	      .bgg2 { letter-spacing:0px;}
  	}






  	.H1Comon4 {
	    font-family: 'Rajdhani', sans-serif;
	    color:#fff;
	    font-size:40px;
	    font-weight: 800;
	    text-transform: uppercase;
	    text-shadow: 3px 3px 10px #333;
	    } @media only screen and (max-width: 600px) {
      	.H1Comon4 {font-size:30px; }
	}

	.H1ComonSub4 {
	    font-family: 'Rajdhani', sans-serif;
	    color:#555;
	    font-weight: 500;
	    text-shadow: 2px 2px 10px #333;
	    } @media only screen and (max-width: 600px) {
      	.H1ComonSub4 { }
	}



	.H2Comon4 { font-family: 'Rajdhani', sans-serif;
	    color:#fff;
	    font-size:35px;
	    font-weight:800;
	    text-transform: uppercase;
	    text-shadow: 3px 3px 10px #333; 
	    } @media only screen and (max-width: 600px) {
	  	.H2Comon4 { font-size:26px; }
	}

	.SubHeadComon1 {
		color: #555;
		border-left: 10px solid hsla(190, 80%, 40%, 1);
		padding: 5px 10px;
		text-transform: uppercase;
		background: linear-gradient(0deg, rgba(216,216,216,0.6) 0%, rgba(216,216,216,1) 15%, rgba(255,255,255,0) 100%);
	}

	.SubHeadComon2 {
		color: #555;
		font-weight: bold;
		border-left: 10px solid hsla(190, 80%, 40%, 1);
		padding: 5px 10px;
		text-transform: uppercase;
		background: linear-gradient(0deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);
	}

	.SubHeadComon3 {
		color: #555;
		border-bottom: 1px solid hsla(190, 80%, 40%, 1);
		padding: 6px 10px;
		text-transform: uppercase;
		background: linear-gradient(0deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);
	}

	.SubHeadComon4 {
		color: #555;
		border-bottom: 1px solid hsla(190, 80%, 40%, 1);
		padding: 6px 10px;
		text-transform: uppercase;
		background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);
	}


	.bgTopGard {
		background: linear-gradient(180deg, #ccc 0%, rgba(255,255,255,0) 100%);
	}
	.bgBotomGard {
		background: linear-gradient(0deg, #ccc 0%, rgba(255,255,255,0) 100%);
	}

  	.H3ComonStyle1 {
	    color:#fff;
	    font-size:30px;
	    padding: 20px 0px 10px;
	    font-weight:800;
	    text-transform: uppercase;
	    text-shadow: 3px 3px 10px #333;
	    margin-bottom:25px;
	    letter-spacing:2px;
	    border-bottom: 1px solid #ddd;
	    background: linear-gradient(0deg, rgba(255,255,255,0) 40%, rgba(108,117,125,0.5) 100%);
	} @media only screen and (max-width: 600px) {
	      .H3ComonStyle1 { letter-spacing:0px;}
  	}
/* Product Style */
	.serviceCrd {
		transition: all .2s;
		box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.15) !important;
	}

	.serviceCrd:hover {
     	transform: translateY(-3px) scale(1.02);
			box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.3) !important;
	}
	.serviceCrd h6 {
		height: 40px;
    	overflow: hidden;
	}

	.imgovertxt {
	  position: relative;
	  max-width: 800px; /* Maximum width */
	  margin: 0 auto; /* Center it */
	}

	.imgovertxt .contenttxt {
	  position: absolute; /* Position the background text */
	  top: 0; /* At the bottom. Use top:0 to append it to the top */
	  width: 100%; /* Full width */
	  padding: 5px; /* Some padding */
	}
	.iconhvr {
		transition: all .5s;
		background-color: white;
	}
	.iconhvr img {
		transition: all .3s;
	}
	.iconhvr img:hover {
		border-radius: 50%;
		transform: translateY(-2px) scale(1.02);
			box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.3) !important;

	}


	/*Box 16 Start *******************************/
.box16	{
	text-align:center;
	color:#fff;
	position:relative
}
.box16 .box-content,.box16:after {
	width:100%;
	position:absolute;
	left:0;
}
.box16:after{
	content:"";
	height:100%;
	background:linear-gradient(to bottom,
		rgba(0,0,0,0) 0,
		rgba(0,0,0,.08) 69%,
		rgba(0,0,0,.76) 100%);
	top:0;
	transition:all .5s ease 0s
}
.box16 .post,.box16 .title{
	transform:translateY(145px);
	transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s
}
.box16:hover:after{
	background:linear-gradient(to bottom,
		rgba(0,0,0,.01) 0,
		rgba(0,0,0,.09) 11%,
		rgba(0,0,0,.12) 13%,
		rgba(0,0,0,.19) 20%,
		rgba(0,0,0,.29) 28%,
		rgba(0,0,0,.29) 29%,
		rgba(0,0,0,.42) 38%,
		rgba(0,0,0,.46) 43%,
		rgba(0,0,0,.53) 47%,
		rgba(0,0,0,.75) 69%,
		rgba(0,0,0,.87) 84%,
		rgba(0,0,0,.98) 99%,
		rgba(0,0,0,.94) 100%
	)
}
.box16 img { 
	width:100%;
	height:auto;
}
.box16 .box-content{
	padding:5px;
	margin-bottom:20px;
	bottom:0;
	z-index:1
}
.box16 .title {
	font-size:22px;
	font-weight:700;
	text-transform:uppercase;
	margin:0 0 10px
}
.box16 .post{
	display:block;
	padding:2px 0;
	font-size:18px;
}
.box16 .social li a, .icon li a {
	border-radius:50%;
	font-size:20px;
	color:#fff;
}
.box16:hover .post,.box16:hover .title{
	transform:translateY(0)
}
.box16 .social{
	list-style:none;padding:0 0 5px;
	margin:40px 0 40px;
	opacity:0;
	position:relative;
	transform:perspective(300px) 
	rotateX(-90deg) 
	rotateY(0) 
	rotateZ(0);
	transition:all .6s cubic-bezier(0,0,.58,1) 0s
}
.box16:hover .social {
	opacity:1;
	transform:perspective(500px) rotateX(0) rotateY(0) rotateZ(0)}
.box16 .social:before {
	content:"";
	width:120px;
	height:2px;
	background:#fff;
	margin:0 auto;
	position:absolute;
	top:-20px;
	left:0;right:0}
.box16 .social li {display:inline-block}
.box16 .social li a {
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	background: linear-gradient(95deg,#777,#222);
	margin-right:10px;
	transition:all .3s ease 0s }

.box16 .social li a:hover {
	background: linear-gradient(95deg,#222,#777);
}
.box16 .social li:last-child a {margin-right:0}
	
	@media only screen and (max-width:990px) {
		.box16 {
			margin-bottom:30px
		}
		.box16 .title {
			font-size:12px; 
		}
		.box16 .box-content{
			padding:10px;
			margin-bottom:0px;
		}
		.box16 .post{
			font-size:12px;
		}

		.box16 .social{
			list-style:none;
			padding:0 0 5px;
			margin:10px 0 5px;
			opacity:0;
		} 
		.box16 .social:before {
			content:"";
			width:30px;
			height:2px;
			margin:0 auto;
			position:absolute;
			top:-10px;
			left:0;right:0}

		.box16 .social li a {
			display:block;
			width:25px;
			height:25px;
			line-height:25px;
			margin-right:5px;
			transition:all .3s ease 0s }
		.box16 .social li a, .icon li a {
			font-size:10px;
		}
		.box16 .box-content{
			margin-bottom:10px;
			
		}
		.box16 .post,.box16 .title{
			transform:translateY(50px);
			transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s
		}

	}