/*--------title2.html-----------*/
.ani_class img{
	width: 100% !important;
	height: 100% !important;
	cursor: pointer;
}

.ani_class svg{
	width: 100% !important;
	height: 100% !important;
	cursor: pointer;
}
.btn-danger{
	width: auto;
	border-radius: 20px;
	background-color: 
}

.modal-title{
	font-family: Montserrat;
	font-size: 28px;
    font-weight: 700;
    padding-top: 20px;
}

.modal-dialog{
	width: 40%;

}

.modal-body{
	padding: 50px;
}

.btn-primary{
	border-radius: 20px;

}

.btn-danger{
	padding-top: 20px;
}

/*----------------feedback---------------*/

.ani-caption{
  position: absolute;
  top: 40%;
  text-align: left;
  
  
}

.ani-caption h1{
	font-size: 42px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	color: #1106CC;
	background-color: #fff;
}

.ani-caption p{
	background-color: #fff;
    font-family: 'Josefin Sans';
    font-size: 18px;
    line-height: 1.4;
    color: #1106CC;
    max-width: 700px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 25px;
}

.ani-feat{
	margin-top: 15px;
}


@media (min-width: 240px) { 


	.ani-img{
		margin-top: 75px;
	}

.ani-caption{
  position: relative;
  color: white;
  background-color: #4D62D4;
  transform: translateY(0%);
  text-align: center;
  padding-bottom: 50px;
  margin-left: 0px;
  padding-left: 0px;
  margin-top: -5px;

 
  
}

.ani-caption h1{
	padding-top: 30px;
	background-color: #4D62D4;
	color: white;

}

.ani-caption p{
	background-color: #4D62D4;
	color: white;
}


.ani-features img{
	width: 100%;
	height: 100%;
}
.ani-feat{
	margin-top: 0px;
}

.ani-banner{

	position: relative !important;
}


}



@media (min-width: 576px) { 

	.ani-img{
		margin-top: 75px;
	}

.ani-caption{
padding-top: -20px;
  position: relative;
  color: white;
  background-color: #4D62D4;
  transform: translateY(0%);
  text-align: center;
  padding-bottom: 50px;
  padding-left: 0px;
  margin-left: 0px;

  
}

.ani-feat{
	margin-top: 0px;
}

.ani-caption h1{
	padding-top: 30px;
	background-color: #4D62D4;
	color: white;
}

.ani-caption p{
	background-color: #4D62D4;
	color: white;
	margin-bottom: -10px;
}


.ani-features img{
	width: 80%;
	height: 80%;
}

.ani-banner{

	position: relative !important;
}

}

@media (min-width: 768px) { 

  .ani-caption{
  position: absolute;
  top: 15%;
  color: blue;
  background-color: transparent;
  text-align: left;
}


.ani-feat{
	margin-top: -5px;
}
.ani-caption h1{
	
	color: #1106CC;
	background-color: #fff;
}

.ani-caption p{
	
	color: #1106CC;
	background-color: #fff;
}


.ani-features img{
	width: 70%;
	height: 70%;
}

.ani-banner{

	position: absolute !important;

}

.ani-features h1{
	font-size: 32px !important;
	text-align: left !important;
}

.ani-features h3{
	font-size: 24px !important;
	text-align: left !important;
}


}


@media (min-width: 992px) { 

  .ani-caption{
  position: absolute;
  top: 40%;
  color: blue;
  background-color: transparent;
  text-align: left;
}


.ani-feat{
	margin-top: -8px;
}
.ani-caption h1{
	
	color: #1106CC;
	background-color: #fff;
}

.ani-caption p{
	
	color: #1106CC;
	background-color: #fff;
}


.ani-features img{
	width: 60%;
	height: 60%;
}
.ani-banner{

	position: absolute !important;
}
.ani-features h1{
	font-size: 35px;
}
}

.ani-features h3{
	font-size: 24px;
}
}

@media (min-width: 1200px){

	


.ani-caption{
  position: absolute;
  top: 40%;
  margin-left: 30px;
  
}

.ani-caption h1{
	font-size: 42px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	color: #1106CC;
	background-color: #fff;
}

.ani-caption p{
	background-color: #fff;
    font-family: 'Josefin Sans';
    font-size: 18px;
    line-height: 1.4;
    color: #1106CC;
    max-width: 700px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 25px;
}

.ani-feat{
	margin-top: -5px;
}
}


.ani-font h2{
	color: white;
}

.ani-font h1{
	color: white !important;
}

.ani-features h1{
	font-family: Montserrat;
	color: white;
	font-weight: 900;
	font-size: 42px;
	padding: 10px;
}

.ani-features h3{
	font-family: Montserrat;
	color: white;
	font-weight: 700;
	font-size: 28px;
	padding: 5px;
}

.ani-submit{
	font-size: 18px;
}

.ani-banner{
	position: absolute;
}


/*------------------Manager & multiconcepts-------------------------*/
@media only screen and (max-width: 768px) {
   
    .ani-features{
    	float: none !important;
    	text-align: center !important;
    }
}

/*---------------------------------------------------*/
.ani-shiva h2{
	font-family: 'Josefin Sans';
	color: white;
	font-weight: 700;
	font-size: 32px;
}
.count
{
	font-family: 'Josefin Sans';
  line-height: 100px;
  color:white;
  margin-left:30px;
  font-size:32px;
  font-weight: 700;
}

.ani-plus{
	font-family: 'Josefin Sans';
	font-size: 32px;
	color: white;
	font-weight: 900;
}

/*---------------feedbacksuccess----------------*/

.ani-success{
	font-size: 20px;
	font-weight: 600;
	color: #373C46;

}

/*----------------Index Popular Apps------------------*/
.ani-apps{
	margin-right: 18px;
	margin-left: 21px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.ani-apps img{
	width: 60%;
	height: 60%;
}

.ani-apps h2{
	font-size: 18px;
	font-weight: 600;
}

/*--------index section----------*/
.ani-section{
	font-size: 42px;
	font-weight: 900;
}

/*--------------Index Unlimited Design-----------------*/

@media (min-width: 240px) { 
	.ani-responsive{
		margin-bottom: 30px !important;
	}
	.ani-extraresponsive{
		margin-bottom: 42px !important;
	}
	.ani-exresponsive{
		margin-bottom: 62px !important;
	}
	.ani-xtra{
		margin-bottom: 50px !important;
	}
	.ani-content{
		padding-left: 20px;
	}
}

@media (min-width: 576px) {
.ani-content{
		padding-left: 60px;
	}
 }

@media (min-width: 768px) { 
	.ani-responsive{
		margin-bottom: 0px !important;
	}
	.ani-extraresponsive{
		margin-bottom: 0px !important;
	}
	.ani-xresponsive{
		margin-bottom: 20px !important;
	}

	.ani-extra{
		margin-bottom: 38px !important;
	}

	.ani-xtra{
		margin-bottom: 40px !important;
	}
	.ani-content{
		padding-left: 100px;
	}
}

@media (min-width: 992px) {
	.ani-exxresponsive{
		margin-bottom: 0px !important;
	}
	.ani-content{
		padding-left: 0px;
	}

	.ani-xtra{
		margin-bottom: 0px !important;
	}
 }


/*--------------SVG--------------------*/
.svg-heading{
	font-family: 'Montserrat';
	font-size: 24px;
	font-weight: 900;
}

.btn-svg{
	background-color: #4D62D4;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 20px;
	font-weight: 700;
	color: white;
	border-radius: 20px;
	margin-bottom: 20px;
	display: inline-block;
	
	font-family: 'Montserrat';
}

.btn-svg:hover{
	background-color: #2B12D4;
}

.downloadpng{
	text-decoration: none;
}

.canvas-heading{
	font-family: 'Montserrat';
	font-size: 42px;
	font-weight: 900;

}

.convertpng img{
	pointer-events: none;
}