*{
	font-family:"Barlow", sans-serif;
	margin: 0;
	padding:0;
}


.navbar-brand img{
	width: 100px;
}
.navbar-toggler{
	border: none;
	font-size: 1.25rem;
}
.navbar-toggler:focus,.btn-close:focus{
	box-shadow: none;
	outline:  none;
}
.nav-link{
	color:#34495e;
	font-weight:500;
	position: relative;
}
.nav-link:hover{
	color:#e74c3c;
}
.nav-link.active{
	color: #c0392b;
}
@media(min-width:991px){
.nav-link::before{
	content:'';
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform:translateX(-50%);
	width:0;
	height:2px;
	background-color:#34495e;
	visibility: hidden;
	transition: 0.3 ease-in-out;
}
.nav-link:hover::before, .nav-link.active::before{
	width: 100%;
	visibility: visible;
}
}

@media(max-width:991px){
	.sidebar{
		background-color: #eee;
	}
}

/*sidebar*/
.slider{
	/* width: 100vw; */
	height: 100vh;
	overflow: hidden;
	position: relative;
	margin-top: -50px;
 }

 .slider .list .item{
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	inset: 0 0 0 0;
}
.slider .list .item img{
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
}
.slider .list .item .content-item{
	position: absolute;
	top: 20%;
	width: 1140px;
	max-width: 80%;
	left: 50%;
	transform: translateX(-50%);
	padding-right: 30%;
	box-sizing: border-box;
	color: #fff;
	text-shadow: 0 5px 10px #0004;
}
.slider .list .item .content-item .title,
.slider .list .item .content-item .type{
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3em;
 }

 .slider .list .item .content-item .type{
 	color:#e67e22;

 }
 .slider .list .item .content-item .description{
 	font-size: 14px;
 }
 .slider .list .item .content-item .button{
 	margin: 20px;
 }
 .slider .list .item .content-item .button button{
 	border: none;
 	background-color: #eee5;
 	padding: 7px 15px;
 	font-family: "Poppins", sans-serif;
	margin-left: -21px;
	width: 200px;
	height: 70px;
 	font-weight: 500;
 	cursor: pointer;
 	letter-spacing: 2px;
 	transition: 0.4s;
}
.slider .list .item .content-item .button button:hover{
	background-color: #34495e;
	color: #eee;
}
/* thubmails */
.thumbnail{
	display: flex;
	gap: 20px;
	position: absolute;
	bottom: 50px;
	left: 50%;
	width: max-content;
	z-index: 100;
}

.thumbnail .item{
	width: 150px;
	height: 220px;
	flex-shrink: 0;
	position: relative;
}

.thumbnail .item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
	box-shadow: 5px 0 15px rgba(0, 0, 0, 0.3);
}
/* nextPrevarrows section */
.nextPrevArrows{
	position: absolute;
	top: 80%;
	right: 52%;
	z-index: 100;
	width: 300px;
	max-width: 30%;
	display: flex;
	gap: 10px;
	align-items: center;
}

.nextPrevArrows button{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color:#34495e;
	border: none;
	color: #eee;
	font-family: monospace;
	font-weight: bold;
	cursor: pointer;
	transition: 0.5s;

}.nextPrevArrows button:hover{
	background-color: #fff;
	color: #000;
}
/* Animation Part */

.slider .list .item:nth-child(1){
	z-index: 1;
}
.slider .list .item:nth-child(1) .content-item .title,
.slider .list .item:nth-child(1) .content-item .type,
.slider .list .item:nth-child(1) .content-item .description,
.slider .list .item:nth-child(1) .content-item .button{
	transform: translateY(50px);
	filter: blur(20px);
	opacity: 0;
	animation: showContent 0.5s 1s linear 1 forwards;

}

@keyframes showContent {

	to{
    transform: translateY(0px);
	filter: blur(00px);
	opacity: 1;
}

}
.slider .list .item:nth-child(1) .content-item .title{
	animation-delay: 0.4s;
}
.slider .list .item:nth-child(1) .content-item .type{
	animation-delay: 0.6s;
}
.slider .list .item:nth-child(1) .content-item .description{
	animation-delay: 0.8s;
}
.slider .list .item:nth-child(1) .content-item .button{
	animation-delay: 1s;
}
/* Animation for the next button click */

.slider.next .list .item:nth-child(1) img{
	width: 150px;
	height: 220px;
	position: absolute;
	bottom: 50px;
	left: 50%;
	border-radius: 30px;
	animation: showImage 0.5s linear 1 forwards;
}
 @keyframes showImage {
 	to{
 		bottom: 0;
 		left: 0;
 		width: 100%;
 		height: 100%;
 		border-radius: 0;

 	}
 }

 .slider.next .thumbnail .item:nth-last-child(1){
 	overflow: hidden;
 	animation: showThumbnail 0.5s linear 1 forwards;

 }
 .slider.prev .list .item img{
 	z-index: 100;

 }
 @keyframes showThumbnail{
 	from{
 		width: 0;
 		opacity: 0;

 	}
 }

 .slider.next .thumbnail{
 	animation: effectNext .5s linear 1 forwards;
 }

 @keyframes effectNext{
 	from{
 		transform: translateX(150px);

 	}

 }

/* Animation for prev button click*/

.slider.prev .list .item:nth-child(2){
	z-index: 2;

}
.slider.prev .list .item:nth-child(2)img{
	position: absolute;
	bottom: 0;
	left: 0;
	animation: outFrame 0.5s linear 1 forwards;

}

@keyframes outFrame{
	to{
		width: 150px;
		height: 220px;
		bottom: 50px;
		left: 50%;
		border-radius: 20px;
	}

}

.slider.prev .thumbnail .item:nth-child(1){
	overflow: hidden;
	opacity: 0;
	animation: showThumbnail .5s linear 1 forwards;
}

.slider.prev .list .item:nth-child(1) .content-item .title,
.slider.prev .list .item:nth-child(1) .content-item .type,
.slider.prev .list .item:nth-child(1) .content-item .description,
.slider.prev .list .item:nth-child(1) .content-item .button{
 animation: contentOut 0.5s 1s linear 1 forwards;

}

@keyframes contentOut{
	to{
		transform: translateY(-150px);
		filter: blur(20px);
		opacity: 0;
	}
}

@media screen and (max-width:678px){
	.slider .list .item .content-item{
		padding-right: 0;
	}

	.slider .list .item .content-item .title{
		font-size: 30px;

	}

}

/*gotopbtn*/
.gotopbtn{
	position: fixed;
	width: 50px;
	height: 50px;
	background: #2980b9; 
	bottom: 40px;
	right: 50px;
	text-decoration: none;
	text-align: center;
	line-height: 50px;
	color: #f1f2f6;
	font-size: 22px;

}


/*our brand*/
@keyframes slide{
	from {
		transform: translateX(0);

	}
	to{
		transform: translateX(-100%);

	}


}
.logos{
	overflow: hidden;
	padding: 60px 0;
	background: #eee5;
	white-space: nowrap;
	position: relative;
}
.logos:before,
.logos:after {
	position: absolute;
	top: 0;
	width: 250px;
	height: 100%;
	content: "";
    z-index: 2;

}
.logos:before {
	left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff);
}

.logos:after {
	right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
}
.logos:hover .logos-slide{
	animation-play-state: paused;

}
.logos-slide{
	display: inline-block;
	animation: 35s slide infinite linear;
}
.logos-slide img{
	height: 100px;
	margin: 0 40px;
}



/*about*/
.inner-page .page-title{
	padding:15px 20px;
	border-radius:2px;
	box-shadow:inset 0px 0px 0px 4px rgba(0,0,0,0.1);
	background-color: #6fae26 !important;
}
/*blog*/
.inner-page .page-title h2{
	margin:0px;
	margin-bottom:10px;
	font-size:35px;
	line-height:45px;
	color: #fff !important;

}
.inner-page .page-title p{
	font-size:14px;
	line-height:25px;
	color: #fff !important;;
}
.inner-page .page-title.br-red{
	background-color: #e63131 !important;
}
.inner-page .blog .blog-content{
	margin-top:30px;
}
.inner-page .blog-sidebar .side-widget{
	margin-bottom:20px;
	margin-left:10px;
	border-radius:2px;
	overflow:hidden;
}
.inner-page .blog-sidebar .side-widget.br-pink{
		background-color:#fb226f !important;
}
.inner-page .blog-sidebar .side-widget h4{
	margin:0;
	padding:15px;
	padding-bottom:11px;
	color:#fff;
	background:rgba(0,0,0,0.1);
	text-align: center;
}
.inner-page .blog-sidebar .widget-content{
	padding:20px;
	font-size:13px;
	line-height:24px;
	box-shadow:inset 0px 0px 0px 4px rgba(0,0,0,0.1);
}
.inner-page .blog-sidebar .widget-content p{
	font-size:13px;
	line-height:23px;
	font-weight:300;
	color:#fff;
	text-align: center;
}
.inner-page .blog-sidebar .widget-content .social{
	margin-top:10px;
	text-align: center;
}
.inner-page .blog-sidebar .widget-content .social i{
	width: 34px;
	height: 34px;
	background-color: rgba(255, 255, 255, 0.3);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #f1f2f6;
	font-size: 20px;
	border-radius: 100%;
}

/*services*/
.inner-page .page-title.br-blue{
	background-color: #34495e !important;
}
.inner-page .service .service-content h3{
	margin:0px;
	margin-bottom:8px;
	margin-left:85px;
	font-size:22px;
}
.inner-page .service .service-content p{
	margin-left:85px;
	margin-bottom:30px;
	font-size:13px;
	line-height:23px;
}
.inner-page .service .other-service .service-item{
	max-width:270px;
	margin:0px auto;
	margin-top:30px;
	padding:25px 0px;
	text-align:center;
	box-shadow:inset 0px 0px 0px 4px rgba(0,0,0,0.1);
	border-radius:6px;
}
.float{
	position: relative;
}
.col-red{
	position: absolute;
	top: calc(30%);
	left: 0rem;
  color: #e63131 !important;
  font-size: 50px;
}
 .col-green{
 	position: absolute;
	top: calc(30%);
	left: 0rem;
    color: #6fae26 !important;
    font-size: 50px;

 }
 .col-purple{
 	position: absolute;
	top: calc(30%);
	left: 0rem;
  color: #702583 !important;
  font-size: 50px;
}

.col-orange{
 	position: absolute;
	top: calc(30%);
	left: 0;
  color: #ed450c !important;
  font-size: 50px;
}
.col-yellow{
 	position: absolute;
	top: calc(30%);
	left: 0;
  color: #ffb800 !important;
  font-size: 50px;
}
.col-lblue{
	position: absolute;
	top: calc(30%);
	left: 0;
  color: #14b9e8 !important;
  font-size: 50px;

}

.float p{
	margin-top: 5px;
}
/* contact */

.inner-page .page-title.br-pink{
	background-color: #fb226f !important;
}

.inner-page .contactus-content .content-item{
	max-width:250px;
	margin:40px auto;
	text-align:center;
}
.inner-page .contactus-content .content-item i{
	display:block;
	font-size:65px;
	margin-bottom:20px;
}

.inner-page .contactus-content .content-item i.lblue{
	color: #14b9e8 !important;
}
.inner-page .contactus-content .content-item i.red{
	color: #e63131 !important;
}
.inner-page .contactus-content .content-item i.green{
	color: #6fae26 !important;
}

.inner-page .contactus-content .content-item h4{
	font-size:22px;
	margin-bottom:15px;
}
.inner-page .contactus-content .content-item p{
	font-size:13px;
	line-height:23px;
}
/* branch contact */
.inner-page .contactus .branch-content{
	margin-top:30px;
	margin-bottom:30px;
}
.inner-page .contactus .branch-content .map{
	position: relative;
}
.inner-page .contactus .branch-content h4{
	font-size:16px;
}
.inner-page .contactus .branch-content h4 i{
	font-size:16px;
	color: #6fae26 !important;
}
.inner-page .contactus .branch-content .map i.marker{
	position:absolute;
	color: #6fae26 !important;
}
.inner-page .contactus .branch-content .map i.usa{
	top:35%;
	left:18%;
}
.inner-page .contactus .branch-content .map i.africa{
	top:44%;
	left:65.5%;
}
.inner-page .contactus .branch-content .map i.india{
	top:44%;
	left:68.5%;
}
.inner-page .contactus .branch-content address{
	font-size:13px;
	line-height:25px;
}
.inner-page .contactus .branch-content h3{
	font-size:16px;
}
.inner-page .contactus .branch-content address i{
	display:inline-block;
	margin-right:3px;
	width:20px;
	height:20px;
	color:#fff;
	line-height:20px;
	text-align:center;
	font-size:12px;
	border-radius:2px;
	background-color: #ffb800;
}
.inner-page .contactus .branch-content address span{
	display:block;
	margin-top:5px;
	margin-bottom:8px;
}
.inner-page .contactus .contact-form{
	margin-top:30px;
}
.inner-page .contactus .contact-form iframe{
	margin-left:8px;
	width:100%;
	height:220px;
	border:0px;
	border-radius:2px;
}

@media (max-width: 576px){
	.inner-page .contactus .branch-content address{
		font-size: 10px;
	}
	
}



.form-control:focus{
	box-shadow: none;
	border-color: #0a3d62;
}