body{overflow-x:hidden}
.footerlist{padding-left:0px;list-style:none;	line-height:1.8;}
.footerlist a{color:rgba(255,255,255,0.69);text-decoration:none;}
.footerheader{ color:white; margin-bottom:22px;font-weight:430; font-size:18px; position:relative;transition-property: all;transition-duration: 2s;transition-timing-function: ease;transition-delay: 2s;}
.footerheader:after{transition:all 300ms linear;content:"";position: absolute;bottom: -10px;left: 0;right: 0;height: 2px;background-color:rgba(255,255,255,0.5);width:20%;}
.footerheader:hover:after{width:30%;background:white;}
.footersocial{list-style:none;padding-left:0px;color:white;display:flex}
.footersocial li{margin-right:20px;font-size:22px}
.s-info{background:#1c0d44 ;}
.s-home{background:linear-gradient(180deg, #36275d, #7d7691 );background-position:100% 100%;background-size:100% 100%;}
.feature-image img{position:relative;max-width:100%;}
.feature-image i{top:40%;right:10%;color:white;position:absolute;color:-webkit-gradient(90deg, #36275d, #7d7691 );background-clip:text;text-fill-color:transparence;font-size:100px}
.feature-content h2{font-weight:600;font-size:30px;color:#36275d;padding-bottom:0px;}
.feature-content span{font-size:22px;}
.feature-content ul{font-family:poppins;font-size:18px;list-style:upper-alpha;padding-left:30px;margin-top:30px;}
.feature-content ul li{margin-top:7px;text-align:justify;font-size:22px;}
.btn-software{color:#36275d;background:white;border:none;border-radius: 0px;}		
a:hover, a{text-decoration:none;color:initial;}	
.blog-card{box-shadow:0px 0px 10px rgba(189, 189, 189, 0.25);}
.blog-line{background-size:100% 100%;background-position:100% 100%;border-bottom:8px solid #36275d;height:200px;}
.blog-content{text-align:center}
.blog-content div{margin-top:-17px;}
.blog-content div span{font-size:30px;color:white;background-color:#36275d;border-radius:50%;padding:15px;}
.blog-content h3{margin-top:15px;color:#36275d;font-weight:500;margin-bottom: 15px;font-size: 18px;}
.blog-content p{font-family:poppins;padding:5px 10px;}
.blog-content ul{padding:15px 10px;list-style:none;margin-0px;display:flex;border-top:1px solid #c0c0c04d;justify-content: space-between;}
.s-footer{background:#36275d;max-width:100%;height:auto;background-position:100% 100%;background-size:100% 100%;}
.about-title{color:white;font-size:50px;text-transform:uppercase;font-weight:bold;word-spacing:5px;}
.about-fl{margin-top:15px;height:3px;background-color:white;}
.about-nl{width:75%;margin-top:15px;height:2px;background-color:white}
.about-ll{width:50%;margin-top:15px;height:1px;background-color:white}
.about-p{color:white;line-height:1.8;}
.s-count{background-color:#1c0d44;}
.count-content{text-align:center;border-right:1px solid rgba(255,255,255,0.2);}
.count-content span{box-shadow:inset 0px 100px 10px white;color:#1c0d44;border:1px solid rgba(255,255,255,0.5);border-radius:50%;padding:20px;;font-size:40px}
.count-content h3{color:#32ad3f;padding-top:60px;font-family:poppins;}
.count-content h4{color:rgba(255,255,255,0.7);padding-top:0px;text-transform:uppercase;font-weight:bold;}
.section-feature{text-align:center;box-shadow:0px 0px 20px 0px #37285d24;border-radius: 5px;}
.section-feature .section-item{transition:box-shadow 1s ease;padding:40px;}
.section-feature:hover .section-item{box-shadow: inset 195px 0px 0px #36275d,inset -195px 0px 0px #36275d;}
.section-feature:hover  p , .section-feature:hover h3 {color:white;}
.section-feature img{height:50px;}
.section-feature h3{color:#36275d;margin:20px 0px;transition:color 1s ease;}
.section-feature p{font-family: poppins; color:rgba(0, 0, 0, 0.68);}
.content-client{display:flex;}
.content-client .content-img {height:70px;transform:rotate(45deg);flex:33px;background: #36275d;width:70px;transition:all 600ms ease-in-out;}
.content-client .content-img  img{border:3px solid #36275d;width:70px;transform:rotate(-45deg);height:70px;transition:all 600ms ease-in-out;} 
.content-client .content-img:hover,.content-client .content-img:hover  img {transform:rotate(0deg);}
.content-client .content-txt{margin-left:25px;}
.content-client .content-txt h5{padding:0px;margin:0px;color:#36275d;font-weight:bold}
.news-letter h5{color:white;text-align:center;font-size:30px;font-weight:bold;word-spacing:10px;}
.news-letter p{color:white;text-align:center}
.cmenu{text-align:center;box-shadow:0px 0px 10px #c0c0c066;margin-top:-50px;background-color:white;border-radius:0px;}
.section-home{width:80%;margin-left:10%;margin-top:10%;}
.section-home h1{color:white;font-size: 50px;font-weight: 600;}
.section-home p {padding-top: 10px;}
.section-home form div input{padding:10px;width:40%;border-radius:0px}
.section-home form div button{width:20%;border-radius:0px;background-color:rgba(0,255,0,0.5);border-color:rgba(0,255,0,0.5);}
.section-contact{background-position:100% 100%;background-image:url('../../assets/img/backgroundcreative.jpg');background-size:100% 100%;height:500px;}
.section-contact-t{background-color:#36275d66;height:100%;transition:background 600ms ease-in;}
.section-contact-t:hover{background:#36275d;}
.section-contact-t h3{padding:30px;text-align:left;color:white;font-size:50px;font-weight:bold;text-transform:uppercase;padding-top:60px;}
.section-contact-t ul{list-style:none;line-height:2;}
.last-footer{background:#1c0d44}
.last-footer p{color:white;padding-top:15px;padding-bottom:15px}
.btn-promotion{color: white;background: #fff3;border-radius: 0px;font-size: 16px;font-weight: bold;}
.btn-try{text-transform:uppercase;color:white;border:1.5px solid green;background-color:none;padding:10px 10px;border-radius:5px;margin-right:5px;border-color:rgba(0,255,0,0.5);border-radius:0px}
.btn-buy{color:white;background:transparent;padding:8px 10px;}
.scroll-link , .main-nav li:hover a{transition:all 600ms ease;font-weight:600;box-shadow: 5px 5px 5px #36275db3;color:white !important;background:linear-gradient(90deg, #36275d, #7d7691 );border-radius:0px;padding:10px 20px !important;}
.main-nav li{margin:auto 20px}
.form-letter{width:100%;display:flex;justify-content:center}
.form-letter div{display:flex;background-color:white;padding:5px;border-radius:30px;width:100%;}
.form-letter div input{width:100%;border:none;}
.form-letter div button{border-radius:30px;border:none;color:white;font-size:14px;background-color:#00BBFF;margin-right:-50px;width:30%;}
.mainMenu {box-shadow: 0px 0px 10px #c0c0c066;background:white;padding:30px;}		
.main-nav{margin-left:auto}
.main-nav  li a{font-size: 18px;font-weight: 500;}
.infoP{color:#ffffffb3;float:right;margin-bottom:0px;}
.section-contact-t ul li a{display:flex;align-items: baseline;color:white}
.footersocial{float:right;padding-top:15px;padding-bottom:15px}
.icofont-close{color:white}
.s-info{transition:display 300ms  linear 2s,opacity 300ms  linear 100s }
.footerlist a{transition:all 400ms linear}
.footerlist a:hover{margin-left:10px;color:white}
.btn-buy:hover,.btn-try:hover,.btn-promotion:hover{color:rgba(255,255,255,0.7)}
.owl-carousel img{margin-top:30px;max-width:100%;box-shadow:5px 5px 15px #c0c0c063}
.btn-yellow{background: #FBE03E;color: black;padding: 15px 43px;border-radius: 3px;font-size: 18px;border:none}
.main-btn{}
.yellow-btn{background: #FBE03E;color: black;padding: 15px 43px;border-radius: 3px;font-size: 18px;}
.white-btn{background: white;color: #564A74;padding: 15px 45px;border-radius: 3px;font-size: 18px;}
.big-title{color: #FFF;font-family: 'Circular',Sans-serif;font-size: 70px;font-weight: 600;letter-spacing: -1px;}
.big-title span{color:#FBE03E}
.white-p{margin-left:20%;width:60%;font-size: 24px;font-weight: 300;letter-spacing: -.6px;color:white}
.screenshot img{max-width:100%;margin-top:30px;border-radius:5px}
.screenshot h4{margin-top:35px;font-weight:600;font-size:19px;font-family: 'Circular',Sans-serif;}
.payment-method,.browser-support{flex-wrap: wrap;}
.payment-method .item{width:18%;text-align:center;box-shadow: 0 6px 10px rgba(0,0,0,.08);padding: 16px;border-radius:8px;height: 167px;margin-right:2%;margin-bottom:10px}
.payment-method .item div{color: #3c2e61;font-size: 16px;font-weight: 400;font-family: Red Hat Text,sans-serif;}
.main-title{text-align:center;color: #36275d;font-family: 'Circular',Sans-serif;margin-bottom:64px;font-size: 48px;font-weight: 600;letter-spacing: -1px;}
.browser-support .item img{max-height:85px}
.browser-support{flex-wrap: wrap;}
.browser-support .item{width:18%;text-align:center;box-shadow: 0 6px 10px rgba(0,0,0,.08);padding: 16px;border-radius:8px;height: 167px;margin-right:2%;margin-bottom:10px}
.browser-support div{color: #3c2e61;font-size: 16px;font-weight: 400;font-family: Red Hat Text,sans-serif;} 
.table-pricing{margin-top:60px;padding:0px;background-size:cover;background-attachment:fixed}
.table-pricing-t{background:rgba(0,0,0,0.8);height:100%;width:100%;padding-bottom:60px;padding-top:70px;}
.pricing-description h2{color:white;padding-top:0px;margin-top:120px;font-family:lat;font-weight:bold;font-size:60px;color:white}
.pricing-description  p{padding-bottom:50px;color:white;padding-top:0px;margin-top:0px}
.pricing-item{text-align:center;}
.pricing-item .item{background-color:white;height:100%;border-radius:5px;background: white}
.pricing-item .item-color{transform:scaleY(1);height:100%;border-radius:5px;background:linear-gradient(180deg, #36275d, #7d7691 )}
.pricing-item .item h5{color:rgba(0,0,0,0.5);padding-top:25px;font-weight:bold;font-size:35px}
.pricing-item .item ul{list-style:none;padding:10px 20px}
.pricing-item .item li {border-bottom:1px solid rgba(0,0,0,0.2);padding:10px 0px}
.pricing-item .item li span{color:rgba(0,0,0,0.5)}
.pricing-item .item h3{font-size:65px;font-family:lato;color:rgba(0,0,0,0.5)}

/* color */
.pricing-item .item-color h5{color:white;padding-top:25px;font-weight:bold;font-size:35px}
.pricing-item .item-color ul{list-style:none;padding:10px 20px}
.pricing-item .item-color li {border-bottom:1px solid rgba(255,255,255,0.5);padding:10px 0px}
.pricing-item .item-color li span{color:white}
.pricing-item .item-color h3{font-size:65px;font-family:lato;color:white}

/*app theme*/
.preview{margin-left:30px}
#previewtemplate{background: linear-gradient(180deg, #36275d, #7d7691 );}
#previewtemplate h2{text-align:center;color: white;font-family: 'Circular',Sans-serif;font-size: 40px;font-weight: 600;letter-spacing: -1px;margin-top:70px;}
#previewtemplate p:first-child{margin-left:20%;width:60%;font-size: 24px;font-weight: 300;letter-spacing: -.6px;}
#previewtemplate  .prevpass{margin-left:20%;width:60%;font-size: 16px;font-weight: 300;letter-spacing: -.6px;margin-bottom:0px;margin-top:10px;}
/* bootstrap */
.form-control:focus{box-shadow: none !important;}

		.btn-getstarted
		{
			border:1px solid white;background:white;border-radius:5px;color:#6515dd !important
		}

		/*hover menu */
	
	
		/*
		*
		*
		*
		* section home 
		*
		*/
		
	
		
		/* template */
		.content-template
		{
		 box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);;
		 border:1px solid #c0c0c066;
		 overflow:hidden;
		}
		.image-template
		{
			background-repeat:no-repeat;transition:background-position 3s ease-in-out;background-size:100% 100%;margin-right:15px;height:210px;overflow:hidden;background-position:top center;margin:0px;padding:0px
		}
		
		.title-template
		{
			background-color:white;border-top: 1px solid #c0c0c033;
		}
		.title-template h5
		{
			padding:10px 20px 10px 20px;font-weight:600;margin-bottom:0;color:#4d4d4d
		}
		.title-template p
		{
			padding:0 20px 20px 20px;font-weight:400;color:#555;margin-bottom:0
		}
		.info-tamplate
		{
			border-top:1px solid rgba(0,0,0,0.1);
		}
		.info-tamplate div
		{
			display:flex;justify-content:space-between;padding:20px
		}
		.info-tamplate div a
		{
			color:#36275D;font-weight:bold;text-decoration:none
		}
		.info-tamplate div a span
		{
			color:silver;font-size:20px
		}
		
						
		
		/*feaure */
		.premade-feature
		{
			background-color:#c0c0c01c;
			padding-top:60px;
			padding-bottom:50px
		}
		.premade-feature  .feature-item
		{
			transition:background-color 600ms ease-in 0.3s;
			background-color:white;
			height:260px;
			box-shadow:0px 0px 10px  #c0c0c052;
			padding:15px;
			
		}
		/*premade item hover*/
		.premade-feature  .feature-item:hover
		{
			
			background:#6515dd;
		
		}
		.premade-feature  .feature-item .feature-title, .premade-feature  .feature-item  .feature-p
		{
			transition:color 600ms ease-in 0.3s;
		}
		.premade-feature  .feature-item:hover .feature-title
		{
			color:white
		}
		.premade-feature  .feature-item:hover  .feature-p
		{
			color:rgba(255,255,255,0.8)
		}
		/*end feature hover*/
		.premade-feature  .feature-item .feature-icon
		{
			text-align:center;padding-top:20px;
		}
		.premade-feature  .feature-item .feature-title
		{
			text-align:center;margin-top:7px;font-size:22px;font-weight:bold;color:rgba(0,0,0,0.8)
		}
		.premade-feature  .feature-item .feature-p
		{
			text-align:center;color: rgba(0,0,0,0.7);line-height: 1.8;
		}
			/* footer */
			.socialfooter 
			{
				margin-top:30px
			}
		
				.footerlist li:hover
			{
				background-color:#ffffff4d;
			}
			.copyright
			{
				border-top:1px dotted #ffffff82;
			}
			.copyright .row
			{
				padding:20px 0px 20px 0px;
			}
			.copyright .copyright-info ul
			{
				float:right;padding-left:0px;display:flex
			}
			.newsletter p
			{
				color:#ffffffd1
			}
			.newsletter .form-group input
			{
				border:1px solid white;border:1px solid #ffffff4d;background-color:rgba(0,0,0,0);transform:skew(0deg);margin-left:0px
			}
			.newsletter .form-group button
			{
				flex:33%;border-radius:0px;transform:skew(0deg);background-color:#ffffff4d;color:white;border:1px solid #ffffff4d
			}
			#email::placeholder
			{
				padding-left:10px;color:white;
			}
				.socialfooter a span
			{
			background-color:#ffffff4d;padding:10px;color:white;border-radius:0px;display:inline-block;	transition:border-radius 400ms,background-color 500ms,transform 1s;margin-left:5px
			}
			.socialfooter a:first-child span
			{
				margin-left:0px;
			}
			.socialfooter a
			{
				text-decoration:none;
			}
			.socialfooter a:hover span
			{
				border-radius:50%;background-color:rgba(0,0,0,0);border:1px solid #ffffff4d;transform:rotate(360deg);
			}
			.footerlist
			{
				padding-left:0px;;line-height:1.8;
			}
			.footerlist li
			{
				transition:background   all 1s ease;padding-left:10px;
			}
			.header-footer-list+p
			{
				color:#ffffffd1;border-left:2px solid #ffffff82;padding-left:20px;
			}
			
			.header-footer-list
			{
				color:white;font-weight:bold;
			}
			.footerlist li a
			{
				color:#ffffffd1
			}
			/*end footer*/
				ul
			{
				list-style:none;padding-left:0px;
			}
			a:hover
			{
				text-decoration:none;
			}
			
			.black-color
			{
				color:rgba(0,0,0,0.7);
			}
			.yellow-btn
			{
				background: #FBE03E;
				color: black;
				border: 1px solid #FBE03E;
				padding: 10px 23px;
				border-radius: 3px;
				font-size: 18px;
			}
			.transparent-btn
			{
				background: white;
				color: #c4a800;
				border: 1px solid #c4a800;
				padding: 10px 23px;
				border-radius: 3px;
					font-size: 18px;
			}