@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,600;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Mulish');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css');
html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	-webkit-font-smoothing: antialiased !important;
	font-family:Roboto;
}
a:focus, date-picker-wrapper.no-shortcuts
button:focus,
* {
	outline: none;
}

a:focus,
a:hover,
button:focus,
button:hover {text-decoration: none !important;}
[placeholder], input[placeholder], textarea[placeholder] {
    color: #490a3d;
}
h1, h2, h3, h4, h5 {
    font-family:Roboto;
}
/* header img{position: absolute;z-index: 9;left: 88px;}
.phone-number{display:flex; justify-content: flex-end;}
.phone-number ul{margin:0;     padding: 0 35px 0 3px; display: flex;justify-content: center;}
.phone-number ul li{list-style-type: none;padding-top: 16px;margin-right: 41px; position: relative;}
.phone-number ul li:last-child{margin-right:0;}	
.phone-number ul li a{ display: inline-block;background-color: #fff;color: #000;font-size: 24px;font-weight: 400;border-radius: 20px;padding: 5px 23px;height: 39px;line-height: 27px;}	
.phone-number ul li span{background-color: #fff; border-radius:50%;     text-align: center;  padding: 0 5px;   border: 2px solid#08345C;left: -23px;position: absolute;}	 */
 /* .phone-number ul li span i{   font-size: 19px;    line-height: 20px;} */
/*.phone-number ul li span .fa-phone{transform: rotate(-266deg);} */
.phone-number ul li span .fa-phone{padding: 2px 3px;}
.phone-number ul li span .fab .fa-whatsapp-square{padding: 2px 3px;    color: #15F339;}
.banner-top{background:url(../images/lpimg.png) no-repeat; height: 552px;     width: 100%; position: relative;    background-size: cover;    margin-top:78px;}
.banner-top strong{color: #fff;font-size: 31px;    margin: 139px 0 0;padding: 16px 41px;display: inline-block; width:100%; font-weight: 500; background:url(../images/orange-bar.png) no-repeat;}
/* .banner-top strong::before{border-bottom: 77.7px solid #FB9D10;border-right: 31px solid transparent; content:""; position: absolute;right: -30px; top:0;} */
.banner-top p{color: #fff;font-size: 25px;    margin: 29px 0 0;padding: 8px 41px;display: inline-block; width:100%;font-weight: 400;background:url(../images/blue-bar.png) no-repeat;}
/* .banner-top p::before{border-bottom: 89.7px solid #051C6C;border-right: 31px solid transparent; content:""; position: absolute;right: -30px; top:0;} */
/* .banner-top p{background-color: #000;color: #fff;font-size: 30px;line-height: 37px;margin: 33px 0 0;padding: 13px 15px;font-weight: 500;width: max-content;} */
.banner-top ul{margin: 50px 0 0 29px; padding:0;display: flex;}
.banner-top ul li{display: inline-block;text-align: center;}
.banner-top ul li span{ background-color: transparent; display: block; color:#fff;    margin: 0;    font-weight: 500;font-size: 25px;    padding: 10px 15px;}
.banner-top span{background-color: #fff;color: #000;font-size: 30px;line-height: 37px;margin: 33px 0 0;padding: 13px 15px;font-weight: 500;width: max-content;display: inline-block; }
.banner-top .enqiuries{background-color: #fff;margin: 33px 0 15px;padding:0;     text-align: center; border-radius: 25px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25); width:391px; float: left;       display: none;}
.banner-top .enqiuries h1{color: #fff;font-size: 26px; font-weight: 500;  padding: 15px 0;  text-align: center; background-color:#08345C;border-top-left-radius: 25px;border-top-right-radius: 25px;}
.banner-top .enqiuries button{border-radius:3px; background-color:#051C6C; color:#fff; font-size:18px; font-weight:400; border:none;      padding: 7px 52px;   cursor: pointer;}
.banner-top .enqiuries button:hover{background: linear-gradient(91.21deg, #0887CE 0.11%, #051C6C 100%);}
.why-chose h2{color: #000;font-size: 28px; font-weight: 700;}
.why-chose ul{margin:0; padding:0;}
.why-chose ul li{color: #000;font-size: 22px; font-weight: 300; line-height:33px;    padding: 9px 38px; list-style-type:none;     position: relative;}
.why-chose ul li::before{content:" "; background:url(../images/check.png) no-repeat; width: 25px;height: 19px; left:0; position: absolute;    top: 8px;}
.travel-website{background: linear-gradient(91.21deg, #FB9D10 0.11%, #08C2CE 100%);   padding: 30px 0 30px;}
.travel-website h3{color: #fff;font-size: 32px; font-weight: 500;line-height:38px; margin-top: 19px;}
.travel-website h4{color: #fff;font-size: 22px; font-weight: 400;line-height:29px;}
.gds-data{background:#F5F8FF;}

.gds-data .nav{    display: block;
    margin-top: 35px;
    margin-bottom: 62px; }
.gds-data .nav-pills .nav-link.active,.gds-data .nav-pills .show>.nav-link{color: #fff!important;
    background-color: #08C2CE; font-size:23px; font-weight:500;}
.gds-data .nav-pills .nav-link {
		border-radius: 0;
	}
	.gds-data	.nav-link {
		display: block;
		padding: 1.6rem 1rem;
		text-align: right;
		font-size:23px; font-weight:400;
		color: #000!important;
	}
.tab-content{padding: 0 20px;}
	.gds-data .border-left{    border-left: 2px solid #099B9B!important;}
	
	.gds-data h3{font-size:24px; font-weight:400; color: #000;     margin-top: 61px;}
	.gds-data p{font-size:18px; font-weight:400; color: #000;}
	.our-clint {    padding: 65px 0;}
.our-clint h5{font-size:36px;margin-bottom: 26px; font-weight:500; color: #000;text-align: center;}
.our-clint .owl-nav button {
	position: absolute;
	top: 50%;
	background-color: #000;
	color: #fff;
	margin: 0;
	transition: all 0.3s ease-in-out;
  }
  .our-clint .owl-nav button.owl-prev {
	left: -40px;
  }
  .our-clint .owl-nav button.owl-next {
	right:-40px;
  }
  
  .our-clint .owl-dots {
	display: none;
  }
  
  .our-clint .owl-nav button {
	  position: absolute;
	  top: 50%;
	  transform: translateY(-50%);
	 
  }
  .our-clint .owl-carousel, .owl-carousel .owl-item{    text-align: -webkit-center;}
  .our-clint span {
	color: #fff;
    font-size: 24px;
    font-weight: 500;
    padding: 0 13px;
    position: absolute;
    top: -21px;
    background: #6B6B6C;
    border-radius: 50%;
  }
  .our-clint .owl-nav button:focus {
	  outline: none;
  }
  .our-clint .owl-carousel .owl-item img{width: auto;     max-width: 100%;}
  .hoverfx.our-clint .owl-carousel .owl-item img{margin-top: 40px;}
  .our-clint.work{background:#2386E3;    padding: 65px 0 0;}
  .our-clint.work h5{color: #fff;}
  .our-clint.work span{    background: #fff;    color: #099B9B
	;}
	footer .text-center{    font-size: 14px;
		font-weight: 300;
		color: #fff;}
		footer .text-center a{color: #fff;}
.why-chose .pull-right{    position: absolute;
    right: -72px;
	top: 19%;}
	.customNavigation {
  margin-top: 5px;
  margin-right: 11px;
  text-align: right;
}
.col-xl-4.col-lg-4.col-md-12.col-sm-12.pr-0 {
    margin-right: -12px;
}
.customNavigation .btn {
  position: relative;
  display: inline-block;
  overflow: visible;
  margin: -1.9px;
  padding: 0.8em 1.1em;
  border: 0;
  box-shadow: none;
  color: #fff;
  text-transform: uppercase;
  text-shadow: none;
  font-size: 20px;
  cursor: crosshair;
  -webkit-transition: all .1s ease-in 0s;
  -moz-transition: all .1s ease-in 0s;
  -o-transition: all .1s ease-in 0s;
  transition-property: all .1s ease-in 0s;
  -webkit-font-smoothing: antialiased;
  background: #333;
}

.customNavigation .btn:hover {
  background: #222;
}
	.hoverfx {
		position: relative;
		display: block;
		overflow: hidden;
		text-align: center;
	  }
	  
	  .hoverfx img {
		position: absolute;
		top:0;
		left: 0;
		width: auto;
		display: block;
	  }
	  
	  .hoverfx:before {
		display: inline-block;
		padding-top: 60%;
		content: '';
		vertical-align: middle;
	  }
	  
	  .hoverfx .figure {
		position: relative;
		z-index: 2;
		display: inline-block;
		padding: 10px 15px;
		max-width: 100%;
		margin-top:-3px;
		border: 4px solid #2386E3;
		color: #fff;
		vertical-align: middle;
		font-weight:500;
		font-family: 'Mulish';font-size: 28px;
		opacity: 0;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition-property: all .3s ease;
	  }
	  
	  .hoverfx .figure:hover {
		background: #2386E3;
		color: #fff;
	  }
	  
	  .hoverfx .overlay {
		position: absolute;
		top: 0;
		z-index: 1;
		/* padding: 50%; */
		width: 100%;
		/* padding: 100%; */
		height: 90.6%;
		background: rgba(0, 0, 0, .5);
		opacity: 0;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition-property: all .3s ease;
	  }
	  .item:hover .figure,
.item:hover .overlay {
  opacity: 1;
}

header{background: #08345C;height: 78px;position: fixed;top: 0;z-index: 9;width: 100%;}
.our-clint .owl-nav button.owl-prev .fas{ background-color: #000;
    color: #fff;
    font-size: 35px;
    padding: 3px 14px;
    border-radius: 50%;}
	
	.our-clint .owl-nav button.owl-next .fas{   background-color: #000;
		color: #fff;
		font-size: 35px;
		padding: 3px 14px;
		border-radius: 50%;}
		.fa-caret-left:before{
			position: relative;
			
			left: -3px;
		}
		.fa-caret-right:before{
			position: relative;
			
			right: -3px;
		}

		.our-clint.work .owl-nav button.owl-prev .fas{ background-color: #fff;
			color: #2386E3;
			font-size: 35px;
			padding: 3px 14px;
			border-radius: 50%;}
			
			.our-clint.work .owl-nav button.owl-next .fas{   background-color: #fff;
				color: #2386E3;
				font-size: 35px;
				padding: 3px 14px;
				border-radius: 50%;}

				.footer-top {
					background: #08345C;
					padding: 40px 40px;
				}
				.f-logo {
					border-right: 1px solid #797979;
					padding: 0px 0px 0px 85px;
				}
				.socila {
					width: 100%;
					float: left;
				}
				.desk-add {
					position: relative;
					left: -29%;
					top: 26px;
					text-align: center;
				}
				.desk-add p {
					color: #fff;
					font-size: 14px;
				}
				.desk-add span {
					position: relative;
					left: 0;
					font-size: 13px;
					color: #fff;
				}
				.desk-add span b{    font-weight: 600;
					font-size: 13px;}
				.f-ul {
					list-style: none;
					padding-left: 0rem;
					color: #fff;
				}
				.f-ul li {
					font-size: 1.2em;
					font-weight: 300;
					margin-bottom: 7px;
				}
				.f-ul a {
					text-decoration: none;
					color: #fff;
					font-size: 16px;
				}
				.s-ico {
					/* position: relative;
					top: -5px;
					left: 18px; */
					display: inline;
					padding: 0 3px;
				}
				.s-ico img {
					width: 30px;
				}
				.f-Services h4 {
					color: #fff;
					font-size: 18px;
				}

				hr{border-top: 1px solid #456684;}

				.footer {
					background: #022748;
					color: #fff;
					text-align: center;
				}

				.gds-data strong {
					display: inline-block;
					margin-top: 14px;
					font-size: 18px;
					font-weight: 400;
				}
				.gds-data ul.amd{margin:0; padding:0;}
				.gds-data ul.amd li{    background: #FFFFFF;
					box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
					display: inline-block;
					text-align: center;
					padding: 11px 11px;
					height: 116px;}

					.gds-data ul.amd li p{    font-size: 18px;
						font-weight: 400;
						color: #000;}
						
						.fa-whatsapp  {
							color:#fff;
							background:
							 linear-gradient(#25d366,#25d366) 14% 84%/16% 16% no-repeat,
							 radial-gradient(#25d366 58%,transparent 0);
						  }

						  .fa-envelope{    width: 28px;
							height: 34px;
							line-height: 32px;
							font-size: 21px;}

							.mobile-sec{display: none;}
							.mt-top-5{margin-top: 3rem;}

							.logo{width: 150px;}

.mobile-phone-top{display: none;}






/* form starting stylings ------------------------------- */
.banner-top .enqiuries .group{position:relative;margin-top: 4px;padding: 0 17px 14px;}
.banner-top .enqiuries input{font-size:17px;padding:10px 10px 10px 11px;display:block;width:100%;border:1px solid #818181; font-weight:400; color:#000;}
.banner-top .enqiuries input:focus{outline:none;}
.banner-top .enqiuries label{font-weight:300; color:#000;font-size:18px;position:absolute;pointer-events:none;left:5px;top:10px;transition:0.2s ease all; -moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;} 
.banner-top .enqiuries input:focus ~ label,.banner-top .enqiuries input:valid ~ label{top:-20px;font-size:14px;color:#5264AE;}
.why-chose p{font-weight:400; color:#000;font-size:20px;}
.website-designe{background: #FFFFFF;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);border-radius: 2px;width: 383px;padding: 22px;    text-align: left;}
.website-designe:hover{background-color:#051c6c; cursor:pointer;}
.website-designe:hover span,.website-designe:hover p{color:#fff;}
.website-designe span{font-weight:400; color:#000;font-size:24px;    line-height: 45px;}
.website-designe img{float:left;margin-right: 36px;}
.website-designe p{font-weight:400; color:#000;font-size:16px;margin: 22px auto 0;text-align: center;clear: both;}
.indu-main{margin-top:30px;}
.real-all{margin-top: 28px;}
.real-all ul{margin:0; padding:0;}
.real-all ul li{display: inline-block; width: 16.4%; margin-bottom: 29px;}
.real-all ul li p{margin-top: 20px;}
.our-work-progress{}
.our-work-progress .nav-tabs .nav-item.show .nav-link,.our-work-progress .nav-tabs .nav-link.active{color: #000!important; font-weight: 400;}
.our-work-progress .nav-tabs .nav-item.show .nav-link img,.our-work-progress .nav-tabs .nav-link.active img{display: block; background: #EBF1FF;}
.our-work-progress .nav-link{color: #000!important; font-weight: 400; padding: 25px 49px 22px;}
.our-work-progress .nav-link img{display: block; margin-bottom: 12px;}
.our-work-progress .nav-tabs .nav-item.show .nav-link,.our-work-progress .nav-tabs .nav-link.active{background: #EBF1FF; padding: 25px 49px 22px;border-color: transparent;}
.our-work-progress .nav{justify-content: space-between;}
.our-work-progress .nav-tabs{border-bottom:1px solid #EBF1FF;}
.our-work-progress .tab-content{padding:20px;}
.our-work-progress strong{font-size: 19px;line-height: 50px;font-weight: 400;padding-top: 71px;display: inline-block;}
.hire-top{background-color:#fff;}
.hire-top img{float: left;margin-right: 30px;}
.hire-top h3{display:block;font-weight:500; color:#3FB1B5;font-size:21px;}
.hire-top p{margin-top: 25px; display: inline-block;font-weight:400; color:#4F4F4F;font-size:16px;}
.hire-top strong{display:block;font-weight:400; color:#4F4F4F;font-size:16px;}
.hire-top hr{width:50px; border-top: 2px solid #626262; margin: 0.8rem 0;}
.web-tecnology{background: #EBF1FF; padding: 42px 0; text-align: center;}
.web-tecnology h4{font-weight:700;}
.web-tecnology span{font-weight:400;}
.web-tecnology p{font-weight:400; color:#4F4F4F;font-size:17px; display: inline-block; margin-top: 20px;}
.web-tecnology ul{margin:0; padding:0;}
.web-tecnology ul li{display: inline-block;}
.web-tecnology ul li .zoom {padding: 40px;transition: transform .2s; width: 180px;height: 180px;margin: 0 auto;cursor: pointer;}
.web-tecnology ul li .zoom:hover {transform: scale(1.3);}
.conter-all{background: linear-gradient(91.21deg, #FB9D10 0.11%, #08C2CE 100%);padding: 30px 0 30px;}
.conter-all strong{font-weight:600; color:#fff;font-size:24px;}
.conter-all .count-bold{font-weight:500; color:#fff;font-size:24px;display: inline-block; margin: 0 10px 0 0;}
.conter-all .count-normal{font-weight:300; color:#fff;font-size:21px;display: inline-block;}
.banner-top.add{background: url(../images/banner-web.png) no-repeat!important;     background-size: cover!important;}
.txt-size{font-size: 26px;}
.txt-size1{font-weight: 300;    font-size: 18px;}
.our-txtt{font-size:26px;}