*{
	margin: 0;
	padding: 0;
	text-align: center;
	box-sizing: border-box;
	font-family: 'Patua One', cursive;
	font-weight:50;
  }
  html,
  body{
  width:100%;
  overflow-x:hidden;
  }
:root{
	--bg-color: #fdfdfd;
	--main-color:#62CDFF;
	--shadow-color: rgba(0,0,0,.2);
}

header{
	  position: absolute;
	  z-index: 99999;
	  width: 100%;
	  
  }
.logo{
	height: 70px;
	width: 200px;
    margin-right: 1%;
}
.dropdown-item{
	font-size: .85rem;
}

.line{
    border: dashed black 10px;
    border-bottom: none;
    width: 10%;
    margin-top:90px;
	margin-left: 45%;
}
.journey{
	margin: 3% 3% 3% 3%;
	box-shadow: 0 .1rem .5rem var(--shadow-color);
	padding: 5%;
}
.clearfix img{
	margin: 3%;
	
}
.clearfix p{
	margin-top: 3%;
	text-align: justify;
}

.choose{
	margin: 3% 3% 3% 3%;
}
.feature-box{
	padding: 2%;	
}

.feature-box .card .icon {
	width: 30%;
	height: 30%;
	color: grey;
}

.pageTitle{
	font-size: 8rem;	
}
.dropup-center{
	align-items: center;
	margin-top: -5%;
}
.aboutTxt1{
	padding-top: 12%;
}
.aboutTxt2{
	padding-top: 10rem;
}
.aboutTxt3{
	padding-top: 7%;
}
.carousel-item img{
	width: 12rem;
	height: 12rem;
	object-fit:cover;
	border-radius:50%;
	border: .5rem solid var(--bg-color);
	outline: .5rem solid var(--main-color);
}
.carousel-item p{
	text-align: justify;
	padding: 2%;
}
.carousel-item h3{
	color: #62CDFF;
	font-size: 3rem;
	margin: 2rem 0;
}

.carousel-item h4{
	font-size: 2rem;
	margin: 2rem 0;
}


#carouselExample{

	width: 100%;
	padding: 2rem 2rem;
}
#carouselExample .carousel-inner{
	max-width: 150rem;
	width: 100%;
	background: var(--bg-color);
	border-radius: 2rem;
	box-shadow: 0 .1rem .5rem var(--shadow-color);
	padding: 3rem 5rem;
	border-top: .8rem solid var(--main-color);
	border-bottom: .8rem solid var(--main-color);
}
.teamName{
	font-size: 1rem;
}
.pageTitle2{
	font-size: 5rem;
}
.serviceTitle{
	text-decoration: underline;
	color: #fff;
	font-size: 1.8rem;
}
.servieImg{
	width: 40rem;
	height: 20rem;
}
.servicePara{
	padding-top: 7%;
}


.card {
    box-shadow: 0 0.8rem 0.5rem var(--shadow-color);
}
.item{
	border-radius: 2rem;
	border: 0.8rem solid var(--main-color);
	
}

.profile-pic {
    width: 200px !important;
    height: 200px !important;
    box-shadow: 0px 4px 8px 0px #BDBDBD;

}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    background: 0 0;
    color: #62CDFF !important;
    border: none;
    padding: 5px 20px !important;
    font: inherit;
    font-size: 50px !important;
}

.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {
    color: #62CDFF !important;
    background-color: transparent !important;
}

.owl-dots {
    display: none; 
}

button:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline-width: 0;
}

.item {
    display: none;
}

.next {
    display: block !important;
    position: relative;
    transform: scale(0.8);
    transition-duration: 0.3s;
    opacity: 0.6;
}

.prev {
    display: block !important;
    position: relative;
    transform: scale(0.8);
    transition-duration: 0.3s;
    opacity: 0.6;
}

.item.show {
    display: block;
    transition-duration: 0.4s;
}
.contactSection{
	padding: 5%;
}
.contactPage{
	box-shadow: 0 0.8rem 0.5rem var(--shadow-color);
	padding: 5%;
	border: 0.8rem solid var(--main-color);
	border-radius: 2rem;
}
.contactInfo{
	margin: 3%;
	padding: 0% 5%;
}
.contactInfo p{
	padding-top: 5%;
	color: #000;
	font-weight: bold;
}
.contactInfo p a{
	color: gray;
}
.contactInfo-icon{
	color: #fff;
	background-color: #62CDFF;
	font-size: 2rem;
	border-radius: 50%;
	padding: 5%;
}
.journey h3{
	color: #62CDFF;
	font-size: 3rem;
}
.titleAll{
	color: #62CDFF;
	font-size: 3rem;
	padding-top: 3rem;
}
.homeH3{
	font-size: 2rem;
}
.homeH1{
	font-size: 5rem;
	font-weight: bold;
}





/* FOR MOBILE DEVICE (FOR FOOTER ) */

@media only screen and (max-width: 950px) {
	
		html,
		body{
		width:100%;
		overflow-x:hidden;
		}
.bg{
	background-color: #000;
}
.feature-box .card{
	height: 13rem;
}
.pageTitle{
	font-size: 5rem;
	
}
.dropup-center{
	align-items: center;
	margin-top: -2%;
}
.clearfix img{
	width: 100%;
	height: 15rem;
	padding-right: 4rem;
}
.aboutTxt1{
	padding-top: 0%;
}
.aboutTxt2{
	padding-top: 0%;
}
.aboutTxt3{
	padding-top: 0%;
}
.carousel-item h3{
	color: #62CDFF;
	font-size: 1.8rem;
	margin: 2rem 0;
}
#carouselExample{
	padding: 1rem 1rem;
}
#carouselExample .carousel-inner{
	padding: 3rem 2rem;
}

.carousel-item h4{
	font-size: 1.3rem;
	margin: 2rem 0;
}
.carousel-item img{
	width: 8rem;
	height: 8rem;
	
}
.pageTitle2{
	font-size: 2.5rem;
}
.servicePara{
	padding-top: 0%;
}


.next, .prev {
	transform: scale(1);
	opacity: 1;
}

.item {
	display: block !important;
}
.banner-image{
	height: auto;
  }
  .contactInfo-icon{
	padding: 2%;
	font-size: 2rem;
}
.homeH3{
	font-size: 1.5rem;
}
.homeH1{
	font-size: 2rem;
	font-weight: bold;
}
.journey h3{
	color: #62CDFF;
	font-size: 2rem;
}
.titleAll{
	color: #62CDFF;
	font-size: 2rem;
	padding-top: 3rem;
}
}
@media only screen and (min-width: 300px) and (max-width: 700px) {
	html,
    body{
    width:100%;
    overflow-x:hidden;
    }
	
	.homeH3{
		font-size: 1.5rem;
		padding: 2%;
	}
	.homeH1{
		font-size: 2rem;
		font-weight: bold;
		padding: 2%;
	}
	.pageTitle{
		font-size: 3rem;
		
	}
	.pageTitle2{
		font-size: 2rem;
	}
	.feature-box .card{
		height: 18rem;
	}
	.dropup-center{
		align-items: center;
		margin-top: -3%;
	}
  
}
@media only screen and (min-width: 500px) and (max-width: 750px){
	html,
    body{
    width:100%;
    overflow-x:hidden;
    }
	.dropup-center{
		align-items: center;
		margin-top: -2%;
	}
}
@media only screen and (min-width: 700px) and (max-width: 1100px)
   {
	html,
    body{
    width:100%;
    overflow-x:hidden;
    }
	
	.homeH3{
		font-size: 2rem;
		padding: 2%;
	}
	.homeH1{
		font-size: 3rem;
		padding: 2%;
	}
	.pageTitle{
		font-size: 5rem;
		
	}
	.pageTitle2{
		font-size: 3.5rem;
	}
	.feature-box .card{
		height: 17rem;
	}
	.dropup-center{
		align-items: center;
		margin-top: -10%;
	}
  
}
@media only screen and (min-width: 200px) and (max-width:500px){
	html,
    body{
    width:100%;
    overflow-x:hidden;
    }

	.pageTitle{
		font-size: 3rem;	
	}
	.homeH3{
		font-size: 1rem;
		padding: 2%;
	}
	.homeH1{
		font-size: 2rem;
		padding: 2%;
	}
	.pageTitle2{
		font-size: 1.5rem;
	}
	.feature-box .card{
		height: 24rem;
	}
	#carouselExample .carousel-inner{
		padding: 3rem 2rem;
	}
	.dropup-center{
		align-items: center;
		margin-top: -3%;
	}
}