/* Global styles */
:root
{
	--primary-color : #0071E3;
	--text-color    : #2d2d2d
}

*
{
	margin     : 0;
	padding    : 0;
	box-sizing : border-box;
	/*color: var(--text-color);*/
	/*display: flex;/*/
}

li {
    margin-bottom: 8px;
}

html, body
{
	height         : 100%;
	display        : flex;
	flex-direction : column;
	direction      : rtl;
}

ul {
    padding: 0 30px 0 0;
    margin: 0 0 8px 0;
}

#app
{
	display        : flex;
	flex-direction : column;
	min-height     : 100vh;
	width          : 100%;
	overflow-x     : hidden;
}


p {
	font-family             : "Open Sans", sans-serif;
	font-optical-sizing     : auto;
	font-weight             : 100;
	font-style              : normal;
	font-variation-settings : "wdth" 100;
	margin-bottom: 12px;
}


:root {
	--fsp-hover-bg: rgba(0, 113, 227, 0.1);
}

.top-section {
  background: linear-gradient(180deg, #ecefff 0%, #ffffff 100%);
}