/*
Template Name: Appx | AI Application & App Landing Page Website Template
Author: Pillarix
Author URI: https://wrapbootstrap.com/user/pillarix
Version: 1.0
*/
/*
-- Body
-- Navbar
-- Index
-- News
-- Contact
-- Account
-- Footer
*/
/*@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300;400;500;600;700;800;900&display=swap');*/

/* Body */
body {
	/*font-family: 'Red Hat Display', sans-serif;*/
	font-family: sans-serif;
	font-size: 14px;
}
a {
	text-decoration: none;
	color: #1b1b1b;
}
a:hover {
	color: #0d6efd;
}
.btn {
	font-size: 14px;
	padding: 12px 30px !important;
	font-weight: 600;
}
.app-nav  a.nav-link.py-4 {
	padding-top: 35px !important;
	padding-bottom: 35px !important;
	color: #000;
	font-size: 15px;
}
.btn-primary {
	background: #3361c4;
	border-color: #3361c4;
}
.app-nav .navbar-nav .nav-link:hover {
	color: #3361c3;
}
.app-nav .navbar-nav .nav-link.active {
	color: #3361c3;
}
.hero-background {
	/*background-image: url(../img/bg.svg);*/
	background-color: #fff1e7 ;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.text-primary {
	color: #3361c3 !important;
}
.gradient-text{
	background: linear-gradient(105deg, #3361c3 0%,#8296D6 23.13%,#AC99E3 42.36%,#E7BABB 56.34%,#ef6e45 82.55%);
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}
.bg-primary {
	background-color: #3361c3 !important;
}
.bg-light {
	background-color: #fff9f5 !important;
}

/* Index */
.icon {
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.user-img {
	width: 40px;
}

/* News */
.admin-icon {
	height: 25px;
	width: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Contact */
.social-icon {
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Account */
.icon-sm {
	height: 30px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Footer */
.footer-icon {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}