:root {
	--color-dark: #000;
	--color-white: #fff;
	--color-transparent: transparent;
	--color-current: currentColor;
	--color-green: #b5f2f3;
	--color-gray-light: #b0b0b0;
	--color-gray-DEFAULT: #f1f3f7;
	--color-gray-dark: #838691;
	--color-blue-light: #b5f2f3;
	--color-blue-DEFAULT: #00ceff;
	--color-dark-blue:#346AE9;
}

@font-face {
    font-family: 'Manarope';
    src: url('/fonts/Manarope/Manrope-VariableFont_wght.ttf') format('ttf');
    font-weight: 100 900;  /* This defines the range of weights available */
    font-style: normal;
    font-display: swap;    /* Optional: improves loading performance */
}

.account-introduction-block{
	width: 100%;
	display: grid;
	grid-template-columns: 7.5fr 2.5fr;
	margin-top: 60px;
	margin-bottom: 60px;
}

.account-introduction-block p strong{
	font-weight: 800 !important;
}

.account-introduction-block .content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.btn-container{
	display: flex;
	width: 100%;
	justify-content: flex-end;
	align-content: center;
}

.account-introduction-block h3{
	margin-bottom: 28px;
}

@media  (max-width:980px) {
	.account-introduction-block{
		display:block !important;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.btn-container{
		position: relative;
		width: 100% !important;
	}
	.btn-container{
		justify-content: flex-start !important;
		margin-top: 20px !important;
	}
	.account-introduction-block p {
		font-family: 'Manarope', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		text-align: left;
	}

}

@media  (max-width:480px) {
	.account-introduction-block {
		margin-top: 32px; 
	}

}

.account-button .acc-btn{
	width: 100%;
	display: flex !important;
	background-color: var(--color-blue-DEFAULT);
	padding: 16px 20px;
	justify-content: center !important;
	align-items: center !important;
	font-family: 'Manarope', sans-serif;
	font-size: 14px;
	font-weight: 800;
	line-height: 16px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	grid-gap: 10px;
	color: white !important;
	border-radius:6px;
}