@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;500&display=swap');
 /*slider start*/
 .slidercontainer{
	width :100%;
	height :75vh;
 }
 .slider{
	width :100%;
	height :75vh;
}
.swiper{
	width :100%;
	height :75vh;
	
}
.swiper-slide img{
	width :100%;
	height :fit-content;
	
}
.swiper-slide p{
	margin-top:30px;
	margin-left:80px;
	
}
.slider .swiper .swiper-wrapper .swiper-slide .msg-col{
	 position:absolute;
	 top:25vh;
	 left:10px;
	 padding:15px 30px;
 }
.slider .swiper .swiper-wrapper .swiper-slide .msg-col p{
	font-size:20px;
	color:#1B1464;
	font:Poppins;
 }
.slider .swiper .swiper-wrapper .swiper-slide .msg-col .btnbook{
	height:30px;
	width:160px;
	margin-left:80px;
	margin-top:-30px;
	background-color:#1B1464;
	text-align:center;
	border-radius:15px;
	transition:0.5s;
 }
.slider .swiper .swiper-wrapper .swiper-slide .msg-col .btnbook:hover{
	background-color:blue;
 }
.slider .swiper .swiper-wrapper .swiper-slide .msg-col .btnbook p{
	color:white;
	margin-left:0px;
	font-size:18px;
	text-decoration:none;
 }
.slider .swiper .swiper-wrapper .swiper-slide .msg-col .btnbook a{
	text-decoration:none;
 }
 /*slider end*/
span{
	margin-top: 10px;
	color: #FFAB01;
	display: block;
	font-size: 12px;
}

/*code for intruduction*/
.intro-2{
	margin-top:50px;
}
.intro-2 .row-2 .intro-col h1{
	color:blue;
	font-size:25px;
}
.intro-2 .row-2 .intro-col ul li p{
	font-size:15px;
	color:blue;
	margin-top:-20px;
	
}
.intro-2 .row-2 .intro-col ul li ul li p{
	font-size:15px;
	color:black;
	margin-top:-40px;
	margin-left:15px;
}
.visionmission{
	margin-top:50px;
}
.visionmission .row-3{
	
	margin-left:10%;
	width:80%;
	height:300px;
	display:flex;
	justify-content:space-between;
	
}
.visionmission .row-3 .intro-col{
	 margin-top:20px;
	 width:49%;
	 height:250px;
	 border:2px;
	 border-color:black;
	 border-radius:10px;
	 padding:20px 12px;
	 box-sizing: border-box;
	 transition:0.5s;
	 background-color:white;
	 
}
.visionmission .row-3 .intro-col .title{
	color:blue;
	font-size:25px; 
	text-align:center;
}
.visionmission .row-3 .intro-col:hover {
	 box-shadow: 0 0 40px 0px rgba(0,0,0,0.2);
	 background-color:#1B1464;
	 color:white;
	 
}
.visionmission .row-3 .intro-col .title:hover{
	color:white;
}
.row-2{
	margin-left:10%;
	width:80%;
	height:550px;
	display: flex;
	justify-content:space-between;
	
}
.intro-col{
	width:49%;
	height:500px;
	 border:2px;
	 border-color:black;
	 border-radius:10px;
	 margin-bottom:5%;
	 padding:20px 12px;
	 box-sizing: border-box;
	 transition:0.5s;
}
.intro-col p{
	
	 padding:20px 12px;
	 text-align:justify;
	 font-size:15px;
	 font:Poppins;
}
.intro-col-img{
	padding-left:0px;
	width:49%;
	height:500px;
	float:left;
	 border-radius:10px;
	 box-sizing: border-box;
	 transition:0.5s;
	 background-size:100% 100%;
	 animation:slider 8s infinite linear;
}
.intro-col-img img{
	
	width:100%;
	height:500px;
	
}
.intro .row-2 .intro-col h1{
	color:blue;
	font-size:25px;
}
.intro .row-2 .intro-col ul li p{
	font-size:15px;
	color:blue;
	margin-top:-20px;
	
}
.intro .row-2 .intro-col ul li ul li p{
	font-size:15px;
	color:black;
	margin-top:-40px;
	margin-left:15px;
}
.intro-col:hover {
	 box-shadow: 0 0 40px 0px rgba(0,0,0,0.2);
}
.intro-col-img:hover {
	 box-shadow: 0 0 40px 0px rgba(0,0,0,0.2);
}
.intro{
	margin-top: 50px;
}
/*code for service*/
.service{
	margin-top:10px;
	height:90vh;
	width:80%;
	margin-left:10%;
	
}
.service-row{
	margin-top:5%;
	display: flex;
	justify-content:space-between;
}
.service .spp{
	font-size:25px;
	color:blue;
	padding:20px 12px;
}
.service .con{
	font-size:15px;
	text-align:justify;
	margin-top:10px;
	margin-left:20px;
}
.service-col{
	 flex-basis:19%;
	 background:#e7e6e6b4;
	 border-radius:10px;
	 margin-bottom:5%;
	 padding:20px 12px;
	 box-sizing: border-box;
	 transition:0.5s;
	 text-decoration:none;
}
.service-col .sp{
	font-size:25px;
	color:blue;
	
}
.service-col .sd{
	font-size:15px;
	margin-top:10px;
	margin-left:10px;
	
}
.service-row a{
	 text-decoration:none;
}


/* for width<767px*/
@media(max-width:767px){

.header{
	min-height:30px;
	width:100%;
	background-position: center;
	background-size: cover;
	position: relative;
	
 }
.slider .swiper .swiper-wrapper .swiper-slide .msg-col p{
   font-size:15px;
   }
.slider .swiper .swiper-wrapper .swiper-slide .msg-col .btnbook{
   height:25px;
   width:100px;
   margin-left:80px;
   margin-top:-40px;
}
.slider .swiper .swiper-wrapper .swiper-slide .msg-col .btnbook p{
   font-size:15px;
   padding-top: 2px;
}
.footer-col{
	 width:50%;
	 margin-bottom:30px;
 }
 /*code for intro*/
 .intro{
	height: 160vh;
 }
 .intro-col-img img{
	width:100%;
	height:450px;	
}
 .row-2{
	margin-left:10%;
	width:80%;
	height:600px;
	display: block;
	justify-content:space-between;
	
}
 .intro-col{
	 width:600px;
	 height:450px;
}
.intro-col-img{
	 width:600px;
	 height:450px;
}

.footercontact .footercontacttxt{
	margin-left: 50px;
}
/*code for service*/
.service{
	height:190vh;
	width:80%;
	margin-left:10%;
	margin-top: 50px;
}
.service-row{
	margin-top:3%;
	width:600px;
	display: block;
	justify-content:space-between;
}
/*vision mission*/
.visionmission .row-3{
	
	margin-left:10%;
	width:80%;
	height:400px;
	display:flex;
	justify-content:space-between;
}
.visionmission .row-3 .intro-col{
	height:350px;
}
.intro-2{
	height: 150vh;
 }

}

 /* width <500px*/
 @media(max-width:500px){
/*======================================================*/
.header{
	min-height:30px;
	width:100%;
	background-position: center;
	background-size: cover;
	position: relative;
	
 }
 .slidercontainer{
	height :40vh;
 }
 .slider .swiper .swiper-wrapper .swiper-slide .msg-col {
	margin-top: -40px;
 } 
 .slider .swiper .swiper-wrapper .swiper-slide .msg-col p{
	font-size:8px;
	color:#1B1464;
	font:Poppins;
	margin-left: 30px;
	margin-top: -30px;
 }
.slider .swiper .swiper-wrapper .swiper-slide .msg-col .btnbook{
	height:15px;
	width:55px;
	margin-left:30px;
	margin-top:10px;
	background-color:#1B1464;
	text-align:center;
	border-radius:15px;
	transition:0.5s;
 }

.slider .swiper .swiper-wrapper .swiper-slide .msg-col .btnbook p{
	font-size:8px;
	padding-top: 2px;
 }
.slider .swiper .swiper-wrapper .swiper-slide .msg-col .btnbook a{
	text-decoration:none;
 }
 .slider .swiper{
	height: 40vh;
 }


/*code for intro*/
.intro{
	height: 70vh;
	width: 80%;
	margin-left:10%;
}
.intro-col p{
	width: 280px;
	padding:5px 5px;
	text-align:justify;
	font-size:8px;
}
.intro-col-img{
	width:300px;
	height:200px;
}
.intro-col-img img{
	width:300px;
	height:200px;	
}
.intro .row-2{
	margin-left:0%;
	width:60%;
	height:600px;
	display: block;
	justify-content:space-between;
	
}
.intro-col{
	 width:305px;
	 height:220px;
}
.intro .row-2 .intro-col h1{
	font-size:10px;
}
.service{
	width:80%;
	margin-top: 10px;
	height: 65vh;
}
.service .service-row{
	margin-top:3%;
	width:100%;
	display: block;
	justify-content:space-between;
}
.service .spp{
	font-size:10px;
}
.service .con{
	font-size:8px;
	margin-top:-10px;
	width: 280px;
}

.service-row{
	margin-top:10px;
	display: block;
	justify-content:space-between;
}
.service-col {
	width: 100%;
	height: 30px;
}
.service-col .sp{
	font-size:10px;
	color:blue;
	margin-top: -20px;
	
}
.service-col .sd{
	font-size:8px;
	margin-top: 0px;
	width: 280px;
	text-align: justify;
	
}
.visionmission .row-3{
	margin-left:10%;
	width:80%;
	height:250px;
	display:flex;
	justify-content:space-between;
}
.visionmission {
	margin-top: 0px;
}
.visionmission .row-3 .intro-col{
	height:200px;
}
.visionmission .row-3 .intro-col {
	width:49%;
	
}
.visionmission .row-3 .intro-col .title{
   font-size:10px; 
   width: 150px;
   padding: 0px;
}
.visionmission .row-3 .intro-col .text{
	font-size:8px; 
	width: 120px;
 }
.intro-2{
	margin-top: 5px;
	height: 80vh;
	width: 80%;
	margin-left:10%;
}
.intro-2 .row-2{
	margin-left:0%;
	height:500px;
	display: flex;
	justify-content:space-between;
}
.intro-2 .row-2 .intro-col-img{
	width:300px;
	height:200px;
}
.intro-2 .row-2 .intro-col-img img{
	width:300px;
	height:200px;	
}
.intro-2 .row-2 .intro-col{
	width:305px;
	height:300px;
	margin-top: 205px;
	margin-left: -300px;
}
.intro-2 .row-2 .intro-col h1{
	font-size: 10px;
	margin-top: 10px;
}
.intro-2 .row-2 .intro-col ul li p{
	font-size: 8px;
	margin-top: 0px;
}
.intro-2 .row-2 .intro-col ul li ul li p{
	font-size: 8px;
	margin-top: -5px;
	width: 270px;
}


}

/* for width<380px*/
@media(max-width:380px){
	.service {
		height: 80vh;
	}
	.service .con{
		width: 270px;
	}
	.service-col .sd{
		width: 270px;
	}
	.service-col {
		height: 55px;
	}

	.intro-col p{
		width: 270px;
	}
	.intro-col-img{
		width:300px;
	}
	.intro-col-img img{
		width:300px;
	}
	.intro-col{
		 width:300px;
		 height:230px;
	}
	
	.visionmission .row-3 .intro-col{
		height:200px;
	}
	.visionmission .row-3 .intro-col {
		height: 225px;
	}
	.visionmission .row-3 .intro-col .title{
	   font-size:10px; 
	   width: 110px;
	}
	.visionmission .row-3 .intro-col .text{
		width: 110px;
	 }

	.intro-2 .row-2 .intro-col-img{
		width:300px;
	}
	.intro-2 .row-2 .intro-col-img img{
		width:300px;
	}
	.intro-2 .row-2 .intro-col{
		width:300px;
		margin-left: -300px;
	}
	.intro-2 .row-2 .intro-col ul li ul li p{
		width: 250px;
	}
	.intro{
    	height: 75vh;
    }
    .intro-2{
    	height: 85vh;
    }
}