/* ---------------------------------------

[Main Stylesheet]

Project:    	  eWallet - The next generation online payment gateway
Version:    	  1.0
Primary Use:      Online money transection system

------------------------------------------

[Table of contents]

1. Fonts
2. Reset Css
3. Global Settings
4. Section Styles
5. Colors
6. Margin and Padding
7. Background Overlay
8. Buttons Style
9. Preloader
10. ScrollUp Button
11. Main Header style
12. Hero Area
13. Features Area
14. Custom Hero
15. Promo Area
16. Our Partners
17. Pricing Table
18. Why Choose us
19. Parallax Area
20. Testimonial Area
21. Counter Area
22. App Area
23. Blog Area
24. Footer Area
25. Custom Banner
26. About Area
27. Award Area
28. Card Features
29. All Partners Area
30. Team Area
31. Card Apply Form
32. Become Partner Area
33. Card Details Area
34. Choose Card
35. Faq Area
36. Error Area

-------------------------------------------*/

/*** 

===============
	Fonts
===============


font-family: 'Comfortaa', cursive;
font-family: 'Overpass', sans-serif;

 ***/

 @import url('https://fonts.googleapis.com/css?family=Comfortaa:300,400,600,700|Overpass:300,400,600,700,800,900&display=swap');

 

/*** 

===============
	Reset Css
===============

 ***/
 
 * {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}




/*** 

===================
	Global Settings
===================

 ***/

 body {
	font-size:16px;
	color: $cl-black;
	line-height:1.7em;
	font-weight:400;
	background: $cl-white;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: $main-font;
}

a{
	text-decoration:none;
	cursor: pointer;
	transition: .3s;
	color:$cl-black;
}

button,
a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none !important;	
	transition: .3s;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight: 700;
	margin:0px;
	background:none;
	line-height:1.2em;
	font-family: $headding-font;
}

h1{
  font-size: 52px;
}

h2{
  font-size:40px;
}

h3{
  font-size:30px;
}

h4{
  font-size:24px;
}

h5{
  font-size:20px;
}

h6{
  font-size:18px;
}

input,button,select,textarea{
  outline: none;
}

textarea{
  overflow:hidden;
}

p{
  position:relative;
  font-family: $main-font;
}


img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;

  display:inline-block;
  max-width:100%;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}

img{
	display:inline-block;
	max-width:100%;
}


::selection {
	background-color: #00C9B724;
	color: $cl-black;
}

-moz-::selection {
	background-color: #00C9B724;
	color: $cl-black;
}

-webkit-::selection {
	background-color: #00C9B724;
	color: $cl-black;
}

-o-::selection {
	background-color: #00C9B724;
	color: $cl-black;
}


.page-wrapper {
  position:relative;
  margin:0 auto;
  width:100%;
  min-width:300px;
  overflow: hidden;
}

.btn.focus, .btn:focus {
	box-shadow: none;
}

.border-0 {
	border: 0px;
}

.radius-50 {
	border-radius: 50px !important;
}
.radius-0 {
	border-radius: 0px !important;
}

.centered{
	text-align:center;
}




