*{	
	margin:0;
	padding:0;

}


body{
	background-color: white;
	height:auto;
}

 /*-------desktop start---- nabr==*/

/* style.css*/

nav{
  background:  #C40D63;
  
  display: flex;
  height:120px;
  width:100%;
}

nav ul{
	
  float: left;
  margin-right: 40px;
  list-style: none;
  position: relative;
  margin-top:20px;
  z-index:2;
}





 nav ul li{
	width:80px;
  float: left;
  display: inline-block;
  background:  #C40D63;
  margin: 0 5px;
}
nav ul li a{
  color: white;
  line-height: 80px;
  text-decoration: none;
  font-size: 20px;
  padding: 8px 15px;
  font-weight:bold;
}

nav ul ul li a{
 
  
  
  font-size: 20px;
  
}


nav ul li a:hover{
  color: cyan;
  border-radius: 5px;
  box-shadow:  0 0 5px #33ffff,
               0 0 10px #66ffff;
}
nav ul ul li a:hover{
  box-shadow: none;
}
nav ul ul{
  position: absolute;
  top: 30px;
  border-top: 3px solid cyan;
  opacity: 0;
  visibility: hidden;
  transition: top .3s;
}
nav ul ul ul{
  border-top: none;
}
nav ul li:hover > ul{
  top: 50px;
  opacity: 1;
  visibility: visible;
}
nav ul ul li{
  position: relative;
  margin: 0px;
  width: 150px;
  float: none;
  display: list-item;
  border-bottom: 1px solid rgba(0,0,0,0.3);
}
nav ul ul li a{
  line-height: 50px;
}
nav ul ul ul li{
  position: relative;
  top: -60px;
  left: 150px;
}
.show,.icon,input{
  display: none;
}
.fa-plus{
  font-size: 15px;
  margin-left: 40px;
}


.logo img{
	width:250px;
	height:160px;
	margin-top:20px;
	margin-right:2px;
}






 .iconp span img{
	width:36px;
	height:36px;
	border:5px solid yellow;
	animation:blink 3s infinite;
	margin-top:5px;
	border-radius:50px;
	animation:blinkh 2s infinite;
	
}
@keyframes blinkh {
            0% {
                opacity: 1;
            }

            50% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }


.iconp i{
	font-size:30px;
	margin-top:2px;
	margin-right:0px;
	color:white;
	

	
}
.iconp{
	width:200px;
	height:102px;
	margin-left:8px;
	background-color:green;
margin-top:20px;
margin-right:20px;

display:block;
margin-left:10px;


}
.iconp p{
	
	font-size:20px;
	display:block;
	margin-top:18px;
	line-height:center;
	justify-content:center;
	float:right;
	margin-right:10px;
	color:white;
	
	

	
}

	
	
	.logorespo{
		
		
		
		display:none;
	}



.content{
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
}
header{
  font-size: 35px;
  font-weight: 600;
  padding: 10px 0;
}
p{
  font-size: 30px;
  font-weight: 500;
}

/*desktop-menu -bar -css-end---*/
















/*responsive-menu -bar -Start-*/

@media all and (max-width: 868px) {
  nav ul{
    margin-right: 0px;
    float: left;
	width:100%;
	
  }
  nav{
  background:  none;
  
  
}
  .logorespo{
		
		width:100%;
		height:120px;
		background-color:#a10843;
		display:flex;
	}

 .logorespo img{
		
		width:150px;
		height:114px;
		background-color:#a10843;
		display:flex;
	}
	
	
	
  .show + a, ul{
    display: none;
  }
  nav ul li,nav ul ul li{
    display: block;
    width: 100%;
  }
  nav ul li a:hover{
    box-shadow: none;
  }
  .show{
    display: block;
    color: white;
    font-size: 18px;
    padding: 0 20px;
    line-height: 70px;
    cursor: pointer;
  }
  .show:hover{
    color: cyan;
  }
  .icon{
    display: block;
    color: white;
    position: absolute;
    top: 0;
    right: 30px;
    line-height: 70px;
    cursor: pointer;
    font-size: 55px;
  }
  nav ul ul{
    top: 70px;
    border-top: 0px;
    float: none;
    position: static;
    display: none;
    opacity: 1;
    visibility: visible;
  }
  nav ul ul a{
    padding-left: 40px;
  }
  nav ul ul ul a{
    padding-left: 80px;
  }
  nav ul ul ul li{
    position: static;
  }
  [id^=btn]:checked + ul{
    display: block;
  }
  nav ul ul li{
    border-bottom: 0px;
  }
  span.cancel:before{
    content: '\f00d';
  }
  
  .iconp img{
	display:none;
	margin-right:4px;


	
}
  
   .iconp {
	
	margin-right:94px;
	height:50px;
	width:260px;
display:none;

	
}

 .contrespo {
	display:flex;
	margin-right:104px;
	height:50px;
	width:290px;
 animation-name: blinkh 1s    infinite;

	
}




   .contrespo span img{
	display:inline-block;

	width:30px;
	height:40px;
	border-radius:50px;
	margin-top:30px;
	float:left;
     border: solid white 2px;
        animation:blinkh 2s infinite;    

	
}

@keyframes blinkh {
            0% {
                opacity: 1;
            }

            50% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }



.contrespo p{
	
	font-size:17px;

	margin-top:20px;
	display:inline-block;
	
	
	
	color:white;
	
	
	
}

.logo img{
	
	display:none;
}
.iconp p{
	
	font-size:15px;
	display:flex;
	
	display:inline-block;
	position:absolute;
	float:right;
	
	color:white;
	
	display:none;

	
}
  
}

/*responsive-menu -bar -End-*/

  
  
  
  
  
  /*---------SLIDER IMAGE-CSS STYLE-----*/
  
  
  
  
  
  .mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .14} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
  
  
  
	 
	  
  }
  
  /*-----slider image - css End--*/
  
  
  
  

  
  
  



/*--------home---body---css--start*/


   .intro{
	  
	  
	width:98%;
height:auto;	
	 margin-left:8px; 
	  
	  align-items:right;
  background-color:blue;
 
  }
  
  .intro:hover {
    z-index: 50;
	border:1px solid #C40D63;
    border-radius: 13px;
    text-decoration: none;
    box-shadow: 0 7px 17px 0 #C40D63;
}
  
  .intro1 p{
	  
	  
	  font-size:16px;
	  text-align:center;
	  line-height:28px;
	  margin:0 16px;
	  
	  
  }



  .licenseintro{
	  
	  
	width:100%;
height:auto;	
	 margin-left:8px; 
	  display:flex;
	  align-items:right;
	 background-color:blue;
	 
	  
  }  
  
  
  .licenseintro1 p{
	  
	  
	  font-size:16px;
	  text-align:center;
	  line-height:23px;
	  text-overflow:hiden;
	  color:white;
	  
  }
  .intro h1{
	  
	  text-align:center;
	  
  }
  
  
  
  .licenseintro img{
	  
	  
	  margin-left:180px;
	  
	  
	  width:230;
	  height:130;
	 
	  
  }
  
  
  
  
  
  .licenseintro img:hover {
    z-index: 50;
	border:1px solid #C40D63;
    border-radius: 133px;
    text-decoration: none;
    box-shadow: 0 7px 17px 0 #C40D63;
	
	 width:140;
	  height:140;
	  cursor:pointer;
	  border:3px solid green;
}
 
 
 
 .licenseintro1{
	  
	  
	width:40%;
height:auto;	
	 margin-left:2px; 
	  
	  align-items:right;
	 background-color:blue;
	 float:right;
	 margin-top:5px;
	 display:block;
 }
  
 
  
 .licenseintro2{
	  
	  
	width:40%;
height:auto;	
	 margin-left:102px; 
	  
	  align-items:right;
	 background-color:blue;
	 float:right;
	 margin-top:5px;
	 display:block;
 }
 
 
 .licenseintro2 p{
	  
	  
	  font-size:19px;
	  text-align:center;
	  line-height:23px;
	  text-overflow:hiden;
	  color:white;
	  
  }
 
 
 .cardmain{
	 
	
	 width:100%;
	 height:900px;
	 background-color:black;
 }
	 

	
	
	
	
	
	
	.card1 {
		 
	
	width:23%;
height:360px;
display:inline-block;	 
		 
		 border:1px solid white;
		 
		 background-color:green;
		 border-radius:6px;
	
		 margin-bottom:2px;
		 
	 }
	
	 
	
	 .card1 a{
		 
		 
	text-decoration:none;	 
		 
		 
	 }
	 
	 .card1 li {
		 
		 
		 
		font-size:19px; 
		color:black;
		list-style:none;
		 
		 
	 }
	 .card1 p {
		 
		 
		font-size:14px; 
		color:white;
		 
		 
	 }
	 
	 .card1 img{
	width:90%;
	height:130px; 
	 
	 border-radius:12px;
	 margin-left:7px;
	 
	 
	 box-shadow:0 15px 15px 0 black;
	 }
	 
 .card2 {
		display:inline-block;
		 margin-left:5px;
		 margin-right:5px;
	width:23%;
height:360px;	 
		
		  border:1px solid white;
		 
		 background-color:white;
		 
	 }
	 
	 .card2 img{
		 
		  margin-left:7px;
		 
		 width:90%;
	height:130px; 
	border-radius:12px;
	box-shadow:0 15px 15px 0 black;
		 
	 }
	 	 .card2 li{
		 
		 
		font-size:19px; 
		color:black;
		list-style:none;
		 
		 
	 }
	 
	  .card2 p {
		 
		 
		font-size:14px; 
		color:black;
		 
		 
	 }
	 
	 .card2:hover{
		 border:1px solid #C40D63;
		 box-shadow:6px 13px 13px 6px #C40D63;
		 border-radius:10px;
		 
	 }
	 
	 
	 
 .card3 {
		 display:inline-block;
		  border:2px solid white;
		 justify-content:center;
	width:23%;
height:360px;	 
		 
		float:right;
 margin-right:40px;
		 

		 
		 
		 background-color:white;
		 
	 }
	 .card3 img{
		 
		 
		 
		 width:90%;
	height:130px; 
	border-radius:12px;
	 margin-left:7px;
	
	box-shadow:0 15px 15px 0 black;
		 
	 }
.card3 li {
		 
		 
		 
		font-size:19px; 
		color:black;
		list-style:none;
		 
	 }
	 
	 .card3 p {
		 
		 
		font-size:14px; 
		color:black;
		 
		 
	 }
	 .card3:hover{
		 border:1px solid #C40D63;
		 box-shadow:6px 13px 13px 6px #C40D63;
		 border-radius:10px;
		 
	 }
	 
	 
	 
	 
	  .card4 {
		 display:inline-block;
		  border:2px solid white;
		 justify-content:center;
	width:22%;
height:360px;	 

		float:right;
 margin-left:12px;
		 margin-right:5px;

		
		 
		  background-color:white;
		 
	 }
	 .card4 img{
		 
		 
		 
		 width:90%;
	height:130px; 
	border-radius:12px;
	 margin-left:7px;
	
	box-shadow:0 15px 15px 0 black;
		 
	 }
.card4 li {
		 
		 
		 
		font-size:19px; 
		color:black;
		list-style:none;
		 
		 
	 }
	 
	 .card4 p {
		 
		 
		font-size:16px; 
		color:black;
		 
		 
	 }
	 .card4:hover{
		 border:1px solid #C40D63;
		 box-shadow:6px 13px 13px 6px #C40D63;
		 border-radius:10px;
		 
	 }
	 
	  .card5 {
		 display:inline-block;
		  border:2px solid white;
		 justify-content:center;
	width:22%;
height:360px;	 
	

	float:left;
	
	
		
margin-top:10px;

		  margin-left:5px;
		 margin-right:5px;
		 
		 background-color:white;
		 
	 }
	 .card5 img{
		 
		 
		 
		 width:90%;
	height:130px; 
	border-radius:12px;
	 margin-left:7px;
	
	box-shadow:0 15px 15px 0 black;
		 
	 }
.card5 li {
		 
		 
		 
		font-size:19px; 
		color:black;
		list-style:none;
		 
	 }
	 
	 .card5 p {
		 
		 
		font-size:14px; 
		color:black;
		 
		 
	 }
	 .card5:hover{
		 border:1px solid #C40D63;
		 box-shadow:6px 13px 13px 6px #C40D63;
		 border-radius:10px;
		 
	 }
	 
	.card6 {
	 
		  border:2px solid white;
		 justify-content:center;
	width:23%;
height:360px;	

float:left;

		display:inline-block;
margin-top:10px;
 margin-left:5px;
		 margin-right:5px;
		 
		 
		 background-color:white;
		 
	 }
	 .card6 img{
		 
		 
		 
		 width:90%;
	height:130px; 
	border-radius:12px;
	 margin-left:7px;
	
	box-shadow:0 15px 15px 0 black;
		 
	 }
.card6 li {
		 
		 
		font-size:19px; 
		
		list-style:none;
		 
		 
	 }
	 
	 .card6 p {
		 
		 
		font-size:14px; 
		color:black;
		 
		 
	 }
	 
.card6:hover{
		 border:1px solid #C40D63;
		 box-shadow:6px 13px 13px 6px #C40D63;
		 border-radius:10px;
		 
	 }

 
	.card7 {
		 display:inline-block;
		  border:2px solid white;
		 justify-content:center;
	width:22%;
height:360px;	 
		
		float:left;
		
margin-top:10px;
 margin-left:0px;
		 margin-right:0px;
		 

		 background-color:white;
		 
	 }
	 .card7 img{
		 
		 
		 
		 width:90%;
	height:130px; 
	border-radius:12px;
	 margin-left:7px;
	
	box-shadow:0 15px 15px 0 black;
		 
	 }
.card7 li {
		 
		 
		font-size:19px; 
		color:black;
		list-style:none;
		 
		 
	 }
	 
	 .card7 p {
		 
		 
		font-size:14px; 
		color:black;
		 
		 
	 }
	 
.card7:hover{
		 border:1px solid #C40D63;
		 box-shadow:6px 13px 13px 6px #C40D63;
		 border-radius:10px;
		 
	 }

.card8 {
		 display:inline-block;
		  border:2px solid white;
		 justify-content:center;
	width:22%;
height:360px;	 
		float:left;	
		 margin-left:5px;
		 margin-right:5px;

position:relative;
		 
		 
		 background-color:white;
		 
	 }
	 .card8 img{
		 
		 
		 
		 width:90%;
	height:130px; 
	border-radius:12px;
	 margin-left:7px;
	
	box-shadow:0 15px 15px 0 black;
		 
	 }
.card8 li{
		 
		font-size:19px; 
		color:black;
		list-style:none;
		 
		 
	 }
	 
	 .card8 p {
		 
		 
		font-size:14px; 
		color:black;
		 
		 
	 }
	 
.card8:hover{
		 border:1px solid #C40D63;
		 box-shadow:6px 13px 13px 6px #C40D63;
		 border-radius:10px;
		 
	 }





.vehiclecard{
	 
	 
	 width:100%;
	 height:900px;
	 background-color:blue;
 }




.vecard1 {
		 
		  border:2px solid white;
		 justify-content:center;
	width:23%;
height:360px;	 
		 float:left;
		 margin-left:5px;
		 margin-right:5px;
margin-top:10px;

		 
		 
		 background-color:white;
		 
	 }
	 .vecard1 img{
		 
		 
		 
		 width:90%;
	height:130px; 
	border-radius:12px;
	 margin-left:7px;
	
	box-shadow:0 15px 15px 0 black;
		 
	 }
.vecard1 li {
		 
		 
		 
		font-size:19px; 
		color:black;
		list-style:none;
		 
		 
	 }
	 
	 .vecard1 p {
		 
		 
		font-size:14px; 
		color:black;
		 
		 
	 }
	 
.vecard1:hover{
		 border:1px solid #C40D63;
		 box-shadow:6px 13px 13px 6px #C40D63;
		 border-radius:10px;
		 
	 }

.vecard2 {
		 
		  border:2px solid white;
		 justify-content:center;
	width:23%;
height:360px;	 
		 float:left;
		 margin-left:5px;
		 margin-right:5px;
margin-top:10px;

		 
		 
		 background-color:white;
		 
	 }
	 .vecard2 img{
		 
		 
		 
		 width:90%;
	height:130px; 
	border-radius:12px;
	 margin-left:7px;
	
	box-shadow:0 15px 15px 0 black;
		 
	 }
.vecard2 li {
		 
		 
		 
		font-size:19px; 
		color:black;
		list-style:none;
		 
		 
	 }
	 
	 .vecard2 p {
		 
		 
		font-size:14px; 
		color:black;
		 
		 
	 }
	 
.vecard2:hover{
		 border:1px solid #C40D63;
		 box-shadow:6px 13px 13px 6px #C40D63;
		 border-radius:10px;
		 
	 }



.vecard3 {
		 
		  border:2px solid white;
		 justify-content:center;
	width:23%;
height:360px;	 
		 float:left;
		 margin-left:5px;
		 margin-right:5px;
margin-top:10px;

		 
		 
		 background-color:white;
		 
	 }
	 .vecard3 img{
		 
		 
		 
		 width:90%;
	height:130px; 
	border-radius:12px;
	 margin-left:7px;
	
	box-shadow:0 15px 15px 0 black;
		 
	 }
.vecard3 li {
		 
		 
		font-size:19px; 
		color:black;
		list-style:none;
		 
	 }
	 
	 .vecard3 p {
		 
		 
		font-size:14px; 
		color:black;
		 
		 
	 }
	 
.vecard3:hover{
		 border:1px solid #C40D63;
		 box-shadow:6px 13px 13px 6px #C40D63;
		 border-radius:10px;
		 
	 }






.vecard4 {
		 
		  border:2px solid white;
		 justify-content:center;
	width:20%;
height:360px;	 
		 float:left;
		 margin-left:5px;
		 margin-right:5px;
margin-top:10px;

		 
		 
		 background-color:white;
		 
	 }
	 .vecard4 img{
		 
		 
		 
		 width:90%;
	height:130px; 
	border-radius:12px;
	 margin-left:7px;
	
	box-shadow:0 15px 15px 0 black;
		 
	 }
.vecard4 li {
		 
		 
		font-size:19px; 
		color:black;
		list-style:none;
		 
	 }
	 
	 .vecard4 p {
		 
		 
		font-size:14px; 
		color:black;
		 
		 
	 }
	 
.vecard4:hover{
		 border:1px solid #C40D63;
		 box-shadow:6px 13px 13px 6px #C40D63;
		 border-radius:10px;
		 
	 }


.vecard5 {
		 
		  border:2px solid white;
		 justify-content:center;
	width:23%;
height:360px;	 
		 float:left;
		 margin-left:5px;
		 margin-right:5px;
margin-top:10px;

		 
		 
		 background-color:white;
		 
	 }
	 .vecard5 img{
		 
		 
		 
		 width:90%;
	height:130px; 
	border-radius:12px;
	 margin-left:7px;
	
	box-shadow:0 15px 15px 0 black;
		 
	 }
.vecard5 li {
		 
		 
		font-size:19px; 
		color:black;
		list-style:none;
		 
		 
	 }
	 
	 .vecard5 p {
		 
		 
		font-size:14px; 
		color:black;
		 
		 
	 }
	 
.vecard5:hover{
		 border:1px solid #C40D63;
		 box-shadow:6px 13px 13px 6px #C40D63;
		 border-radius:10px;
		 
	 }




.vecard6 {
		 
		  border:2px solid white;
		 justify-content:center;
	width:23%;
height:360px;	 
		 float:left;
		 margin-left:5px;
		 margin-right:5px;
margin-top:10px;

		 
		 
		 background-color:white;
		 
	 }
	 .vecard6 img{
		 
		 
		 
		 width:90%;
	height:130px; 
	border-radius:12px;
	 margin-left:7px;
	
	box-shadow:0 15px 15px 0 black;
		 
	 }
.vecard6 li {
		 
		 
		font-size:19px; 
		color:black;
		list-style:none;
		 
		 
	 }
	 
	 .vecard6 p {
		 
		 
		font-size:14px; 
		color:black;
		 
		 
	 }
	 
.vecard6:hover{
		 border:1px solid #C40D63;
		 box-shadow:6px 13px 13px 6px #C40D63;
		 border-radius:10px;
		 
	 }



.vecard7 {
		 
		  border:2px solid white;
		 justify-content:center;
	width:23%;
height:360px;	 
		 float:left;
		 margin-left:5px;
		 margin-right:5px;
margin-top:10px;

		 
		 
		 background-color:white;
		 
	 }
	 .vecard7 img{
		 
		 
		 
		 width:90%;
	height:130px; 
	border-radius:12px;
	 margin-left:7px;
	
	box-shadow:0 15px 15px 0 black;
		 
	 }
.vecard7 li {
		 
		 
		 
		font-size:19px; 
		color:black;
		list-style:none;
		 
		 
	 }
	 
	 .vecard7 p {
		 
		 
		font-size:14px; 
		color:black;
		 
		 
	 }
	 
.vecard7:hover{
		 border:1px solid #C40D63;
		 box-shadow:6px 13px 13px 6px #C40D63;
		 border-radius:10px;
		 
	 }



.vecard8 {
		 
		  border:2px solid white;
		 justify-content:center;
	width:23%;
height:360px;	 
		 float:left;
		 margin-left:5px;
		 margin-right:5px;
margin-top:10px;

		 
		 
		 background-color:white;
		 
	 }
	 .vecard8 img{
		 
		 
		 
		 width:90%;
	height:130px; 
	border-radius:12px;
	 margin-left:7px;
	
	box-shadow:0 15px 15px 0 black;
		 
	 }
.vecard8 li {
		 
		 
		 
		font-size:19px; 
		color:black;
		list-style:none;
		 
		 
	 }
	 
	 .vecard8 p {
		 
		 
		font-size:14px; 
		color:black;
		 
		 
	 }
	 
.vecard8:hover{
		 border:1px solid #C40D63;
		 box-shadow:6px 13px 13px 6px #C40D63;
		 border-radius:10px;
		 
	 }

	.velink1 a {
		 font-size:20px;
	font-weight:BOLDER;
text-decoration:none;
margin-left:5px;
		
		color:black; 
		 
	 }

.velink1  {
		 
		width:90px;
height:30px;
background-color:white;
border:1px solid black;
border-radius:8px;
line-height:27px;
margin-left:42px;
	box-shadow:5px 10px 10px 4px gray;	
		 
		 
	 }

.velink8 a {
		 font-size:20px;
	font-weight:BOLDER;
text-decoration:none;
margin-left:5px;
		
		color:black; 
		 
	 }

.velink8  {
		 
		width:90px;
height:30px;
background-color:white;
border:1px solid black;
border-radius:8px;
line-height:27px;
margin-left:42px;
	box-shadow:5px 10px 10px 4px gray;	
		 
		 
	 }

.CARDlink2 a {
		 font-size:20px;
	font-weight:BOLDER;
text-decoration:none;
margin-left:5px;
		
		color:black; 
		 
	 }

.CARDlink2  {
		 
		width:90px;
height:30px;
background-color:white;
border:1px solid black;
border-radius:8px;
line-height:27px;
margin-left:42px;
	box-shadow:5px 10px 10px 4px gray;	
		 
		 
	 }

.CARDlink8 a {
		 font-size:20px;
	font-weight:BOLDER;
text-decoration:none;
margin-left:5px;
		
		color:black; 
		 
	 }

.CARDlink8  {
		 
		width:90px;
height:30px;
background-color:white;
border:1px solid black;
border-radius:8px;
line-height:27px;
margin-left:42px;
	box-shadow:5px 10px 10px 4px gray;	
		 
		 
	 }
.aboutpage p{
		
		
		font-size:22px;
		line-height:33px;
		
}
/*--------home---body---css--End*/



/*--------RC services---body---css--start*/

.rtoc-main{
	
	background-color:;
	height:344px;
	width:100%;
	margin-left:10px;
	display:flex;
}

.rtoc-tr:hover{
	background:gray;
	width:22% ;
	height:470px;
	border:2px solid #C40D63 ;
	border-radius:12px;
	cursor:pointer;
	color:white;
	
	 box-shadow:6px 13px 13px 6px gray;
}

.rtoc h1{
	
display:inline-block;	
	
	
	
}

.rtoc{
	
	
	
	width:100%;
	display:block;
}


.rtoc img{
	
	float:left;
	
	width:30%;
	height:auto;
	
}

.rcpara p{
	
	
	font-size:15px;
	line-height:33px;
}

.rcpara{
	float:right;
	width:70%;
	font-size:15px;
	line-height:33px;
}
.rtoc-tr{
	
	background-color:;
	height:344px;
	width:20%;
	margin-left:10px;
}

.rtoc-tr p{
	
	font-size:15px;
	line-height:30px;
	color:black;
	
}
.rtoc-tr img{
	
	margin-left:50px;
	
	width:60%;
	height:130px;
	
	
	
	
}

.rtoc-noc{
	
	background-color:;
	height:344px;
	width:20%;
	margin-left:50px;
	display:inline-block;
}









.rtoc-noc img{


width:60%;
	height:130px;
margin-left:50px;


}




.rtoc-noc p{
	
	font-size:15px;
	line-height:30px;
	
	
}





.rtoc-hp{
	
	background-color:;
	height:344px;
	width:20%;
	margin-left:50px;
	display:inline-block;
}









.rtoc-hp img{


width:60%;
	height:130px;
margin-left:50px;


}




.rtoc-hp p{
	
	font-size:15px;
	line-height:30px;
	
	
}



.rtoc-np{
	
	background-color:;
	height:344px;
	width:20%;
	margin-left:50px;
	display:block;
}









.rtoc-np img{


width:60%;
	height:130px;
margin-left:50px;


}




.rtoc-np p{
	
	font-size:15px;
	line-height:30px;
	
	
}


.rtoc-AD{
	
	background-color:;
	height:344px;
	width:20%;
	margin-left:50px;
	display:inline-block;
	margin-top:10px;
}









.rtoc-AD img{


width:60%;
	height:130px;
margin-left:50px;


}




.rtoc-AD p{
	
	font-size:15px;
	line-height:30px;
	
	
}




.rtoc-hsrp{
	
	background-color:;
	height:344px;
	width:20%;
	margin-left:50px;
	display:inline-block;
	margin-top:200px;
}









.rtoc-hsrp img{


width:60%;
	height:130px;
margin-left:50px;


}




.rtoc-hsrp p{
	
	font-size:15px;
	line-height:30px;
	
	
}


.rtoc-duplicate{
	
	background-color:;
	height:344px;
	width:20%;
	margin-left:50px;
	display:inline-block;
	
}









.rtoc-duplicate img{


width:70%;
	height:170px;
margin-left:50px;


}




.rtoc-duplicate p{
	
	font-size:15px;
	line-height:30px;
	
	
}







.rtoc-tax{
	
	background-color:;
	height:344px;
	width:20%;
	margin-left:10px;
	display:inline-block;
	
}









.rtoc-tax img{


width:70%;
	height:170px;
margin-left:50px;


}




.rtoc-tax p{
	
	font-size:15px;
	line-height:30px;
	
	
}


/*--------RC services---body---css--End*/







/*--------driving license  services---body---css--start*/


.drivdoc{
	
	background-color:;
	height:auto;
	width:100%;
	margin-left:10px;
	
	
}









.drivdoc img{


width:30%;
	height:470px;
margin-left:50px;
display:block;
float:left;


}
.drivdoc h1{



	display:inline-block;

margin-left:80px;
}



.drivdoc p{
	
	font-size:19px;
	line-height:30px;
	display:inline-block;
	float:left;
	
	
}



.para {
	
	background-color:;
	height:auto;
	width:60%;
	margin-left:10px;
	float:right;
	
}

.drivdoc-card{
	margin-top:70px;
	background-color:white;
	height:640px;
	width:100%;
	margin-left:10px;
	display:flex;
	
}


.drivdoc-perm{
	
	background-color:;
	height:344px;
	width:20%;
	margin-left:10px;
	display:inline-block;
	
}









.drivdoc-perm img{


width:50%;
	height:100px;
margin-left:50px;


}




.drivdoc-perm p{
	
	font-size:19px;
	line-height:30px;
	display:inline-block;
	
}



.drivdoc-learn{
	
	background-color:;
	height:344px;
	width:20%;
	margin-left:10px;
	display:inline-block;
	
}









.drivdoc-learn img{


width:50%;
	height:130px;
margin-left:50px;


}




.drivdoc-learn p{
	
	font-size:19px;
	line-height:30px;
	display:inline-block;
	
}




.drivdoc-ren{
	
	background-color:;
	height:344px;
	width:25%;
	margin-left:10px;
	display:inline-block;
	
}









.drivdoc-ren img{


width:60%;
	height:100px;
margin-left:50px;


}




.drivdoc-ren p{
	
	font-size:19px;
	line-height:30px;
	display:inline-block;
	
}



.drivdoc-ad{
	
	background-color:;
	height:344px;
	width:20%;
	margin-left:10px;
	display:inline-block;
	
}









.drivdoc-ad img{


width:60%;
	height:100px;
margin-left:50px;


}




.drivdoc-ad p{
	
	font-size:19px;
	line-height:30px;
	display:inline-block;
	
}



.drivdoc-int{
	
	background-color:;
	height:344px;
	width:20%;
	margin-left:20px;
	display:inline-block;
	
}









.drivdoc-int img{


width:50%;
	height:140px;
margin-left:50px;


}




.drivdoc-int p{
	
	font-size:19px;
	line-height:30px;
	display:inline-block;
	
}




.drivdoc-namc{
	
	background-color:;
	height:344px;
	width:20%;
	margin-left:20px;
	display:inline-block;
	
}









.drivdoc-namc img{


width:60%;
	height:100px;
margin-left:50px;


}




.drivdoc-namc p{
	
	font-size:19px;
	line-height:30px;
	display:inline-block;
	
}


.drivdoc-adit{
	
	background-color:;
	height:344px;
	width:20%;
	margin-left:20px;
	display:inline-block;
	margin-bottom:180px;
}









.drivdoc-adit img{


width:60%;
	height:100px;
margin-left:50px;


}




.drivdoc-adit p{
	
	font-size:19px;
	line-height:30px;
	display:inline-block;
	
}



.drivdoc-EXTR{
	
	background-color:;
	height:344px;
	width:20%;
	margin-left:20px;
	display:inline-block;
	
}









.drivdoc-EXTR img{


width:50%;
	height:130px;
margin-left:50px;


}




.drivdoc-EXTR p{
	
	font-size:19px;
	line-height:30px;
	display:inline-block;
	
}










/*-----home page--footer -desktop--css--start*/ 
footer{
		 
		  border:2px solid white;
		 
	width:100%;
height:490px;	 
		
		display:flex;
margin-top:10px;

		 
		 
		 background-color: #C40D63;
		 
	 }
	 
address{
	display:block;
	width:90%;
	height:70px;
	float:left;
	margin-left:28px;
	margin-top:12px;
	background-color:none;
	
}	 
address span{

font-size: 18px;
color:white;
font-weight:500px;



}	 
	 
.dl{display:block;}
.dl span{
	
	
	font-size:20px;
	
	
}

.vehh{
	width:150%;
	height:330px;
	display:inline-block;
	margin-top:50px;
	box-shadow: 0 0 0.5em #000d inset, 0 0 2px #000; 
	margin-left:10px;
	background-color: #C40D63;
	
	
}
.vehh li{


color:white;
font-weight:400px;
line-height:26px;



}

.vehh span{

box-shadow:0 6px 26px 0 black;
background-color:white;
border-radius:6px;
font-size:310%;


}


.vehh:hover{
	background:rgba(23,21,22,0.5);
	width:120% ;
	height:340px;
	border:2px solid black;
	border-radius:12px;
	cursor:pointer;
}


 footer input{
	display:inline-block;
}


.contfoot{
	background-color:rgba(37,33,33,0.3);
	width:300px;
	display:flex;
	justify-content:center;
	height:360px;
	margin-left:100px;
	border-radius:12px;
	border:2px solid white;
}


#fname{
	width:200px;
	margin:12px 20px;
	height:30px;
	border-radius:5px;
		margin-left:10px;
			margin-right:60px;
			margin-top:10px;
}
#subject{
	margin:12px 26px 12px;
	width:200px;
	height:110px;
	margin-left:10px;
		margin-right:60px;
}

#servicename{
	margin:2px -10px;
	width:95px;
	height:30px;
	border-radius:5px;
	margin-left:-18px;
	margin-right:48px;
}
#monumber{
	margin:12px 20px;
	width:100px;
	height:30px;
	border-radius:5px;
	margin-left:5px;
		
}

#sub{
	 background-color: #C40D63;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin:12px 72px;
}
		


/*   home page--footer -desktop--css--END*/ 
		






/*---- contact page css--start*/



.rtocontp{
		box-shadow: 0 0 0.5em #000d inset, 0 0 2px #000; 
		 
		 
	width:80%;
height:490px;	 
		
		display:flex;
margin-top:10px;
margin-left:170px;
		 justify-content:center;
		 
		 background-color: white;
		 
	 }
	 .rtocontpsub{
		
		  border:2px solid white;
		 background-color:white;
	width:25%;
height:390px;	 
		margin-top:20px;
		display:inline-block;
margin-right:120px;
	 }
	  
		 .rtocontp input{
	display:inline-block;
}
	 
.cont-deta{
	display:block;
	width:100%;
	height:70px;
	float:left;
	margin-left:28px;
	margin-top:32px;
	background-color:black;
	
}	 
.cont-deta span{

font-size: 18px;
color:white;
font-weight:500px;



}	 		
	.adressrto{
		display:inline-block;
		margin-top:20px;
		width:29%;
		height:380px;
	box-shadow: 0 0 0.5em #000d inset, 0 0 2px #000;
		float:left;
		
	}
	
	
	
	
	.adressrto i{
		font-size:22px;
		float:left;
		word-spacing:0px;
		margin-right:10px;
	}
	.telecont i{
		
		margin-left:30px;
		font-size:29px;
	}
	.telecont span{
		font-size:10px;
		margin-top:30px;
	margin-left:10px;
	}
	
	
	.contsocial h4{
		
		margin-left:20px;
		font-size:19px;
	}
	
	
	.contsocial i{
		
		margin-left:10px;
		font-size:29px;
		
	}
	
.contfoot1{
	box-shadow: 0 0 0.5em #000d inset, 0 0 2px #000;
	width:320px;
	display:inline-block;
	justify-content:left;
	height:390px;
	
	border-radius:12px;
	
}


	.adressrto1{
		
		margin-left:30px;
		
	}
	.adressrto1 address{
		
		font-size:17px;
		
	}
	.contdes p{
		
		font-size:19px;
		line-height:29px;
		text-align:center;
	}
	.contdes h2{
		
		font-size:19px;
		line-height:29px;
		text-align:center;
	}
	
	/*---- contact page css--end-------*/

	 /*-------footer css--End-----*/
	 
	 
	 
	 
	 

	 
	 
	 
	 
 
 
 /*---home page----body responsive---css start--*/
 
 
 
 
 @media (max-width: 768px) {
	 
	 
	 
	 
	 
	   .licenseintro{
	  
	  
	width:100%;
height:auto;	
	 margin-left:8px; 
	  
	  align-items:right;
	 background-color:black;
	 display:block;
	 
 }
 
 
 
 
	   .licenseintro p{
 
 
 font-size:30px;
 line-height:44px;
 
 
 
 
 
 
 
 }
 
 
 
 .licenseintro1{
	  
	  
	width:100%;
height:auto;	
	 margin-left:2px; 
	  
	  align-items:right;
	 background-color:green;
	 float:right;
	 margin-top:5px;
	 display:block;
 }
 
 
 .licenseintro2{
	  
	  
	width:100%;
height:auto;	
	 margin-left:2px; 
	  
	  align-items:right;
	 background-color:green;
	 float:right;
	 margin-top:5px;
	 display:block;
 }
 
 .licenseintro2 img{
	  
	  
	  margin-left:80px;
	  
	  
	  width:230;
	  height:130;
 
 }
 
 .licenseintro1 img{
	  
	  
	  margin-left:80px;
	  
	  
	  width:230;
	  height:130;
 
 }
 
 
 
 
 .card1{
	 margin-right:10px;
	  margin-left:10px;
	 box-shadow:0 16px 16px 0 black;
	 width:90%;
	 
	 
	 
	 height:330px;
 }
 
 
 .card2{
	 box-shadow:0 26px 26px 0 black;
	 margin-right:20px;
	  margin-left:20px;
	 width:90%;
	 height:330px;
 }
 .card3{
	 margin-right:20px;
	  margin-left:20px;
	 width:90%;
	 box-shadow:0 16px 16px 0 black;
	 
	 height:330px;
 }
 
 
 .card4{
	 margin-right:20px;
	  margin-left:20px;
	 width:90%;
	 box-shadow:0 16px 16px 0 black;
	 
	 height:330px;
 }
 
 
 
 .card5{
	 margin-right:20px;
	  margin-left:20px;
	 width:90%;
	 box-shadow:0 16px 16px 0 black;
	 
	 height:330px;
 }
 
 .card6{
	 margin-right:20px;
	  margin-left:20px;
	 width:90%;
	 box-shadow:0 16px 16px 0 black;
	 
	 height:330px;
 }
 
 
 
 .card7{
	 margin-right:20px;
	  margin-left:20px;
	 width:90%;
	 box-shadow:0 16px 16px 0 black;
	 
	 height:330px;
 }
 
 .card8{
	 margin-right:20px;
	  margin-left:20px;
	 width:90%;
	 box-shadow:0 16px 16px 0 black;
	 
	 height:330px;
 }
 
 .vecard1{
	 box-shadow:0 26px 26px 0 black;
	 margin-right:20px;
	  margin-left:20px;
	 width:90%;
	 height:330px;
 }
 
 .vecard2{
	 box-shadow:0 26px 26px 0 black;
	 margin-right:20px;
	  margin-left:20px;
	 width:90%;
	 height:330px;
 }
 
 .vecard3{
	 box-shadow:0 26px 26px 0 black;
	 margin-right:20px;
	  margin-left:20px;
	 width:90%;
	 height:330px;
 }
 
 
 .vecard4{
	 box-shadow:0 26px 26px 0 black;
	 margin-right:20px;
	  margin-left:20px;
	 width:90%;
	 height:330px;
 }
 
 
 
 .vecard5{
	 box-shadow:0 26px 26px 0 black;
	 margin-right:20px;
	  margin-left:20px;
	 width:90%;
	 height:330px;
 }
 
 
 .vecard6{
	 box-shadow:0 26px 26px 0 black;
	 margin-right:20px;
	  margin-left:20px;
	 width:90%;
	 height:330px;
 }
 
 .vecard7{
	 box-shadow:0 26px 26px 0 black;
	 margin-right:20px;
	  margin-left:20px;
	 width:90%;
	 height:330px;
 }
 
 .vecard8{
	 box-shadow:0 26px 26px 0 black;
	 margin-right:20px;
	  margin-left:20px;
	 width:90%;
	 height:330px;
 }
 
 
 
 
 
 /*   home page--footer -responsive--css---start*/ 
 .contfoot{
	 display:none;
 }
 
 
 
 footer{
	 display:grid;
	 width:100%;
	 height:730px;
	
 }
 
 
 .cont-deta{

display:block;
margin-top:-80px;
margin-left:2px;



}	





.cont-deta span{

font-size:37px;
font-weight:600px;
font-style:open sans;



}	
.vehh{
	
	
	display:block;
	width:87%;
	height:450px;
	margin-bottom:0px;
	
}

 
 
 
 
 }
 /*   home page--footer -responsive--css--END*/ 
 
  /*---home page----body responsive---css end--*/
  
  
  
  
  
  
  
  
  
  /*---driving license page----body responsive---css start--*/
  
  
  @media (max-width: 768px) {
	  
	  
	.drivdoc{
	
	background-color:yellow;
	
	width:100%;
	height:auto;
	display:block;
	
	
}

  
	.drivdoc img{
	
	
	margin-left:0px;
	width:100%;
	

	}


	.drivdoc p{
	
	
	font-size:32px;
	line-height:42px;
	

	}
	.para{
		width:100%;
	}
.drivdoc-card{
	width:100%;
	display:block;
	height:auto;
}
.drivdoc-perm{
	width:100%;
	display:block;
	height:auto;
}


	  
	.drivdoc-perm img{
	width:90%;
	height:180px;
	display:block;
	margin-left:2px;
	 box-shadow:0 15px 15px 0 black;
}  
	  
	.drivdoc-learn{
		height:auto;
		width:100%;
	display:block;
		
		
	} 
	  
	   
	.drivdoc-learn img{
	width:90%;
	height:180px;
	display:block;
	margin-left:2px; 
	 box-shadow:0 15px 15px 0 black;
	}
	  
	 .drivdoc-ren{
		 height:auto;
		 width:100%;
	display:block;
		 
	 } 
	 .drivdoc-ren img{ 
	  width:90%;
	height:180px;
	display:block;
	 margin-left:2px;
	  box-shadow:0 15px 15px 0 black;}
	 
	 
	  .drivdoc-ad{
		 height:auto;
		 width:100%;
	display:block;
		 
	 } 
	 .drivdoc-ad img{ 
	  width:90%;
	height:180px;
	display:block;
	 margin-left:2px;
	  box-shadow:0 15px 15px 0 black;}
	 
	  .drivdoc-int{
		 height:auto;
		 width:100%;
	display:block;
		 
	 } 
	 .drivdoc-int img{ 
	  width:90%;
	height:180px;
	display:block;
	 margin-left:2px;
	  box-shadow:0 15px 15px 0 black;}
	 
	 
	 
	 .drivdoc-namc{
		 height:auto;
		 width:100%;
	display:block;
		 
	 } 
	 .drivdoc-namc img{ 
	  width:90%;
	height:180px;
	display:block;
	 margin-left:2px;
	  box-shadow:0 15px 15px 0 black;}
	 
	 
	 
	  
	 .drivdoc-adit{
		 height:auto;
		 width:100%;
	display:block;
		 
	 } 
	 .drivdoc-adit img{ 
	  width:90%;
	height:180px;
	display:block;
	 margin-left:2px;
	  box-shadow:0 15px 15px 0 black;}
	 
	 
	 
	  
	 .drivdoc-extr{
		 height:auto;
		 width:100%;
	display:block;
		 
	 } 
	 .drivdoc-extr img{ 
	  width:90%;
	height:180px;
	display:block;
	 margin-left:2px;
	  box-shadow:0 15px 15px 0 black;
	 }
		 
  }
  
  /*---driving license page----body responsive---css End--*/
  
  
  
  
  
  
  /*---RC  page----body responsive---css START--*/
  
  
   @media (max-width: 768px) {
  
  .rtoc{
	
	
	
	width:100%;
	display:block;
}


.rtoc img{
	
	
	
	width:100%;
	height:auto;
	
}

.rtoc p{
	
	
	font-size:25px;
	line-height:33px;
}

.rtoc-main{
	
	width:100%;
	height:auto;
	display:block;
	
}

.rtoc-main p{
	font-size:25px;
	line-height:52px;
}

.rcpara{
	
	width:100%;
	font-size:15px;
	line-height:33px;
}

.rcpara p{
	

	font-size:25px;
	line-height:33px;
}

.rtoc-tr{
	width:100%;
	display:block;
	height:auto;
	
	
	
	
}
.rtoc-tr img{
	 width:90%;
	height:180px;
	display:block;
	 margin-left:2px;
	  box-shadow:0 15px 15px 0 black;
	
	
	
	
}


.rtoc-noc{
	width:100%;
	display:block;
	
	height:auto;
	
	
	
}
.rtoc-noc img{
	
	 width:90%;
	height:180px;
	display:block;
	 margin-left:2px;
	  box-shadow:0 15px 15px 0 black;
	
	
}
.rtoc-hp{
	width:100%;
	display:block;
	
	
	height:auto;
	
	
}



.rtoc-hp img{
	
	 width:90%;
	height:180px;
	display:block;
	 margin-left:2px;
	  box-shadow:0 15px 15px 0 black;
	
	
}


.rtoc-hp p{
	

	font-size:25px;
	line-height:33px;
}
.rtoc-np{
	width:100%;
	display:block;
	
	height:auto;
	
	
	
}




.rtoc-np img{
	
	 width:90%;
	height:180px;
	display:block;
	 margin-left:2px;
	  box-shadow:0 15px 15px 0 black;
	
	
}


.rtoc-np p{
	

	font-size:25px;
	line-height:33px;
}
.rtoc-ad{
	width:100%;
	display:block;
	
	height:auto;
	
	
	
}
.rtoc-ad p{
	

	font-size:25px;
	line-height:33px;
}
.rtoc-ad img{
	
	 width:90%;
	height:180px;
	display:block;
	 margin-left:2px;
	  box-shadow:0 15px 15px 0 black;
	
	
}



.rtoc-noc img{
	
	 width:90%;
	height:180px;
	display:block;
	 margin-left:2px;
	  box-shadow:0 15px 15px 0 black;
	
	
}
.rtoc-hsrp{
	width:100%;
	display:block;
	
	
	height:auto;
	
	
}

.rtoc-hsrp img{
	
	 width:90%;
	height:180px;
	display:block;
	 margin-left:2px;
	  box-shadow:0 15px 15px 0 black;
	
	
}

.rtoc-hsrp p{
	

	font-size:25px;
	line-height:33px;
}
.rtoc-duplicate{
	width:100%;
	display:block;
	
	height:auto;
	
	
	
}

.rtoc-duplicate p{
	

	font-size:25px;
	line-height:33px;
}
.rtoc-duplicate img{
	
	 width:90%;
	height:180px;
	display:block;
	 margin-left:2px;
	  box-shadow:0 15px 15px 0 black;
	
	
}
.rtoc-tax{
	width:100%;
	display:block;
	height:auto;
	
	
	
	
}
.rtoc-tax img{
	
	 width:90%;
	height:180px;
	display:block;
	 margin-left:2px;
	  box-shadow:0 15px 15px 0 black;
	
	
}
.rtoc-tax p{
	

	font-size:25px;
	line-height:33px;
}
   }

/*---RC  page----body responsive---css End--*/










 /*---contact  page----body responsive---css start--*/
 
  @media (max-width: 768px) {
	  
	  
	  
	  
	  
	  .rtocontp{
		  
		  
		  display:block;
		  height:auto;
		  margin-left:1px;
		  justify-content:center;
	  }
  .rtocontpsub{
		
	width:100%;
height:390px;	 
		margin-top:20px;
		display:block;

	 }
	  
		 




 		
	.adressrto{
		display:block;
		
	width:100%;
height:390px;	 
		margin-top:20px;
		float:left;
		
	}
 
 
  }
 
 
  /*---contact page----body responsive---css end--*/
  
  
  
  
  
  
  
  
  /*---faridabad page----body ---css start--*/
  .pagef{
	  
	  
position:relative;	  
	  text-align:center;
	  
  }
  
  .pagef h1{
	  color:black;
	   top: 28px;
  left: 16px;
position:absolute;	  
	  
	  
  }
  
  
  
  
  
  .pagefintro1{
	 
	  width:90%;
	  font-size:19px;
	  text-align:left;
	 margin-top:-120px;
	 margin-left:20px;
	  margin-right:20px;
	  line-height:30px;
	 
  }
  
  .pagefintro1 h2{
	  text-align:center;
	 margin-top:10px;

  }	  
	.pagefservice{
	width:90%;
height:888px;
background-color:pink;
		
		
		
		
	}  
	  .pagefservicelistlearner{
		  box-shadow: 0 0 0.5em #000d inset, 0 0 2px #000; 
	width:180px;
	height:70px;
	background-color:#C40D63;
    position:relative;
   
    float:left;
}
.pagefservicelistlearnerangle{
	

	width:10px;
	height:0px;
	border-top: 32px solid white;
	border-left:  30px solid #C40D63;
	border-bottom: 40px solid white;
   
   position:relative;
    float:left;
}

.pagefservicelistlearner h4{
position:absolute;
color:white;
font-family:bold;
font-size:22px;
top:10px;
left:10px;
}

.pagefservicelistlearnerbox p{
	left:70px;
	font-size:20px;
	text-align:left;
	
}


 
	  .pagefservicelistpermanent{
		  box-shadow: 0 0 0.5em #000d inset, 0 0 2px #000; 
	width:180px;
	height:70px;
	background-color:#C40D63;
  position:relative;
    display:block;
    float:left;
}
.pagefservicelistpermanentangle{
	
	width:10px;
	height:0px;
	border-top: 32px solid white;
	border-left:  30px solid #C40D63;
	border-bottom: 40px solid white;
   position:relative;
   
    float:left;
}

.pagefservicelistpermanent h4{
position:absolute;
color:white;
font-family:bold;
font-size:20px;
top:10px;
left:10px;
}

.pagefservicelistpermanentbox p{
	left:70px;
	font-size:20px;
	text-align:left;
	
}
.pagefservicelistrenewal{
		  box-shadow: 0 0 0.5em #000d inset, 0 0 2px #000; 
	width:180px;
	height:70px;
	background-color:#C40D63;
    position:relative;
    display:block;
    float:left;
}
.pagefservicelistrenewalangle{
	
	width:10px;
	height:0px;
	border-top: 32px solid white;
	border-left:  30px solid #C40D63;
	border-bottom: 40px solid white;
    position:relative;
  
    float:left;
}

.pagefservicelistrenewal h4{
position:absolute;
color:white;
font-family:bold;
font-size:20px;
top:10px;
left:10px;
}


.pagefservicelistduplicate{
		  box-shadow: 0 0 0.5em #000d inset, 0 0 2px #000; 
	width:180px;
	height:70px;
	background-color:#C40D63;
    position:relative;
    display:block;
    float:left;
}
.pagefservicelistduplicateangle{
	
	width:10px;
	height:0px;
	border-top: 32px solid white;
	border-left:  30px solid #C40D63;
	border-bottom: 40px solid white;
    position:relative;
  
    float:left;
}

.pagefservicelistduplicate h4{
position:absolute;
color:white;
font-family:bold;
font-size:20px;
top:10px;
left:10px;
}


.pagefservicelistchange{
		  box-shadow: 0 0 0.5em #000d inset, 0 0 2px #000; 
	width:180px;
	height:70px;
	background-color:#C40D63;
    position:relative;
    display:block;
    float:left;
}
.pagefservicelistchangeangle{
	
	width:10px;
	height:0px;
	border-top: 32px solid white;
	border-left:  30px solid #C40D63;
	border-bottom: 40px solid white;
    position:relative;
    display:inline-block;
    float:left;
}

.pagefservicelistchange h4{
position:absolute;
color:white;
font-family:bold;
font-size:20px;
top:10px;
left:10px;
}


.pagefservicelistadd{
		  box-shadow: 0 0 0.5em #000d inset, 0 0 2px #000; 
	width:180px;
	height:70px;
	background-color:#C40D63;
    position:relative;
  
    float:left;
}
.pagefservicelistaddangle{
	
	width:10px;
	height:0px;
	border-top: 32px solid white;
	border-left:  30px solid #C40D63;
	border-bottom: 40px solid white;
    position:relative;
 
    float:left;
}

.pagefservicelistadd h4{
position:absolute;
color:white;
font-family:bold;
font-size:20px;
top:10px;
left:10px;
}


.pagefservicelistextr{
		  box-shadow: 0 0 0.5em #000d inset, 0 0 2px #000; 
	width:180px;
	height:70px;
	background-color:#C40D63;
    position:relative;
 
    float:left;
}
.pagefservicelistextrangle{
	
	width:10px;
	height:0px;
	border-top: 32px solid white;
	border-left:  30px solid #C40D63;
	border-bottom: 40px solid white;
    position:relative;
  
    float:left;
}

.pagefservicelistextr h4{
position:absolute;
color:white;
font-family:bold;
font-size:20px;
top:10px;
left:10px;
}


.pagefservicelistbckl{
		  box-shadow: 0 0 0.5em #000d inset, 0 0 2px #000; 
	width:180px;
	height:70px;
	background-color:#C40D63;
    position:relative;
 
    float:left;
}
.pagefservicelistbcklangle{
	
	width:10px;
	height:0px;
	border-top: 32px solid white;
	border-left:  30px solid #C40D63;
	border-bottom: 40px solid white;
    position:relative;
  
    float:left;
}

.pagefservicelistbckl h4{
position:absolute;
color:white;
font-family:bold;
font-size:20px;
top:10px;
left:10px;
}



.pagefservicelistint{
		  box-shadow: 0 0 0.5em #000d inset, 0 0 2px #000; 
	width:180px;
	height:70px;
	background-color:#C40D63;
    position:relative;

    float:left;
}
.pagefservicelistintangle{
	
	width:10px;
	height:0px;
	border-top: 32px solid white;
	border-left:  30px solid #C40D63;
	border-bottom: 40px solid white;
    position:relative;
 
    float:left;
}

.pagefservicelistint h4{
position:absolute;
color:white;
font-family:bold;
font-size:20px;
top:10px;
left:10px;
}



.pagefservicelisttest{
		  box-shadow: 0 0 0.5em #000d inset, 0 0 2px #000; 
	width:180px;
	height:70px;
	background-color:#C40D63;
    position:relative;
  
    float:left;
}
.pagefservicelisttestangle{
	
	width:10px;
	height:0px;
	border-top: 32px solid white;
	border-left:  30px solid #C40D63;
	border-bottom: 40px solid white;
    position:relative;
   
    float:left;
}

.pagefservicelisttest h4{
position:absolute;
color:white;
font-family:bold;
font-size:20px;
top:10px;
left:10px;
}

.pagefservicelistcorr{
		  box-shadow: 0 0 0.5em #000d inset, 0 0 2px #000; 
	width:180px;
	height:70px;
	background-color:#C40D63;
    position:relative;
  
    float:left;
}
.pagefservicelistcorrangle{
	
	width:10px;
	height:0px;
	border-top: 32px solid white;
	border-left:  30px solid #C40D63;
	border-bottom: 40px solid white;
    position:relative;
  
    float:left;
}

.pagefservicelistcorr h4{
position:absolute;
color:white;
font-family:bold;
font-size:16px;
top:10px;
left:10px;
}


.pagefcontentbenifits{
	
	text-align:left;
	margin-left:20px;
	
	
}






.pagefcontentdoclist{
	

	
	width:100%;
	display:block;
}


.pagefcontentdoclist img{
	
	float:right;
	
	width:9%;
	height:auto;
	margin-right:10px;
	
	
}


.pagefcontentpara{
	float:left;
	width:80%;
	font-size:19px;
	line-height:33px;
	text-align:left;
margin-left:10px;
}


.rtoc-tr{
	
	background-color:;
	height:344px;
	width:20%;
	margin-left:10px;
}
#pagefcontentdeliveri{
box-shadow: 0 0 0.5em #000d inset, 0 0 2px #000;
	background-color:white;
	width:95%;
	height:444px;
	margin-left:20px;
	
	
	
	
}


#pagefcontentdeliveri img{

	margin-top:10px;
	width:250px;
	height:auto;
	
	
	
	
}

.pagefcontentservicelocate{
	

	background-color:white;
	width:440px;
	height:auto;
}
.pagefcontentservicelocate li{
	
list-style-type:decimal-leading-zero;
}


.pagefcontentservicelocate a{
	
text-decoration:none;
}






	  /*------faridabad-pages contact form css--start-----*/
	 .rtocontpages{
		box-shadow: 0 ,
		 
		 
	width:25%;
height:190px;	 
		
		display:flex;
margin-top:10px;
margin-left:170px;
		 justify-content:center;
		 
		 background-color: white;
		 
	 }

	 
	 
	 
	 
	 .rtocontpagessub{
		
		  border:2px solid white;
		 background-color: black;
		 opacity:0.7;
	width:25%;
height:390px;	 
		margin-top:0px;
		display:inline-block;
margin-left:4px;
position:absolute;
top:288px;
left:40px;
	 }
	  
	 .rtocontpagessubf{
		
		  border:2px solid white;
		 background-color: black;
		 opacity:0.7;
	width:25%;
height:390px;	 
		margin-top:0px;
		display:inline-block;
margin-left:4px;
position:absolute;
top:288px;
left:40px;
	 }
	  
	  
	  
	  
		 .contfootpages input{
	display:inline-block;
	width:25%;
	margin-right:590px;
	border:
	right:90px;
}


 
	
.contfootpages{
	box-shadow: 0 0;
	width:290px;
	display:inline-block;
	justify-content:left;
	height:300px;
	margin-right:290px;
	border-radius:762px;
	
}

	 
	 
	 
	 
	 
	   /*-------faridabad-pages contact form css--End-----*/
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 


  /*---faridabad page----body Responsive ---css start--*/




@media all and (max-width: 868px) {
	
	
	
	
	.pagefservicelistcorrangle{
	
	display:none;
	
}
	
.pagefservicelistcorr{
		 
	width:100%;
	
}	
	
	
	
	
	 .pagefservicelistlearner{
		 width:100%;
}
.pagefservicelistlearnerangle{
	
display:none;
}




 
	  .pagefservicelistpermanent{
		   width:100%;
}
.pagefservicelistpermanentangle{
	
	display:none;
}


.pagefservicelistrenewal{
		 width:100%;
}
.pagefservicelistrenewalangle{
	
	display:none;
}



.pagefservicelistduplicate{
		   width:100%;
}
.pagefservicelistduplicateangle{
	display:none;
}



.pagefservicelistchange{
		  width:100%;
}
.pagefservicelistchangeangle{
	
	display:none;
}




.pagefservicelistadd{
		   width:100%;
}
.pagefservicelistaddangle{
	
	display:none;
}



.pagefservicelistextr{
		  width:100%;
}
.pagefservicelistextrangle{
	display:none;
}



.pagefservicelistbckl{
		   width:100%;
}
.pagefservicelistbcklangle{
	display:none;
}




.pagefservicelistint{
		  width:100%;
}
.pagefservicelistintangle{
	
	display:none;
}




.pagefservicelisttest{
		  width:100%;
}
.pagefservicelisttestangle{
	
	display:none;
}
#pagefcontentdeliveri{

	background-color:white;
	width:100%;
	height:auto;
	margin-left:20px;
	
	
	
	
}


#pagefcontentdeliveri img{
display:none;
	margin-top:10px;
	width:250px;
	height:auto;
	
	
	
	
}
	
	.rtocontpages{
		
		
		display:none;
		
		
		
	}
	
	
	.pagef img{
		
		width:100%;
		height:auto;
		margin-top:-100px;
		
	}
	
	.pagefcontentdoclist img{
		
		width:70%;
		position:static;
		height:310px;
		margin-top:30px;
		margin-right:110px;
	}
	.pagefcontentpara{
		
		margin-top:180px;
		
		
	}
	
	.pagef h1{
		
		font-size:19px;
		top:-100px;
		
		
		
	}
	
	.pagefintro1{
	 
	  width:100%;
	
	
}



	.pagefintro1 h2{
		
		font-size:19px;
		margin-top:140px;
		line-height:22px;
	}


	.pagef h3{
		display:none;
		font-size:19px;
		margin-top:-150px;
		line-height:22px;
	}




}


  /*---faridabad page----body Responsive ---css End--*/