/*===================INDEX START===================
1)HEADER
2)HERO
3)TRUST
4)AWESOME
5)SMART
6)INTEGRATION
7)APP
8)ULTIMATE
=====================INDEX END====================*/

/*-------------------BODY-------------------------*/

.sec{
	padding: 80px 0px;
}
h2 {
	font-size: 40px;
}
p{
	font-size: 16px;
}
/*-------------------HEADER START------------------*/
.logo {
	font-size: 35px;
	font-weight: bold;
	color: black;
}
.logo span{
	color: #FFB40F;
}
.nav-link .active{
	color: #FFB40F;
}
.nav-link{
	color: black;
	font-size: 18px;
}
.nav-link:hover{
	color: #FFB40F;
}
.mybtn{
	background-color: #3700ce;
	color: #fff;
	padding: 13px 30px;
	border-radius: 50px;
	border: none;
	font-weight: bold;
}
.mybtn:hover{
	background-color: #ffb40f;
	color: #fff;
}
/*-------------------HEADER END---------------------*/


/*-------------------HERO STAERT--------------------*/
.hero {
    background: linear-gradient(0deg, #edf2fa, transparent);
}
.hero h5{
	background-color: #DFE7FF;
	border-radius: 50px;
}
/*.hero svg{
	font-size: 20px;
	padding: 20px;
	margin-right: 10px;
	border-radius: 50px;
	color: #fff;
	background-color: #FFB40F;
	vertical-align: middle;
}*/
.hero-head img{
	width: 40px;
	margin-right: 10px;
}
.hero h1{
	font-size: 60px;
	font-weight: bold;
	padding: 20px 0px;
}
.hero p{
	font-size: 20px;
	color: #545454;
}
.hero-btn{
	color: #444444;
	border-radius: 50px;
	border: none;
	font-size: 18px;
	padding: 30px 15px;
}
.hero-img {
	width: 85%;
	height: 500px;
}
/*--------------------HERO END--------------------*/


/*-------------------TRUST STAERT-----------------*/
.trust{
	text-align: center;
	width: 100%;
}
/*-------------------TRUST END--------------------*/


/*-------------------AWESOME STAERT---------------*/
.img-first-child {
	width: 60%;
}
.img-sec-child {
	width: 60%;
}
.img-third-child {
	width: 60%;
}
.img-first-child h5{
	color: #ff0a80;
}
.img-sec-child h5{
	color: #3f00ef;
}
.img-third-child h5{
	color: #098702;
}
/*-------------------AWESOME END-------------------*/


/*-------------------SMART STAERT-------------------*/

.smart h4{
	font-size: 50px;
	font-weight: bold;
	padding-right:40px;
	border-right: 1px solid gray;
}
.smart p{
	width: 70%;
	padding-left: 20px;
	padding-top: 20px;
}
.smart-body {
	padding-top: 80px;
}
.smart-body img{
	width: 60px;
}
/*-------------------SMART END-------------------*/


/*-------------------INTEGRATION STAERT----------*/
.integration-box{
	width: 80%;
	padding-top: 30px;
}
.integration-img {
	width: 85%;
	height: 400px;
}
/*-------------------INTEGRATION END------------*/


/*-------------------APP STAERT-----------------*/
	.app{
		width: 50%;
		 margin: auto;
	}
	.app h2{
		 margin: auto;
		 padding-bottom: 20px;
	}
	.imgs-box img{
		 width: 25%;
		 padding-bottom: 15px;
	}
/*-------------------APP END---------------------*/


/*-------------------ULTIMATE START--------------*/
	.ultimate-head{
		width: 50%;
	}
	.ultimate-box{
		padding-right: 50px;
	}
	.ultimate img{
		width: 100%;
	}
	.ultimate-body .ultimate-box{
		width: 76%;
		padding: 10px;
	}
	.ultimate-body	img{
		width: 23%;
		padding-bottom: 15px;
	}
	.ultimate-body button{
		padding: 12px 40px;
	}
/*-------------------ULTIMATE END----------------*/


/*-------------------CHARGES START----------------*/
	.charges-head{
		width: 45%;
		margin: auto;
		text-align: center;
	}
	.charges-head p{
		padding-top: 20px;
	}
	.charges-head a{
		padding: 20px;
	}
	.pricing button:nth-child(2){
		color: #999ca5;
		width: 75%;
		padding-top: 10px;
	}
	.pricing{
		width: 80%;
		padding: 15px;
	}
	.card{
		border: none;
		margin: 0px 20px;
	}
	.card-head{
		background: linear-gradient(0deg, #eef2f2, transparent);
		padding: 25px 0px;
	}
	.card-head h4{
		font-size: 20px;
		font-weight: 600;
	}
	.card-head p{
		color: #999ca5;
	}
	.price{
		font-size: 60px;
		font-weight: bold;
		color: #242f51;
	}
	.month{
		font-size: 20px;
		font-weight: 400;
		color: #999ca5;
	}
	.card-body ul{
		padding-left: 0px;
		padding-top: 20px;
	}
	.card-body li{
		line-height: 36px;
		list-style: none;
	}
	.price-box{
		width: 83%;
		margin: auto;
		padding-top: 70px;
	}
	.card{
		padding-bottom: 30px;
	}
	.card:hover{
		border: 1px solid #e0ddc0;
	}
	.pro-link{
		color: #3700ce;
	}
/*-------------------CHARGES START----------------*/

/*-------------------TESTIMONIAL START---------------*/
.testimonial-image img{width: 100%}
.testimonial-item{}
.rating {
	padding-top: 20px;
}
.rating svg{
	color: #ffcc00;
}
.testimonial-body h5{
	padding-top: 25px;
}
.testimonial-body p{
	padding-bottom: 25px;
}
.author-details{
	display: flex;
	position: relative;
}
.author-img{}
.author-info{
	position: absolute;
	left: 130px;
	top: 25px;
}
.author-details .toggle-box{
	align-content: flex-end;
}
.toggle-box{}
/*-------------------TESTIMONIAL END-------------------*/


/*-------------------FAQ START-------------------------*/
.faq-head{
	width: 50%;
	margin: auto;
	text-align: center;
}
.faq-body{
	width: 50%;
	margin: auto;
	padding-top: 40px;
}
.accordion-button:not(.collapsed)::after {
    background-image: url(../img/minus-solid.svg);
    transform: rotate(-180deg);
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(../img/plus-solid.svg);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
}
.accordion-item{
	background-color: #e7f1ff;
}
.accordion-button{
	background-color: #e7f1ff;
}
.accordion-flush .accordion-item:first-child {
    border-top: 0;
    margin: 8px 0px;
}
.accordion-flush .accordion-item:ntht-child(2) {
    border-top: 0;
    margin: 8px 0px;
}
.accordion-flush .accordion-item:last-child {
    border-top: 0;
    margin: 8px 0px;
}
/*-------------------FAQ END---------------------------*/

/*-------------------DOWNLOAD START--------------------*/
.download-app{
	vertical-align: middle;
}
.download-head p{
	padding: 20px 0px 30px 0px;
}
.download-app{
	align-items: center;
}
.download-btn{
	padding-bottom: 50px;
}
.download-btn img:first-child{
	padding-right: 5px;
	width: 28%;
}
.download-btn img:last-child{
	padding-left: 5px;
	width: 28%;
}
.download-img img{
	width: 100%;
	margin-bottom: -15%;
}
/*-------------------DOWNLOAD END----------------------*/


/*-------------------FOOTER START----------------------*/
.navbar{
	text-align: center;
}
.navbar-nav{
	margin: auto;
}
.nav-link{
	color: #fff;
}
.footer {
	background-color: #09142e;
	text-align: center;
}
.footer-head a{
	color: #fff;
}
.copyright p{
	color: #fff;
	font-size: 14px !important;
	font-weight: 300;
}
.copyright{
	padding-top: 50px;
}
.has{
	width: 40px;
}
.social-icon{
	width: 2%;
}
.footer-page-link{
	padding: 30px 0px;
}
.social{
	padding-bottom: 30px;
}
/*-------------------FOOTER END----------------------*/






/*===============FOR MOBILE RESPONSIVE STAERT===============
============================================================*/

/*----------------COMMON STAERT----------------*/
@media only screen and (max-width: 500px){
	p{
		font-size: 13px;
	}
    .sec{
    	padding: 20px 0px;
    }
    .mybtn{
	background-color: #3700ce;
	color: #fff;
	padding: 7px 18px;
	border-radius: 50px;
	border: none;
	font-weight: bold;
	font-size: 13px;
	}
h2{
	font-size: 25px;
}


	.pricing{
		width: 100%;
	}
	.price-box{
		width: 100%;
		margin: auto;
		padding-top: 50px;
	}
	.price-box .col-md-6:last-child{
		padding-top: 20px;
	}
	.card{
		margin: 0px;
	}
/*----------------COMMON STAERT----------------*/


/*----------------HERO STAERT------------------*/
	.hero h1{
		font-size: 45px;
	}
	.hero img{
		width: 100%;
		height: 300px;
	}
	.hero-img{
		width: 100%;
		height: 300px;
	}
	.hero-head img{
	width: 10%;
	height: 35px;
	margin-right: 10px;
	}
/*----------------HERO END------------------*/


/*----------------TRUST START----------------*/
	.trust img{
		width: 100%;
	}
/*----------------TRUST END-----------------*/


/*----------------AWESOME START----------------*/
	.img-first-child{
		width: 26%;
		margin: 7px;
		display: inline-block !important;
	}
	.img-sec-child{
		width: 26%;
		margin: 7px;
		display: inline-block !important;
	}
	.img-third-child{
		width: 26%;
		margin: 7px;
		display: inline-block !important;
	}
	.img-box img{
		width: 30px;
		height: 30px;
	}
	.img-box h5{
		font-size: 17px;
	}
/*----------------AWESOME END------------------*/


/*----------------SMART START----------------*/
	.smart .col-md-6:first-child{
		width:50%;
		padding: 0px;
	}
	.smart .col-md-6:last-child{
		width: 50%;
	}
	.smart h4{
		font-size: 22px;
		display: inline-block !important;
		padding: 0px 15px;
	}
	.smart p{
		width: 100%;
		display: inline-block !important;
		padding: 0px 15px;
	}
	.smart-body .col-md-4:first-child{
		width: 30%;
	}
	.smart-body .col-md-4:nth-child(2){
		width: 30%;
	}
	.smart-body .col-md-4:last-child{
		width: 30%;
	}
	.smart-body h5{
		font-size: 17px;
	} 
	.smart-body img{
		width: 30px;
	}
	.smart-body .img-first-child {
		width: 100%;
	}
	.smart-body .img-sec-child {
		width: 100%;
	}
	.smart-body .img-third-child {
		width: 100%;
	}
/*----------------SMART END-----------------------*/


/*----------------INTEGRATION START---------------*/
	.integration-img{
		width: 100%;
		height: 250px;
	}
	.integration-box{
		width: 80%;
		padding-top: 30px;
		margin: auto;
	}
/*----------------INTEGRATION END----------------*/


/*----------------APP START-----------------------*/
	.app{
		width: 100%;
		 margin: auto;
	}
	.app h2{
		font-size: 25px;
		 margin: auto;
		 padding-bottom: 20px;
	}
	.app-body .col-md-4:first-child{
		width: 48%;
	}
	.app-body .col-md-4:nth-child(2){
		width: 48%;
	}
	.app-body .col-md-4:nth-child(3){
		width: 48%;
	}
	.app-body .col-md-4:nth-child(4){
		width: 48%;
	}
	.app-body .col-md-4:nth-child(5){
		width: 48%;
	}
	.app-body .col-md-4:last-child{
		width: 48%;
	}
	.app-body .imgs-box{
		width: 100%;
	}
	.app-body img{
		width: 48px;
	}
/*----------------APP END----------------------*/


/*----------------ULTIMATE START----------------*/
/*----------------ULTIMATE END------------------*/

}
/*===============FOR MOBILE RESPONSIVE EBD==================
============================================================*/