html {
    width: 100%;
}
body {
    font-family: 'Inter', sans-serif;
    font-weight: 300;
	padding:0;
	margin:0;
	height: 100%;
	overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6,ul,p { padding:0; margin:0;}
ul { list-style:none; padding:0; margin:0;}
a { text-decoration:none;}
a:hover, a:focus { text-decoration:none; outline:none;}
.btn.focus, .btn:focus { box-shadow:none;}
a img { border:none;}
p a { color:#2daee4; text-decoration:underline;}
p a:hover { color:#1a8ebf; text-decoration:underline;}
strong { font-weight:bold;}
.align-right { text-align:right;}
button:focus { outline:none;}
::-webkit-input-placeholder { opacity:1;}
::-moz-placeholder { opacity:1;}
:-ms-input-placeholder { opacity:1;}
:-moz-placeholder { opacity:1;}
.hide { display:none;}
button { cursor:pointer; border:0;}
* { -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
select { appearance: none; border-radius: 0;}
section, header, footer { width: 100%;}

.btn { text-decoration:none;display:inline-block; background:#ccc; padding:5px 15px; border-radius:5px; font-size:15px; font-weight:700; color:#000;}
.btn i { font-size:14px; margin:0 3px;}
.btn-green { background:#20b94f; color:#fff;}
.btn-green:hover { background:#0cae3e; color:#fff;}
.btn-blue { background:#203fc4; color:#fff;}
.btn-blue:hover { background:#203fc4; color:#fff;}
.btn-pink { background:#ffa200; color:#fff;}
.btn-pink:hover { background:#ef9800; color:#fff;}
.btn-red { background:#F00; color:#fff;}
.btn-red:hover { background:#C00; color:#fff;}
.btn-white { background:#f6f6f6; color:#111;}
.btn-white:hover { background:#eee; color:#111;} 
.btn-white-trans { background:transparent; color:#fff;}
.btn-white-trans:hover { background:#fff; color:#111;}
.btn-grey { background:#f1f1f1; color:#111;}
.btn-grey:hover { background:#eee; color:#111;}
.btn-disabled { background:#ddd; color:#555;}
.btn-disabled-outline { background:#fff; border:1px solid #aaa; color:#aaa;}
.btn-disabled-outline:hover { background:#fff; border:1px solid #aaa; color:#aaa;}

.btn-facebook { width:100%; height:50px; background:url('../img/facebook-icon.png') 10px center no-repeat #3d69ea; background-size:30px 30px; font-size:17px; color:#fff; position:relative;}

.btn-red-outline { background:transparent; border:1px solid #F30; color:#F30;}
.btn-red-outline:hover { background:#F00; color:#fff;}
.btn-green-outline { background:transparent; border:1px solid #20b94f; color:#20b94f;}
.btn-green-outline:hover { background:#0cae3e; color:#fff;}
.btn-blue-outline { background:transparent; border:1px solid #203fc4; color:#203fc4;}
.btn-blue-outline:hover { background:#203fc4; color:#fff;}
.btn-pink-outline { background:transparent; border:1px solid #ffa200; color:#ffa200;}
.btn-pink-outline:hover { background:#ef9800; color:#fff;}
.btn-grey-outline { background:transparent; border:1px solid #555; color:#555;}
.btn-grey-outline:hover { background:#555; color:#fff;}
.btn-purple-outline { background:transparent; border:1px solid #c832ff; color:#c832ff;}
.btn-purple-outline:hover { background:#aa0de4; color:#fff;}
.btn-white-outline { background:transparent; border:1px solid #fff; color:#fff;}
.btn-white-outline:hover { background:#fff; color:#111;}
.btn-full { width:100%;}

.text-sec { padding: 50px 0;}
.text-sec h1, .text-sec h2, .text-sec h3, .text-sec h4, .text-sec h5 { font-weight: 600; margin: 0 0 20px 0;}
.text-sec h2 { font-size: 30px;}
.text-sec h3 { font-size: 25px;}
.text-sec h4 { font-size: 20px;}
.text-sec p { font-size: 17px; font-weight: 400; line-height: 24px; color: #282248; margin: 0 0 20px 0;}
.text-sec ul { list-style-type: disc; list-style-position: outside; margin: 0 0 20px 0; padding: 0 0 0 20px;}
.text-sec ul li { font-size: 17px; color: #282248; line-height: 24px; font-weight: 400; margin: 0 0 5px 0;}
.text-sec .btn { margin: 0 10px 20px 0;}
.text-sec p a, .text-sec ul li a { color: #0d00a1;}

#form_msg { display:block;}
.form-success { display:inline-block; background:#D8FFC0; padding:7px 20px; margin:0 0 5px 0; font-size:17px; font-weight:500; color:#2E6800; text-align:center; margin:0 10px 20px 0;}
.form-error { display:block; background:#FFE8E8; padding:7px 20px; margin:0 0 5px 0; font-size:17px; font-weight:500; color:#FF0000; text-align:center; margin:0 10px 20px 0;}
#loader-icon { display:none;}

.error-msg { display:block; background:#ffe2e2; padding:10px 15px; border:1px solid #ff0000; border-radius:5px; font-size:17px; font-weight:700; color:#ff0000; margin:10px 0;}
.success-msg { display:block; background:#d9ffe5; padding:10px 15px; border:1px solid #20b94f; border-radius:5px; font-size:17px; font-weight:700; color:#20b94f; margin:10px 0;}
.error-text { display:inline-block; font-size:17px; font-weight:700; color:#ff0000; margin:10px 0;}
.success-text { display:inline-block; font-size:17px; font-weight:700; color:#093; margin:10px 0;}

.white-box { float:left; width:100%; background:#fff; padding:30px; border-radius:4px; box-shadow:0 2px 2px 1px rgba(0,0,0,0.1); margin:0 0 30px 0;}
.white-box h1, .white-box h2, .white-box h3, .white-box h4, .white-box h5 { float:left; width:100%;}
.white-box h1 { font-size:35px; font-weight:700; margin:0 0 30px 0;}
.white-box h2 { font-size:30px; font-weight:700; margin:0 0 30px 0;}
.white-box h3 { font-size:25px; font-weight:500; margin:0 0 20px 0;}
.white-box h4 { font-size:22px; font-weight:500; margin:0 0 20px 0;}
.white-box h5 { font-size:20px; font-weight:500; margin:0 0 20px 0;}


.hero { height: auto; background: url('../img/bg-hero.jpeg') center center no-repeat; background-size: cover; position: relative;}
.hero::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.7;
	background: #a1003e; /* Old browsers */
	background: -moz-linear-gradient(top, #a1003e 0%, #0d00a1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #a1003e 0%,#0d00a1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #a1003e 0%,#0d00a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1003e', endColorstr='#0d00a1',GradientType=0 ); /* IE6-9 */
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a1003e+0,0d00a1+100 */
}
header { padding: 20px 0; position: relative;}
.navbar-brand { width: 150px;}
.navbar-brand small { display: block; font-size: 0.8rem; color: #fff; text-align: center; background: #050137; margin: 5px 0 0 0;}
.navbar .nav-item { margin: 0 0 0 20px;}
.navbar .nav-item .nav-link { font-size: 20px; color: white;}
.hero-sec { padding: 50px 0; position: relative;}
.hero-content { color: white;}
.hero-content h1 { font-size: 60px; font-weight: 600; margin: 0 0 20px;}
.hero-content p { font-size: 25px; margin: 0 0 30px;}
.hero-images { width: 100%; display: flex; justify-content: center;}
.hero-images img { width: 50%; border-radius: 10px;}
.hero-content .btn-download { background: transparent; width: 200px; padding: 0;}

.basic-sec { margin: 100px 0;}
.basic-head h1, .basic-head h2, .basic-head h3, .basic-head h4 { color:#111; margin:0 0 60px 0; text-align: center;}
.basic-head h1 { font-size:35px; font-weight:700;}
.basic-head h2 { font-size:30px; font-weight:700; position: relative;}
.basic-head h2::after { content: ''; position: absolute; left: 0; right: 0; bottom: -20px; margin: auto; display: table; width: 10%; height: 2px; background: #222;}
.basic-head h3 { font-size:25px; font-weight:700;}
.basic-head h4 { font-size:22px; font-weight:700;}

.about-app .basic-head h2 { margin: 0 0 30px 0;}
.about-app .basic-head h2 i { color: #0cae3e;}
.about-app .basic-head p { width: 100%; font-size: 20px; text-align: center; padding: 0 10%; margin: 0 0 30px 0;}
.about-screenshots { width: 100%; margin: 50px 0; display: flex; justify-content: center;}
.about-screenshots img { margin: 0 5px; height: 70vh; border-radius: 10px; border: 1px solid #ccc;}

.reviews ul { list-style-type: none; display: flex; justify-content: space-between; flex-wrap: wrap;}
.reviews ul li { width: 48%; padding: 30px; margin: 0 0 30px 0; border: 1px solid #ddd; border-radius: 0 30px 0 30px;}
.reviews ul li p { font-size: 17px; margin: 0 0 20px 0; position: relative; min-height: 100px;}
.reviews ul li p::before { content: '"';}
.reviews ul li p::after { content: '"';}
.reviews ul li small { display: block; font-size: 15px; font-weight: 500;}
.reviews ul li span { display: block;}
.reviews ul li span img { width: 120px;}

footer { background: #f6f6f6; padding: 50px 0; margin: 50px 0 0;}
.footer-logo { text-align: center;}
.footer-logo img { width: 120px;}
.footer-logo a { display: block; color: #000; margin: 0 0 20px 0;}
.footer-links { text-align: center; margin: 0 0 20px 0; display: flex; justify-content: center;}
.footer-links a { color: #000; padding: 0 10px; border-right: 1px solid #000;}
.footer-links a:last-child { border: none;}
.footer-links a:hover { text-decoration: underline;}
.copyright { text-align: center;}
.copyright p a { color: #000;}

.about-us { min-height: 40vh;}
.text-page h4 { font-size: 20px; margin: 30px 0 20px 0;}
.text-page p { font-size: 15px; margin: 0 0 20px 0;}
.text-page ul { margin: 0 0 20px 0; list-style-type: disc; list-style-position: inside;}
.text-page ul li { margin: 0 0 10px 0;}