@charset "utf-8";
/* CSS Document */

body
{
	font-family: "Nunito", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 15px !important;
	background-color: #f4f4f4;
	color: #171243;
}

table, tr, td, th { color: #454545 !important; }

.show-xs { display: none; }

a { color: #2F325F; border: none; text-decoration: none; }
a:hover { color: #333333; }

h1 { font-size: 38px; line-height: 1.2; font-weight: normal; text-transform: none; }
h2 { font-size: 26px; line-height: 1.2; font-weight: normal; text-transform: none; }
h3 { font-size: 18px; line-height: 1.2; font-weight: normal; text-transform: none; }
h4 { font-size: 16px; line-height: 1.2; font-weight: normal; text-transform: none; }
h5 { font-size: 16px; line-height: 1.2; font-weight: normal; text-transform: none; }
h6 { font-size: 14px; line-height: 1.2; font-weight: normal; text-transform: none; }

.fw-normal { font-weight: normal; }
.fw-bold { font-weight: 600; }
.fw-semibold { font-weight: 500; }

.fs-10 { font-size: 10px; }
.fs-11 { font-size: 11px; }
.fs-12 { font-size: 12px; }
.fs-13 { font-size: 13px; }
.fs-14 { font-size: 14px; }
.fs-15 { font-size: 15px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
.fs-20 { font-size: 20px; }
.fs-22 { font-size: 22px; }
.fs-24 { font-size: 24px; }
.fs-26 { font-size: 26px; }
.fs-28 { font-size: 28px; }
.fs-30 { font-size: 30px; }

.lh-09 { line-height: 0.9; }
.lh-10 { line-height: 1.0; }
.lh-11 { line-height: 1.1; }
.lh-11 { line-height: 1.2; }
.lh-13 { line-height: 1.3; }
.lh-14 { line-height: 1.4; }
.lh-15 { line-height: 1.4; }

.code-text {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.text-limit-1-row
{
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 1 !important;
	-webkit-box-orient: vertical;
}

.text-limit-2-row
{
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical;
}

.text-limit-3-row
{
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 3 !important;
	-webkit-box-orient: vertical;
}

.text-limit-4-row
{
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 4 !important;
	-webkit-box-orient: vertical;
}

.text-limit-5-row
{
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 5 !important;
	-webkit-box-orient: vertical;
}

.text-info { color: #1BABA2 !important; }
.text-warning { color: #DEA034 !important; }
.text-danger { color: #DE5141 !important; }

.radius_5 { border-radius: 5px; }
.radius_8 { border-radius: 8px; }
.radius_10 { border-radius: 10px; }
.radius_15 { border-radius: 15px; }
.radius_50 { border-radius: 50%; }

.pointer { cursor: pointer; }
.nowrap { white-space: nowrap; }

#main__nav { position: fixed; left: 0; top: 0; background-color: #f4f4f4; height: 100vh; z-index: 99; width: 80px; text-align: center; }

#sidebar__logo { margin-bottom: 40px; }

#sidebar__nav { margin: 0; padding: 0; list-style: none; }
#sidebar__nav li { margin-bottom: 25px; line-height: 1.2; }
#sidebar__nav li span { display: block; font-size: 12px; }
#sidebar__nav li a { color: #666666; }
#sidebar__nav li i:hover { color: #AC7DFC !important; }

#header__top { background-color: #f4f4f4; }

.main__wrapper { margin-left: 80px; }
.top-div { margin-top: 0px; clear: both; padding: 0px 25px; }

.card { border: none; background: #F4F4F4; }

.card.radius_10 img.card__img__header { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.card.radius_15 img.card__img__header { border-top-left-radius: 15px; border-top-right-radius: 15px; }

.card-title { font-weight: 600; }
.card-body p { line-height: 1.4; }

#main__hero__wrapper { background: #f4f4f4; }
#main__hero { background: linear-gradient(90deg,rgba(253, 237, 227, 1) 0%, rgba(221, 223, 254, 1) 100%); border-top-left-radius: 20px; }
#main__hero h1 { font-weight: 1000; font-size: 50px; color: #171243; }
#main__hero .hero__search__input { border-radius: 15px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.10); width: 80%; font-size: 16px; background: #fff; margin: auto; }
#main__hero .hero__search__input input { border: none; }
#main__hero .hero__search__input input:focus { border: none; outline: none; }
#main__hero .hero__search__input button { background: linear-gradient(90deg,rgba(135, 83, 252, 1) 0%, rgba(254, 173, 147, 1) 100%); border: none; }
#main__hero .hero__search__input button:hover { background: linear-gradient(90deg,rgba(254, 173, 147, 1) 0%, rgba(135, 83, 252, 1) 100%); }
#main__hero a.hero__pill { padding: 5px 15px; color: #666; margin-bottom: 7px; background: #fff; }
#main__hero a.hero__pill:hover { background: #9be3fb; color: #171243; }
#main__hero .hero__text { font-size: 16px; }

.text-gradient
{
	color: #9a6ffe;
	background-image: linear-gradient( 45deg, #9a6ffe, #99d3fc 100% );
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media (max-width:480px)
{
	body, td { font-size: 13px; }
	td { vertical-align: middle; }
	
	.show-xs { display: block !important; }
	.hide-xs { display: none !important; }
	
	h1 { font-size: 24px; }
	h2 { font-size: 20px; }
	h3 { font-size: 18px; }
	h4 { font-size: 17px; }
	h5 { font-size: 16px; }
	h6 { font-size: 15px; }
	
	#main__nav { width: 100%; height: 65px; text-align: left; border-bottom-left-radius: 20px; }
	
	#sidebar__logo { margin-bottom: 0px; margin-left: 15px; margin-right: 22px; float: left; }
	
	#sidebar__nav__container { float: right; }
	ul#sidebar__nav li { float: left; margin-right: 20px; padding-top: 4px; }
	ul#sidebar__nav li span { display: none; }
	
	#header__top { display: none; }
	
	.main__wrapper { margin-left: 0px; }
	.top-div { margin-top: 40px; padding: 0px 15px; }
	
	#main__hero h1 { font-size: 30px; }
	#main__hero .hero__search__input { width: 100%; font-size: 14px; }
	#main__hero .hero__text { font-size: 14px; }
	#main__hero .hero__text strong { display: block; margin-bottom: 10px; }
}