/********************Header Css***************************/

#header, #header.header-scrolled  {

	padding: 0px 0;

	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);	

}

.nav-item a {

    display: block;

    position: relative;

    transition: 0.3s;

    font-size: 20px;

    color: #707070;

    font-weight: 600;

    font-family: "Montserrat";

}

.nav-item a:hover, .nav-item a.active{

    color: #a340ff;

}



#content-desktop {display: flex;}



#content-mobile {display: none;}



@media only screen and (max-width: 767px){

	

	#content-desktop {display: none;}



	#content-mobile {display: block;}



	.d-flex {

	    display: block;

	}

}



/********************end of Header Css***************************/

@media only screen and (min-width: 991px){

	#desktop{

		display: block;

	}

	.navbar-expand-md .navbar-nav .nav-link {

	    padding: 0px 17px;

	    margin-top: -10px;

	}

}

@media only screen and (max-width: 990px){

	#desktop{

		display: none;

	}

}

#banner{

	margin-top: 60px;

}

section {

	padding: 0px 0px 50px;

    overflow: hidden;

}

#banner .banner1{

	margin-top: 110px;

}

.banner-title{

	font-size: 34px;

	line-height: 45px;

	color: #4a4a4a;

	/*font-weight: 600;*/

	font-family: "Montserrat";

	margin: 0px;

	padding: 100px 0px 20px 0px;

	text-align: left;

}

.li-herotext {

	font-size: 26px;
	font-weight: 600;
}

.margin{

	margin-top: -60px;

}

@media only screen and (min-width:991px) and (max-width:1199px){	

	.banner-title {

	    font-size: 34px;

	    line-height: 45px;

	    color: #4a4a4a;

	    font-weight: 600;

	    font-family: "Montserrat";

	    padding: 25px 0px 0px;

	    text-align: left;

	}

	.margin{

		margin-top: -39px;

	}

	#banner .banner1 {

	    margin-top: 90px;

	}

}

@media only screen and (min-width:768px) and (max-width:990px){	

	.navbar-expand-md .navbar-nav .nav-link {

		margin-top: -10px;

		padding: 0px 15px;

	}

	#banner .banner1 {

	    margin-top: 60px;

	}

	.banner-title {

	    font-size: 34px;

	    line-height: 45px;

	    color: #4a4a4a;

	    font-weight: 600;

	    font-family: "Montserrat";

	    margin: 0px 0px;

	    padding: 10px 0px 0px;

	    text-align: left;

	}

	.margin{

		margin-top: -15px;

	}

	#services .col-md-4 {

	    -ms-flex: 0 0 33.333333%;

	    flex: 0 0 33.333333%;

	    max-width: 33.333333%;

	}

	#services .d-flex {

	    display: block !important;

	}

	#services .title {

	    font-size: 18px;

	    color: #4a4a4a;

	    font-weight: 700;

	    font-family: "Montserrat";

	    text-align: center;

	}

}

@media only screen and (max-width: 767px){

	#banner .banner1 {

	    margin-top: 25px;

	}

	.banner-title{

		font-size: 34px;

		line-height: 45px;

		color: #4a4a4a;

		font-weight: 600;

		font-family: "Montserrat";

		margin: 0px 0px;

		padding: 0px 0px;

		text-align: center;

	}

	.margin{

		margin-top: -38px;

	}

	.img-logo{

		width: 85%;

	}

}



.box{

	border: 2px solid #a340ff;

	border-bottom-left-radius: 100px;

}

/********************Pricing plan Css***************************/

.section-bg {

    background-color: #f8f8f8;

}

.services .icon-box {

    text-align: center;

    border: none;

    padding: 40px 20px;

    transition: none;

    border-radius: 8px;

    filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.16));

    background-color: #ffffff;

}

.section-title h2 {

    text-transform: capitalize;

    margin-bottom: 0px;

    padding-bottom: 0;

    position: relative;

    z-index: 2;

    font-size: 28px;

    color: #4a4a4a;

    font-weight: 700;

    font-family: "Montserrat";

    text-align: center;

}

.services .icon-box h4 a , .services .icon-box:hover h4 a {

    transition: none;

    font-size: 24px;

    color: #a340ff;

    font-weight: 600;

    font-family: "Montserrat";

    text-align: center;

}

#services .btn-get-started {

    border-radius: 6px;

	background-color: #a340ff;

	font-size: 14px;

	color: #ffffff;

	font-weight: 600;

	font-family: "Montserrat";

	text-align: center;

	width: 100%;

	margin-top: 15px;

	letter-spacing: 1px;

	display: inline-block;

	padding: 12px 30px 12px 30px;

	transition: 0.5s;

}

.title{

	font-size: 24px;

	color: #4a4a4a;

	font-weight: 600;

	font-family: "Montserrat";

	text-align: center;

}

.cta-btn {

    text-transform: uppercase;

	letter-spacing: 1px;

	display: inline-block;

	padding: 8px 28px;

	transition: 0.5s;

	margin-top: 15px;

	border: 2px solid #4a4a4a;

	font-size: 14px;

	color: #4a4a4a;

	font-weight: 600;

	font-family: "Montserrat";

	text-align: center;

	width: 100%;

	border-radius: 6px;

}

/*.cta-btn:hover {

    background: #206bfb;

    border-color: #206bfb;

}*/

/********************end of Pricing plan Css***************************/



/********************Footer Css***************************/

#footer {

    background-color: #fff;

    position: relative;

    font-size: 16px;

	color: #4a4a4a;

	font-weight: 600;

	font-family: "Montserrat";

	text-align: center;

}

#footer .copyright {

    text-align: center;	

    float: none;

}

#footer .footer-bottom {

    border-top: 1px solid #cfcfcf;

    z-index: 2;

    position: relative;

    padding-top: 15px;

    padding-bottom: 15px;

}

#price{

	margin-top: 80px;

}

.price {

    padding: 50px 0px 30px;

}

table{

	border-radius: 8px;

	filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.16));

	background-color: #ffffff;

}

th{

	background-color: #a340ff;

	font-size: 20px;

	line-height: 26px;

	color: #ffffff;

	font-weight: 600;

	font-family: "Montserrat";

	text-align: center;

}

td{

	font-size: 18px;

	line-height: 26px;

	color: #4a4a4a;

	font-weight: 600;

	font-family: "Montserrat";

}



.box {

    position: relative;

    margin-bottom: 20px;

    width: 100%;

    box-shadow: 0 1px 1px rgba(0,0,0,0.1);

    border-radius: 8px;

	filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.16));

	background-color: #ffffff;

	border: 0px solid #cfcfcf;

}



.box-body tbody > tr > td {

    border: 1px solid #cfcfcf;

    padding-top: 20px;

	padding-bottom: 20px;

}

.box-body tbody > tr > th{

    border: 1px solid #cfcfcf;

    padding-top: 35px;

	padding-bottom: 35px;

}

.underline{

	text-decoration-line: underline;

	text-decoration-color: #a340ff47;	

  	text-decoration-thickness: 10px;

}	

.services .icon-box p {

  /*  margin-bottom: 0;;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;*/

    font-size: 16px;

	line-height: 26px;

	color: #4a4a4a;

	font-weight: 500;

	font-family: "emoji";

	text-align: -webkit-auto;

	word-break: break-word;

}

.topnav {

  overflow: hidden;

  position: relative;

}



.topnav #myLinks {

  display: none;

}



.topnav a {

	padding: 3px 15px;

	text-decoration: none;

	display: block;

	position: relative;

	transition: 0.3s;

	font-size: 20px;

	color: #707070;

	font-weight: 600;

	font-family: "Montserrat";

}



.topnav a.icon {

  display: block;

  position: absolute;

  right: 0;

  top: 18px;

}

.topnav a.active{

  color: #a340ff;

}