body { margin:0;}

.plan {
  
  border: 1px solid #E9E9E9;
  background-color: white;
  border-radius:19px;
  padding-top:20px;
  padding-left:20px;
    padding-right:20px;
	padding-bottom:40px;
margin-top:15px;
margin-left:50px;
margin-bottom:20px;
height:100%;
margin-right:50px;

}

.plan1{
color:#14316D !important;
font-weight:bold!important;
text-align:center;
padding-top:0px;
padding-bottom:20px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 18px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  }
  
  .lab {
	  color:#14316D;
	  font-weight:bold;

  }
  .red-btn 
	  {
    background-color: red;
    border: none !important;
    padding: 10px 40px;
    
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
}

  
  .gray-btn 
	  {
    background-color: #ADB6CC;
    border: none !important;
    padding: 10px 40px;
    
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
}
				  .ser{
				  border:1px solid #FFFFFF;
				 max-width:100%;
				  height:auto;
				  background-color:white;
				 padding:20px;
				  border-radius:20px;		
				  margin-right:20px!important;	
				  margin-left:;
				  }			
				  .left-border{	 border-left:20px solid #6CD5CB! important;border-radius:10px!important; }
				  .ser1{
				 padding:10px;
				  color:#14316D;
				  margin-bottom:0px !important;
				  overflow:hidden;
				  }
				  
				  .serr1{
				
				  color:#999;
				  margin-bottom:0px !important;
				  overflow:hidden;
				  }
				  
				  .ser2{
				 
				  background-color:#F8F9FC;
				 
				  border-radius:20px;
		         padding:10px;
                  margin-top:15px;
				  }				  .ser2:hover{					  background-color:#E9ECF3;				  }
				  .ser3{
				 border:2px dotted #ADB6CC;
				margin-top:10px;
				  padding:10px;
				 



				 }
				 .siv {
  
  border: 1px solid #F8F9FC;
  background-color: white;
  border-radius:19px;
  padding-top:20px;
  padding-left:20px;
    padding-right:20px;
	padding-bottom:40px;
margin-top:15px;

margin-bottom:20px;

}
h5 {
color:#14316D;
}
.pink{
color:#14316D !important;
font-weight:bold!important;
border:1px solid #FFFBE6;
background-color:#FFFBE6;
height:auto;

border-radius:15px;
 padding-top:15px;
 padding-left:10px;
 margin-bottom:10px;
 }

.div1{
 
  border: 1px solid #E9ECF3;
  background-color: white;
  border-radius:19px;
  padding-top:20px;
  padding-left:20px;
    padding-right:20px
}
.div{
 
  border: 1px solid #E9ECF3;
  background-color: white;
  border-radius:19px;
  padding-top:20px;
  padding-left:20px;
    padding-right:20px
	}
	.infy{
		
		height:250px;
		border:2px solid #EAEDF2;
		margin-top:70px;
		background-color:white;
		border-radius: 0px 7px 7px 0px;
		 
		color:#14316D !important;
		font-weight:bold!important; 
		padding-top:px;
		padding-left:px;
	}
	.off{
		
		height:250px;
		border:2px solid #EAEDF2;
		margin-top:70px;
		background-color:#EAEDF2;
		border-radius:7px 0px 0px 7px;
	}
	.direct {
  max-width:450px;
  height: auto;
  border: 1px solid #E9ECF3;
  background-color: white;
  border-radius:19px;
  padding-top:20px;
  padding-left:20px;
    padding-right:20px;
margin-top:40px;
margin-bottom:40px;margin-left:5%! important;
	}
	.facebook{
  max-width:450px;
  height: auto;  border: 1px solid #E9ECF3;  background-color: white;  border-radius:19px;  padding-top:20px;  padding-left:20px;    padding-right:20px;margin-top:40px;margin-bottom:40px;
	}
	.book {
  width: 60%;
  height: 100%;
  border: 1px solid #F8F9FC;
  background-color: white;
  border-radius:19px;
  padding-top:20px;
  padding-left:20px;
    padding-right:20px;
margin-top:40px;
margin-left:20%;
margin-bottom:30px;

}
@media only screen and (max-width: 500px){
  
.book{width:100%;
margin-left:5%;}
}
.book1 {
width: 60%;
  height: 100%;
  border: 1px solid #F8F9FC;
  background-color: white;
  border-radius:19px;
  padding-top:20px;
  padding-left:20px;
    padding-right:20px;
margin-top:0px;
margin-left:20%;
margin-bottom:30px;
}
/*@media only screen and (max-width: 500px){
  
.book1{width:100%;
margin-left:5%;}
}
.btn {
  border: 2px solid black;
  background-color: white;
  padding-top:30px;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  margin-right:;
  margin-bottom:;
  width:20%;
  height:45px;
  border-radius:20px;
  margin-left:40px;
}
@media only screen and (max-width: 500px){
  
.btn{width:40%;
}
}
.save{width:20%;
}

@media only screen and (max-width: 500px){
  
.save{width:40%;
}
}*/
/* Blue */
.info {
  border-color: #14316D;
  color: #14316D;
}

.info:hover {
  background: #14316D;
  color: white;
}
.blue-btn2 {
    background-color: #14316d;
    border: none !important;
    padding: 10px 40px;

    border-radius: 50px;
    color: #fff;
 text-transform: uppercase;}
 .blue-btnn {
    background-color: #14316d;
    border: none !important;
    padding: 10px 10px;

    border-radius: 50px;
    color: #fff;
 text-transform: uppercase;}
 .button{
 display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    bottom: 10px;
	 right: 10px;} 
	 .nopadding{padding:0px!important;	  }
	 .border-bottom{background-color:#f8f9fc; border-bottom:1px solid #ECEFF2; } 
	 
	 
	 .flexx{display:flex; align-items:center; justify-content:space-between; }
	 .thirty{	width:30px!important; height:30px!important;}.thirty-one{border-radius:30px!important;}
	 
	 .dot {
    position: absolute;
    top: 35%;
    left: 10%;
    transform: translate(-35% , -10%);
    
}


@media only screen and (max-width:768px) {
    .dot { display:none !important;}
    
}
.dottd{
	margin-top:140%;
}
@media only screen and (max-width:768px){
	.dottd { display:none !important;}